@bettercms-ai/kit 0.1.1 → 1.0.0

package/engine/kit-field.js

@@ -0,0 +1,523 @@
+import { cn } from "../lib/cn.js";
+import { isObj, pathKey } from "../lib/path.js";
+import { KitIcon } from "../lib/icons.js";
+import { resolveFieldAccess, useForm, useKitEnv, useKitServices } from "../context.js";
+import { Button } from "../ui/button.js";
+import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, Popover, PopoverContent, PopoverTrigger } from "../ui/overlay.js";
+import { isHidden, objectOpenMode, plainText, summarize } from "../lib/schema.js";
+import { IssueDot, RowChrome } from "./bits.js";
+import { resolveHelp } from "../schema/help.js";
+import { FieldShell } from "./field-shell.js";
+import { groupSummary } from "./group-summary.js";
+import { FieldInset, FieldRun, useInsetDepth } from "./grouping.js";
+import { FieldList } from "./field-list.js";
+import { ArrayField } from "./array.js";
+import { ExpandAction, ExpandedField, expandKey, expandSpecFor, isExpandShortcut, openExpanded } from "./expand.js";
+import { SchemaForm } from "./schema-form.js";
+import { SlotField } from "./slot.js";
+import { JsonControl } from "../controls/json.js";
+import * as React from "react";
+import { IconChevronRight } from "@tabler/icons-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/kit/engine/kit-field.tsx
+/**
+* KitField — renders ONE field of the schema at `path` (must be inside <SchemaForm>): the shell + the control for its
+* type (V2 HEAD 9829bf1 kit/engine/kit-field.tsx).
+*
+* Arrays (array.tsx) and slots (slot.tsx) get their rows; objects open inline (FieldInset), drill (NavRow -> a frame),
+* popover or dialog (NestedForm: its own navigation stack). Primitive types dispatch through the CONTROLS table, which
+* the controls lanes fill. Every SchemaType has a control there; a type that is none of them (a schema newer than this
+* kit) edits its raw value in the JSON control (FallbackControl), never nothing and never a stand-in.
+*/
+/** Type → control. Registered by the controls lane; a type with no entry edits its raw value (FallbackControl). */
+var CONTROLS = {};
+/**
+* Type → label-row action (DESIGN 4.4: slug Generate, rich text expand, table Edit in full screen), registered by the
+* controls lane next to its control. It gets the control's props. V2 draws it only while the field is editable, except
+* the types in ACTION_WHEN_READ_ONLY, whose action takes `readOnly` and decides for itself (slug Generate).
+*/
+var ACTIONS = {};
+var ACTION_WHEN_READ_ONLY = new Set(["slug"]);
+/** D58: the field for the lens: read-only (plain text) when it can't edit it. Hidden fields never reach here
+*  (SchemaForm drops them from the schema). */
+function useFieldAccess(field) {
+	return { readOnly: resolveFieldAccess(field, useKitEnv()).readOnly };
+}
+/** CPO D39: the field's help line — schema text first, then a line computed from its settings, then the house convention. */
+function withDefaultHelp(field, isPublished, readOnly) {
+	let computed;
+	if (readOnly && field.lockReason) return {
+		...field,
+		description: field.lockReason.replace(/\.?$/, ".")
+	};
+	if (field.type === "slug" && isPublished === false) computed = "Follows the title until you change it or publish.";
+	else if (field.type === "number" && !field.scale && field.layout !== "slider" && field.numeric?.unit) {
+		const { min, max, unit } = field.numeric;
+		computed = unit.startsWith("/") || max != null && unit.includes(String(max)) || min == null && max == null ? "" : min != null && max != null ? `Between ${min} and ${max} ${unit}.` : min != null ? `${min} ${unit} or more.` : `Up to ${max} ${unit}.`;
+	} else if (field.type === "number" && !field.scale && field.layout !== "slider" && (field.numeric?.min != null || field.numeric?.max != null)) {
+		const { min, max } = field.numeric ?? {};
+		computed = min != null && max != null ? `Between ${min} and ${max}.` : min != null ? `${min} or more.` : `Up to ${max}.`;
+	}
+	const help = resolveHelp(field, computed) ?? "";
+	return help === field.description ? field : {
+		...field,
+		description: help
+	};
+}
+function KitField({ field, path, parent }) {
+	const form = useForm();
+	const env = useKitEnv();
+	const id = React.useId();
+	const { readOnly } = useFieldAccess(field);
+	if (!form) return null;
+	if (field.type === "array") return /* @__PURE__ */ jsx(ArrayField, {
+		field,
+		path,
+		parent
+	});
+	if (field.type === "slot") return /* @__PURE__ */ jsx(SlotField, {
+		field,
+		path
+	});
+	if (field.type === "object") return /* @__PURE__ */ jsx(ObjectField, {
+		field,
+		path
+	});
+	const key = pathKey(path);
+	const value = form.getAt(path);
+	const onChange = (v) => form.setAt(path, v);
+	const onBlur = () => form.touch(key);
+	const issue = form.visibleIssue(key);
+	const Control = CONTROLS[field.type] ?? FallbackControl;
+	const Action = ACTIONS[field.type];
+	const f = withDefaultHelp(field, env.isPublished, readOnly);
+	const plain = readOnly && PLAIN_TYPES.has(field.type);
+	const card = field.type === "boolean" && field.layout !== "checkbox";
+	const expand = plain || Action ? null : expandSpecFor(field, {
+		readOnly,
+		hasKitControl: !!CONTROLS[field.type],
+		variant: env.variant
+	});
+	const action = Action && (!readOnly || ACTION_WHEN_READ_ONLY.has(field.type)) ? /* @__PURE__ */ jsx(Action, {
+		field: f,
+		value,
+		onChange,
+		id,
+		readOnly,
+		path,
+		parent
+	}) : expand ? /* @__PURE__ */ jsx(ExpandAction, {
+		field: f,
+		path,
+		spec: expand
+	}) : void 0;
+	return /* @__PURE__ */ jsxs(FieldShell, {
+		field: f,
+		path,
+		id,
+		value,
+		onChange,
+		readOnly,
+		issue,
+		layout: card ? "card" : "stack",
+		action,
+		children: [plain ? card ? null : /* @__PURE__ */ jsx(PlainValue, {
+			field: f,
+			value,
+			id
+		}) : /* @__PURE__ */ jsx("div", {
+			onBlur,
+			onKeyDown: expand ? (e) => {
+				if (!isExpandShortcut(e)) return;
+				e.preventDefault();
+				openExpanded(expandKey(env.docId, path));
+			} : void 0,
+			className: "min-w-0",
+			children: /* @__PURE__ */ jsx(Control, {
+				field: f,
+				value,
+				onChange,
+				id,
+				invalid: issue?.level === "error",
+				readOnly,
+				path,
+				parent,
+				onBlur
+			})
+		}), expand ? /* @__PURE__ */ jsx(ExpandedField, {
+			field: f,
+			path,
+			spec: expand,
+			Control,
+			value,
+			onChange,
+			onBlur,
+			invalid: issue?.level === "error",
+			id,
+			parent
+		}) : null]
+	});
+}
+/**
+* A row that opens something (V2 NavRow): type tile, title over a summary line, the field's chrome (from RowChrome),
+* the issue rollup and a chevron.
+* Like V2 it always draws its button and chevron, also with no `onClick` (a popover trigger around it opens on the
+* click). Only `inert` (the form draws no frames, so nothing can open) leaves both out.
+*/
+function NavRow({ icon, title, subtitle, path, onClick, inert, className, trailing }) {
+	const form = useForm();
+	const roll = path && form ? form.rollup(path) : {
+		errors: 0,
+		warnings: 0
+	};
+	const subId = React.useId();
+	const chrome = React.useContext(RowChrome);
+	const text = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		className: "block truncate text-kit-sm text-kit-fg",
+		children: title
+	}), /* @__PURE__ */ jsx("span", {
+		id: subId,
+		className: "block truncate text-kit-xs text-kit-fg-3",
+		children: subtitle || "Nothing set yet"
+	})] });
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("group/nav relative flex min-h-11 w-full min-w-0 items-center gap-2.5 rounded-kit-lg border border-kit-line bg-kit-control-bg py-1.5 pl-2 pr-2 text-left transition-colors hover:border-kit-line-strong hover:bg-kit-subtle", className),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "flex size-7 shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2",
+				children: /* @__PURE__ */ jsx(KitIcon, {
+					name: icon,
+					fallback: "folder",
+					className: "size-4"
+				})
+			}),
+			!inert ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"data-nav-main": true,
+				onClick,
+				"aria-label": `Open ${title}${roll.errors ? `, ${roll.errors} ${roll.errors === 1 ? "issue" : "issues"}` : ""}`,
+				"aria-describedby": subId,
+				className: "min-w-0 flex-1 text-left outline-none after:absolute after:inset-0 after:rounded-kit-lg after:content-[''] focus-visible:after:outline-2 focus-visible:after:outline-offset-2 focus-visible:after:outline-kit-focus-ring focus-visible:after:[outline-style:solid] [html[data-input-modality=pointer]_&]:focus-visible:after:outline-none",
+				children: text
+			}) : /* @__PURE__ */ jsx("div", {
+				"data-nav-main": true,
+				className: "min-w-0 flex-1 text-left",
+				children: text
+			}),
+			/* @__PURE__ */ jsx(IssueDot, {
+				errors: roll.errors,
+				warnings: roll.warnings,
+				className: "relative"
+			}),
+			chrome ? /* @__PURE__ */ jsx("span", {
+				className: "relative z-[1] flex shrink-0 items-center gap-0.5 empty:hidden",
+				children: chrome
+			}) : null,
+			trailing,
+			!inert ? /* @__PURE__ */ jsx(IconChevronRight, {
+				"aria-hidden": true,
+				className: "pointer-events-none size-4 shrink-0 text-kit-fg-3 transition-transform group-hover/nav:translate-x-0.5",
+				stroke: 1.5
+			}) : null
+		]
+	});
+}
+function ObjectField({ field, path }) {
+	const form = useForm();
+	const id = React.useId();
+	const { readOnly } = useFieldAccess(field);
+	const depth = useInsetDepth();
+	const value = form.getAt(path);
+	const obj = isObj(value) ? value : {};
+	const fields = field.fields ?? [];
+	const wanted = objectOpenMode(field);
+	const mode = wanted === "inline" && depth > 0 ? "drill" : wanted;
+	const [open, setOpen] = React.useState(false);
+	const sum = groupSummary(fields, obj) || summarize(fields, obj);
+	const nav = React.useRef(null);
+	const shell = (control, layout) => /* @__PURE__ */ jsx(FieldShell, {
+		field,
+		path,
+		id,
+		value,
+		onChange: (v) => form.setAt(path, v),
+		readOnly,
+		issue: form.visibleIssue(pathKey(path)),
+		layout,
+		children: control
+	});
+	if (mode === "inline") {
+		const visible = fields.filter((f) => !isHidden(f, obj));
+		return shell(/* @__PURE__ */ jsx(FieldInset, {
+			label: field.title,
+			children: /* @__PURE__ */ jsx(FieldRun, {
+				fields: visible,
+				render: (f) => /* @__PURE__ */ jsx(KitField, {
+					field: f,
+					path: [...path, f.name],
+					parent: obj
+				})
+			})
+		}));
+	}
+	const help = resolveHelp(field) ?? "";
+	if (mode === "popover") return shell(/* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			nativeButton: false,
+			render: /* @__PURE__ */ jsx("div", {}),
+			children: /* @__PURE__ */ jsx(NavRow, {
+				icon: field.icon,
+				title: field.title,
+				subtitle: sum || help,
+				path
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "w-[340px] p-3",
+			align: "start",
+			children: /* @__PURE__ */ jsx(FieldList, {
+				fields,
+				basePath: path,
+				memoryKey: `pop:${pathKey(path)}`
+			})
+		})]
+	}), "row");
+	if (mode === "dialog") return shell(/* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NavRow, {
+		icon: field.icon,
+		title: field.title,
+		subtitle: sum || help,
+		path,
+		onClick: () => setOpen(true)
+	}), /* @__PURE__ */ jsx(Modal, {
+		open,
+		onOpenChange: (o, d) => {
+			if (!o && d.reason === "escape-key" && nav.current?.back()) return d.cancel();
+			setOpen(o);
+		},
+		children: /* @__PURE__ */ jsxs(ModalContent, {
+			size: "lg",
+			children: [
+				/* @__PURE__ */ jsx(ModalHeader, {
+					title: field.title,
+					description: field.description,
+					icon: /* @__PURE__ */ jsx(KitIcon, {
+						name: field.icon,
+						fallback: "folder"
+					})
+				}),
+				/* @__PURE__ */ jsx(ModalBody, {
+					className: "flex min-h-[320px] flex-col gap-5",
+					children: /* @__PURE__ */ jsx(NestedForm, {
+						fields,
+						title: field.title,
+						icon: field.icon,
+						path,
+						navRef: nav
+					})
+				}),
+				/* @__PURE__ */ jsxs(ModalFooter, { children: [/* @__PURE__ */ jsx("span", {
+					className: "mr-auto text-kit-xs text-kit-fg-3",
+					children: "Changes save as you type"
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					onClick: () => setOpen(false),
+					children: "Done"
+				})] })
+			]
+		})
+	})] }), "row");
+	return shell(/* @__PURE__ */ jsx(NavRow, {
+		icon: field.icon,
+		title: field.title,
+		subtitle: sum || help,
+		path,
+		onClick: () => form.navigate(path),
+		inert: !form.canNavigate
+	}), "row");
+}
+/**
+* A dialog gets its OWN navigation stack: lists inside it drill inside the dialog (breadcrumb, Esc, stepper), never the
+* panel behind. Writes go straight into the parent form at `path`.
+*/
+function NestedForm({ fields, title, icon, path, navRef }) {
+	const form = useForm();
+	const env = useKitEnv();
+	const key = pathKey(path);
+	const schema = React.useMemo(() => ({
+		name: key || "nested",
+		title,
+		icon,
+		kind: "object",
+		fields
+	}), [
+		key,
+		title,
+		icon,
+		fields
+	]);
+	const raw = form.getAt(path);
+	const pub = form.hasPublished ? form.publishedAt(path) : void 0;
+	const presence = React.useMemo(() => {
+		const out = {};
+		for (const [k, v] of Object.entries(env.presence)) if (k.startsWith(`${key}.`)) out[k.slice(key.length + 1)] = v;
+		return out;
+	}, [env.presence, key]);
+	return /* @__PURE__ */ jsx(SchemaForm, {
+		schema,
+		value: isObj(raw) ? raw : {},
+		onChange: (v) => form.setAt(path, v),
+		variant: "document",
+		scroll: false,
+		navRef,
+		resolveSchema: form.resolveSchema,
+		blockLibrary: form.blockLibrary,
+		published: isObj(pub) ? pub : void 0,
+		presence,
+		readOnly: env.readOnly,
+		showErrors: form.showAllErrors,
+		onOpenReference: env.onOpenReference,
+		env: {
+			docId: `${env.docId}:${key}`,
+			docTitle: env.docTitle,
+			urlPrefix: env.urlPrefix,
+			isPublished: env.isPublished,
+			palette: env.palette,
+			helpDisplay: env.helpDisplay
+		}
+	});
+}
+var PLAIN_TYPES = new Set([
+	"string",
+	"text",
+	"richtext",
+	"number",
+	"slug",
+	"url",
+	"email",
+	"date",
+	"datetime",
+	"select",
+	"multiselect",
+	"tags",
+	"boolean",
+	"rating"
+]);
+function plainOf(field, value) {
+	if (value == null || value === "") return "";
+	const label = (v) => field.options?.find((o) => o.value === v)?.label ?? String(v);
+	if (field.type === "boolean") return value ? "On" : "Off";
+	if (field.type === "select") return label(value);
+	if (field.type === "richtext") return plainText(value);
+	if (Array.isArray(value)) return value.map(label).join(", ");
+	if (field.type === "date" || field.type === "datetime") {
+		const d = new Date(String(value).replace(/\[.*\]$/, ""));
+		return Number.isNaN(+d) ? String(value) : d.toLocaleString("en-US", field.type === "date" ? {
+			month: "short",
+			day: "numeric",
+			year: "numeric"
+		} : {
+			month: "short",
+			day: "numeric",
+			year: "numeric",
+			hour: "numeric",
+			minute: "2-digit"
+		});
+	}
+	if (field.type === "number" && isObj(value)) return String(value.value ?? "");
+	return typeof value === "object" ? "" : String(value);
+}
+function PlainValue({ field, value, id }) {
+	const text = plainOf(field, value);
+	return /* @__PURE__ */ jsx("p", {
+		id,
+		tabIndex: 0,
+		"data-slot": "kit-plain",
+		className: cn("min-w-0 whitespace-pre-wrap break-words text-kit-sm leading-6 text-kit-fg outline-none", (field.type === "slug" || field.type === "url") && "font-kit-mono text-kit-xs leading-6"),
+		children: text || /* @__PURE__ */ jsx("span", {
+			className: "text-kit-fg-3",
+			children: "Empty"
+		})
+	});
+}
+/**
+* Every SchemaType has a kit control (kit-field.test checks CONTROLS against the type list in schema/types.ts). A field
+* whose type is none of them edits its raw stored value in the JSON control, tagged `data-kit-fallback="<type>"`: the
+* value is shown and kept, and an edit is written only once it parses.
+*/
+function FallbackControl(props) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-kit-fallback": props.field.type,
+		className: "min-w-0",
+		children: /* @__PURE__ */ jsx(JsonControl, { ...props })
+	});
+}
+/**
+* A control that cannot carry a stored value unchanged (rich text holding formatting its editor would drop) hands that
+* value to the host's control for the type (KitServices.LegacyControl: the dashboard's FieldRenderer arm), bare inside
+* the kit FieldShell, which owns the label and the help; the control names its reason above it. The box carries
+* `data-kit-legacy="<type>"`, so the parity harness counts it (mismatch class `legacy-control`). A host with no legacy
+* service, or a control that throws while rendering, says why in words; the form around it keeps working.
+*/
+function LegacyFallback(props) {
+	const { LegacyControl } = useKitServices();
+	const { field, id } = props;
+	return /* @__PURE__ */ jsx("div", {
+		"data-kit-legacy": field.type,
+		className: "min-w-0",
+		children: LegacyControl ? /* @__PURE__ */ jsx(LegacyBoundary, {
+			field,
+			id,
+			value: props.value,
+			children: /* @__PURE__ */ jsx(LegacyControl, { ...props })
+		}, JSON.stringify(field)) : /* @__PURE__ */ jsxs(LegacyRefusal, {
+			id,
+			children: [
+				"This view has no control for ",
+				field.type,
+				" fields."
+			]
+		})
+	});
+}
+/**
+* An `<output>`: a labelable element, so the FieldShell label's `for` lands on it, and focusable, so a keyboard user
+* reaches the reason. The neutral focus ring shows under keyboard modality only.
+*/
+function LegacyRefusal({ id, children }) {
+	return /* @__PURE__ */ jsx("output", {
+		id,
+		role: "note",
+		tabIndex: 0,
+		"data-slot": "kit-legacy-refusal",
+		className: "block rounded-kit-sm text-kit-xs text-kit-fg-3 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-kit-focus-ring focus-visible:[outline-style:solid] [html[data-input-modality=pointer]_&]:focus-visible:outline-0",
+		children
+	});
+}
+/** Retries the control once its field or value changes (a schema edit, a save from elsewhere, an undo). */
+var LegacyBoundary = class extends React.Component {
+	state = { reason: null };
+	static getDerivedStateFromError(error) {
+		return { reason: error instanceof Error ? error.message : String(error) };
+	}
+	componentDidUpdate(prev) {
+		if (this.state.reason === null) return;
+		if (prev.value !== this.props.value || JSON.stringify(prev.field) !== JSON.stringify(this.props.field)) this.setState({ reason: null });
+	}
+	render() {
+		if (this.state.reason === null) return this.props.children;
+		return /* @__PURE__ */ jsxs(LegacyRefusal, {
+			id: this.props.id,
+			children: [
+				"The ",
+				this.props.field.title,
+				" control could not load: ",
+				this.state.reason
+			]
+		});
+	}
+};
+//#endregion
+export { ACTIONS, ACTION_WHEN_READ_ONLY, CONTROLS, FallbackControl, KitField, LegacyFallback, NavRow, NestedForm, plainOf, useFieldAccess, withDefaultHelp };
+
+//# sourceMappingURL=kit-field.js.map

package/engine/kit-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kit-field.js","names":[],"sources":["../../src/kit/engine/kit-field.tsx"],"sourcesContent":["/**\n * KitField — renders ONE field of the schema at `path` (must be inside <SchemaForm>): the shell + the control for its\n * type (V2 HEAD 9829bf1 kit/engine/kit-field.tsx).\n *\n * Arrays (array.tsx) and slots (slot.tsx) get their rows; objects open inline (FieldInset), drill (NavRow -> a frame),\n * popover or dialog (NestedForm: its own navigation stack). Primitive types dispatch through the CONTROLS table, which\n * the controls lanes fill. Every SchemaType has a control there; a type that is none of them (a schema newer than this\n * kit) edits its raw value in the JSON control (FallbackControl), never nothing and never a stand-in.\n */\nimport * as React from \"react\";\nimport type { ComponentType } from \"react\";\nimport { IconChevronRight } from \"@tabler/icons-react\";\nimport { KitIcon } from \"../lib/icons\";\nimport { cn } from \"../lib/cn\";\nimport type { FieldPath, FieldSchema, PrimitiveType, SchemaType } from \"../schema/types\";\nimport { resolveHelp } from \"../schema/help\";\nimport type { ControlProps } from \"../types\";\nimport { resolveFieldAccess, useForm, useKitEnv, useKitServices, type KitPeer } from \"../context\";\nimport { Button } from \"../ui/button\";\nimport { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, Popover, PopoverContent, PopoverTrigger } from \"../ui/overlay\";\nimport { isObj, pathKey } from \"../lib/path\";\nimport { isHidden, objectOpenMode, plainText, summarize } from \"../lib/schema\";\nimport { ArrayField, type NestedFormProps } from \"./array\";\nimport { ExpandAction, ExpandedField, expandKey, expandSpecFor, isExpandShortcut, openExpanded } from \"./expand\";\nimport { FieldShell } from \"./field-shell\";\nimport { FieldList } from \"./field-list\";\nimport { IssueDot, RowChrome } from \"./bits\";\nimport { FieldInset, FieldRun, groupSummary, useInsetDepth } from \"./grouping\";\nimport { SchemaForm } from \"./schema-form\";\nimport { SlotField } from \"./slot\";\nimport { JsonControl } from \"../controls/json\";\n\nexport interface KitFieldProps {\n  field: FieldSchema;\n  path: (string | number)[];\n  parent?: Record<string, unknown>;\n}\n\n/** Type → control. Registered by the controls lane; a type with no entry edits its raw value (FallbackControl). */\nexport const CONTROLS: Partial<Record<SchemaType, ComponentType<ControlProps>>> = {};\n\n/**\n * Type → label-row action (DESIGN 4.4: slug Generate, rich text expand, table Edit in full screen), registered by the\n * controls lane next to its control. It gets the control's props. V2 draws it only while the field is editable, except\n * the types in ACTION_WHEN_READ_ONLY, whose action takes `readOnly` and decides for itself (slug Generate).\n */\nexport const ACTIONS: Partial<Record<SchemaType, ComponentType<ControlProps>>> = {};\nexport const ACTION_WHEN_READ_ONLY = new Set<SchemaType>([\"slug\"]);\n\n/** D58: the field for the lens: read-only (plain text) when it can't edit it. Hidden fields never reach here\n *  (SchemaForm drops them from the schema). */\nexport function useFieldAccess(field: FieldSchema) {\n  const env = useKitEnv();\n  return { readOnly: resolveFieldAccess(field, env).readOnly };\n}\n\n/** CPO D39: the field's help line — schema text first, then a line computed from its settings, then the house convention. */\nexport function withDefaultHelp(field: FieldSchema, isPublished?: boolean, readOnly?: boolean): FieldSchema {\n  let computed: string | undefined;\n  /* a value set elsewhere says where, in one plain line (never a lock or a key) */\n  if (readOnly && field.lockReason) return { ...field, description: field.lockReason.replace(/\\.?$/, \".\") };\n  if (field.type === \"slug\" && isPublished === false) computed = \"Follows the title until you change it or publish.\";\n  else if (field.type === \"number\" && !field.scale && field.layout !== \"slider\" && field.numeric?.unit) {\n    /* D63: the unit sits in the input (\"/ 5\", \"min\"), so a line that only restates it or its range is noise. A range\n       still earns a line when the unit does not already say it (\"Between 1 and 12 items.\"). */\n    const { min, max, unit } = field.numeric;\n    const said = unit.startsWith(\"/\") || (max != null && unit.includes(String(max)));\n    computed = said || (min == null && max == null) ? \"\" : min != null && max != null ? `Between ${min} and ${max} ${unit}.` : min != null ? `${min} ${unit} or more.` : `Up to ${max} ${unit}.`;\n  } else if (field.type === \"number\" && !field.scale && field.layout !== \"slider\" && (field.numeric?.min != null || field.numeric?.max != null)) {\n    const { min, max } = field.numeric ?? {};\n    computed = min != null && max != null ? `Between ${min} and ${max}.` : min != null ? `${min} or more.` : `Up to ${max}.`;\n  }\n  /* resolve here so the computed line wins over the house convention; \"\" survives as \"deliberately none\" */\n  const help = resolveHelp(field, computed) ?? \"\";\n  return help === field.description ? field : { ...field, description: help };\n}\n\nexport function KitField({ field, path, parent }: KitFieldProps) {\n  const form = useForm();\n  const env = useKitEnv();\n  const id = React.useId();\n  const { readOnly } = useFieldAccess(field);\n  if (!form) return null;\n\n  if (field.type === \"array\") return <ArrayField field={field} path={path} parent={parent} />;\n  if (field.type === \"slot\") return <SlotField field={field} path={path} />;\n  if (field.type === \"object\") return <ObjectField field={field} path={path} />;\n\n  const key = pathKey(path);\n  const value = form.getAt(path);\n  const onChange = (v: unknown) => form.setAt(path, v);\n  const onBlur = () => form.touch(key);\n  const issue = form.visibleIssue(key);\n  const Control = CONTROLS[field.type] ?? FallbackControl;\n  const Action = ACTIONS[field.type];\n  const f = withDefaultHelp(field, env.isPublished, readOnly);\n  const plain = readOnly && PLAIN_TYPES.has(field.type as PrimitiveType);\n  const card = field.type === \"boolean\" && field.layout !== \"checkbox\";\n  /* D49: rich text, code and tables open the shared expanded editor (expand.tsx). A lane that registers its\n     own ACTIONS[type] owns its expansion too (rich text's editor modal, the table's spreadsheet): the engine draws no\n     second modal and binds no second ⌘↵ for it. */\n  const expand = plain || Action ? null : expandSpecFor(field, { readOnly, hasKitControl: !!CONTROLS[field.type], variant: env.variant });\n  const action =\n    Action && (!readOnly || ACTION_WHEN_READ_ONLY.has(field.type)) ? (\n      <Action field={f} value={value} onChange={onChange} id={id} readOnly={readOnly} path={path} parent={parent} />\n    ) : expand ? (\n      <ExpandAction field={f} path={path} spec={expand} />\n    ) : undefined;\n  return (\n    <FieldShell field={f} path={path} id={id} value={value} onChange={onChange} readOnly={readOnly} issue={issue} layout={card ? \"card\" : \"stack\"} action={action}>\n      {plain ? (\n        card ? null /* the switch card already reads On / Off */ : <PlainValue field={f} value={value} id={id} />\n      ) : (\n        <div\n          onBlur={onBlur}\n          onKeyDown={\n            expand\n              ? (e) => {\n                  if (!isExpandShortcut(e)) return;\n                  e.preventDefault();\n                  openExpanded(expandKey(env.docId, path));\n                }\n              : undefined\n          }\n          className=\"min-w-0\"\n        >\n          <Control field={f} value={value} onChange={onChange} id={id} invalid={issue?.level === \"error\"} readOnly={readOnly} path={path} parent={parent} onBlur={onBlur} />\n        </div>\n      )}\n      {expand ? (\n        <ExpandedField field={f} path={path} spec={expand} Control={Control} value={value} onChange={onChange} onBlur={onBlur} invalid={issue?.level === \"error\"} id={id} parent={parent} />\n      ) : null}\n    </FieldShell>\n  );\n}\n\n/**\n * A row that opens something (V2 NavRow): type tile, title over a summary line, the field's chrome (from RowChrome),\n * the issue rollup and a chevron.\n * Like V2 it always draws its button and chevron, also with no `onClick` (a popover trigger around it opens on the\n * click). Only `inert` (the form draws no frames, so nothing can open) leaves both out.\n */\nexport function NavRow({\n  icon,\n  title,\n  subtitle,\n  path,\n  onClick,\n  inert,\n  className,\n  trailing,\n}: {\n  icon?: string;\n  title: string;\n  subtitle?: string;\n  path?: FieldPath;\n  onClick?: () => void;\n  inert?: boolean;\n  className?: string;\n  trailing?: React.ReactNode;\n}) {\n  const form = useForm();\n  const roll = path && form ? form.rollup(path) : { errors: 0, warnings: 0 };\n  const subId = React.useId();\n  const chrome = React.useContext(RowChrome);\n  const text = (\n    <>\n      <span className=\"block truncate text-kit-sm text-kit-fg\">{title}</span>\n      <span id={subId} className=\"block truncate text-kit-xs text-kit-fg-3\">\n        {subtitle || \"Nothing set yet\"}\n      </span>\n    </>\n  );\n  return (\n    <div\n      className={cn(\n        \"group/nav relative flex min-h-11 w-full min-w-0 items-center gap-2.5 rounded-kit-lg border border-kit-line bg-kit-control-bg py-1.5 pl-2 pr-2 text-left transition-colors hover:border-kit-line-strong hover:bg-kit-subtle\",\n        className,\n      )}\n    >\n      <span className=\"flex size-7 shrink-0 items-center justify-center rounded-kit-md bg-kit-muted text-kit-fg-2\">\n        <KitIcon name={icon} fallback=\"folder\" className=\"size-4\" />\n      </span>\n      {!inert ? (\n        <button\n          type=\"button\"\n          data-nav-main\n          onClick={onClick}\n          aria-label={`Open ${title}${roll.errors ? `, ${roll.errors} ${roll.errors === 1 ? \"issue\" : \"issues\"}` : \"\"}`}\n          aria-describedby={subId}\n          className=\"min-w-0 flex-1 text-left outline-none after:absolute after:inset-0 after:rounded-kit-lg after:content-[''] focus-visible:after:outline-2 focus-visible:after:outline-offset-2 focus-visible:after:outline-kit-focus-ring focus-visible:after:[outline-style:solid] [html[data-input-modality=pointer]_&]:focus-visible:after:outline-none\"\n        >\n          {text}\n        </button>\n      ) : (\n        <div data-nav-main className=\"min-w-0 flex-1 text-left\">\n          {text}\n        </div>\n      )}\n      <IssueDot errors={roll.errors} warnings={roll.warnings} className=\"relative\" />\n      {chrome ? <span className=\"relative z-[1] flex shrink-0 items-center gap-0.5 empty:hidden\">{chrome}</span> : null}\n      {trailing}\n      {!inert ? <IconChevronRight aria-hidden className=\"pointer-events-none size-4 shrink-0 text-kit-fg-3 transition-transform group-hover/nav:translate-x-0.5\" stroke={1.5} /> : null}\n    </div>\n  );\n}\n\n/* ── Object: inline · drill · popover · dialog (V2 ObjectField) ───── */\n\nfunction ObjectField({ field, path }: { field: FieldSchema; path: FieldPath }) {\n  const form = useForm()!;\n  const id = React.useId();\n  const { readOnly } = useFieldAccess(field);\n  const depth = useInsetDepth();\n  const value = form.getAt(path);\n  const obj = isObj(value) ? value : {};\n  const fields = field.fields ?? [];\n  /* D45 nesting rule: one container per level. Inside an inset (or an expanded row) an \"inline\" object would be a box in a\n     box, so it drills instead — level 3+ is always a new frame, never more indentation. */\n  const wanted = objectOpenMode(field);\n  const mode = wanted === \"inline\" && depth > 0 ? \"drill\" : wanted;\n  const [open, setOpen] = React.useState(false);\n  const sum = groupSummary(fields, obj) || summarize(fields, obj);\n  const nav = React.useRef<{ back: () => boolean }>(null);\n  const shell = (control: React.ReactNode, layout?: \"row\") => (\n    <FieldShell field={field} path={path} id={id} value={value} onChange={(v) => form.setAt(path, v)} readOnly={readOnly} issue={form.visibleIssue(pathKey(path))} layout={layout}>\n      {control}\n    </FieldShell>\n  );\n  if (mode === \"inline\") {\n    const visible = fields.filter((f) => !isHidden(f, obj));\n    /* D63: label, then the children behind one inset line; short neighbours pair up only on a wide form */\n    return shell(\n      <FieldInset label={field.title}>\n        <FieldRun fields={visible} render={(f) => <KitField field={f} path={[...path, f.name]} parent={obj} />} />\n      </FieldInset>,\n    );\n  }\n  const help = resolveHelp(field) ?? \"\";\n  if (mode === \"popover\")\n    /* V2: Radix <PopoverTrigger asChild><div> — the whole row is the trigger (aria-expanded, aria-haspopup=\"dialog\");\n       NavRow gets no onClick but still draws its button (\"Open <title>\") and chevron, whose click opens the popover. */\n    return shell(\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger nativeButton={false} render={<div />}>\n          <NavRow icon={field.icon} title={field.title} subtitle={sum || help} path={path} />\n        </PopoverTrigger>\n        <PopoverContent className=\"w-[340px] p-3\" align=\"start\">\n          <FieldList fields={fields} basePath={path} memoryKey={`pop:${pathKey(path)}`} />\n        </PopoverContent>\n      </Popover>,\n      \"row\",\n    );\n  if (mode === \"dialog\")\n    return shell(\n      <>\n        <NavRow icon={field.icon} title={field.title} subtitle={sum || help} path={path} onClick={() => setOpen(true)} />\n        <Modal\n          open={open}\n          onOpenChange={(o, d) => {\n            // Escape steps back inside the dialog's own frames first (V2: onEscapeKeyDown + nav.back())\n            if (!o && d.reason === \"escape-key\" && nav.current?.back()) return d.cancel();\n            setOpen(o);\n          }}\n        >\n          <ModalContent size=\"lg\">\n            <ModalHeader title={field.title} description={field.description} icon={<KitIcon name={field.icon} fallback=\"folder\" />} />\n            <ModalBody className=\"flex min-h-[320px] flex-col gap-5\">\n              <NestedForm fields={fields} title={field.title} icon={field.icon} path={path} navRef={nav} />\n            </ModalBody>\n            <ModalFooter>\n              <span className=\"mr-auto text-kit-xs text-kit-fg-3\">Changes save as you type</span>\n              <Button variant=\"primary\" onClick={() => setOpen(false)}>\n                Done\n              </Button>\n            </ModalFooter>\n          </ModalContent>\n        </Modal>\n      </>,\n      \"row\",\n    );\n  return shell(<NavRow icon={field.icon} title={field.title} subtitle={sum || help} path={path} onClick={() => form.navigate(path)} inert={!form.canNavigate} />, \"row\");\n}\n\n/**\n * A dialog gets its OWN navigation stack: lists inside it drill inside the dialog (breadcrumb, Esc, stepper), never the\n * panel behind. Writes go straight into the parent form at `path`.\n */\nexport function NestedForm({ fields, title, icon, path, navRef }: NestedFormProps) {\n  const form = useForm()!;\n  const env = useKitEnv();\n  const key = pathKey(path);\n  const schema = React.useMemo(() => ({ name: key || \"nested\", title, icon, kind: \"object\" as const, fields }), [key, title, icon, fields]);\n  const raw = form.getAt(path);\n  const pub = form.hasPublished ? form.publishedAt(path) : undefined;\n  const presence = React.useMemo(() => {\n    const out: Record<string, KitPeer[]> = {};\n    for (const [k, v] of Object.entries(env.presence)) if (k.startsWith(`${key}.`)) out[k.slice(key.length + 1)] = v;\n    return out;\n  }, [env.presence, key]);\n  return (\n    <SchemaForm\n      schema={schema}\n      value={isObj(raw) ? raw : {}}\n      onChange={(v) => form.setAt(path, v)}\n      variant=\"document\"\n      scroll={false}\n      navRef={navRef}\n      resolveSchema={form.resolveSchema}\n      blockLibrary={form.blockLibrary}\n      published={isObj(pub) ? pub : undefined}\n      presence={presence}\n      readOnly={env.readOnly}\n      showErrors={form.showAllErrors}\n      onOpenReference={env.onOpenReference}\n      env={{ docId: `${env.docId}:${key}`, docTitle: env.docTitle, urlPrefix: env.urlPrefix, isPublished: env.isPublished, palette: env.palette, helpDisplay: env.helpDisplay }}\n    />\n  );\n}\n\n/* ── Read-only as plain text (D58 §0): no greyed input, just the value ── */\nconst PLAIN_TYPES = new Set<PrimitiveType>([\"string\", \"text\", \"richtext\", \"number\", \"slug\", \"url\", \"email\", \"date\", \"datetime\", \"select\", \"multiselect\", \"tags\", \"boolean\", \"rating\"]);\nexport function plainOf(field: FieldSchema, value: unknown): string {\n  if (value == null || value === \"\") return \"\";\n  const label = (v: unknown) => field.options?.find((o) => o.value === v)?.label ?? String(v);\n  if (field.type === \"boolean\") return value ? \"On\" : \"Off\";\n  if (field.type === \"select\") return label(value);\n  // before the list arm: stored rich text may be a Portable Text block array\n  if (field.type === \"richtext\") return plainText(value);\n  if (Array.isArray(value)) return value.map(label).join(\", \");\n  if (field.type === \"date\" || field.type === \"datetime\") {\n    const d = new Date(String(value).replace(/\\[.*\\]$/, \"\"));\n    return Number.isNaN(+d) ? String(value) : d.toLocaleString(\"en-US\", field.type === \"date\" ? { month: \"short\", day: \"numeric\", year: \"numeric\" } : { month: \"short\", day: \"numeric\", year: \"numeric\", hour: \"numeric\", minute: \"2-digit\" });\n  }\n  if (field.type === \"number\" && isObj(value)) return String((value as { value?: unknown }).value ?? \"\");\n  return typeof value === \"object\" ? \"\" : String(value);\n}\nfunction PlainValue({ field, value, id }: { field: FieldSchema; value: unknown; id: string }) {\n  const text = plainOf(field, value);\n  return (\n    <p id={id} tabIndex={0} data-slot=\"kit-plain\" className={cn(\"min-w-0 whitespace-pre-wrap break-words text-kit-sm leading-6 text-kit-fg outline-none\", (field.type === \"slug\" || field.type === \"url\") && \"font-kit-mono text-kit-xs leading-6\")}>\n      {text || <span className=\"text-kit-fg-3\">Empty</span>}\n    </p>\n  );\n}\n\n/* ── Unknown type: the raw value, in the JSON control ── */\n/**\n * Every SchemaType has a kit control (kit-field.test checks CONTROLS against the type list in schema/types.ts). A field\n * whose type is none of them edits its raw stored value in the JSON control, tagged `data-kit-fallback=\"<type>\"`: the\n * value is shown and kept, and an edit is written only once it parses.\n */\nexport function FallbackControl(props: ControlProps) {\n  return (\n    <div data-kit-fallback={props.field.type} className=\"min-w-0\">\n      <JsonControl {...props} />\n    </div>\n  );\n}\n\n/* ── Hand-off: the host's own control for a value the kit refuses ── */\n/**\n * A control that cannot carry a stored value unchanged (rich text holding formatting its editor would drop) hands that\n * value to the host's control for the type (KitServices.LegacyControl: the dashboard's FieldRenderer arm), bare inside\n * the kit FieldShell, which owns the label and the help; the control names its reason above it. The box carries\n * `data-kit-legacy=\"<type>\"`, so the parity harness counts it (mismatch class `legacy-control`). A host with no legacy\n * service, or a control that throws while rendering, says why in words; the form around it keeps working.\n */\nexport function LegacyFallback(props: ControlProps) {\n  const { LegacyControl } = useKitServices();\n  const { field, id } = props;\n  return (\n    <div data-kit-legacy={field.type} className=\"min-w-0\">\n      {LegacyControl ? (\n        // keyed by the schema's content: a schema edit remounts the control (KitField hands over a fresh field object on\n        // every render, so identity would remount on every keystroke). A value change retries in place (componentDidUpdate).\n        <LegacyBoundary key={JSON.stringify(field)} field={field} id={id} value={props.value}>\n          <LegacyControl {...props} />\n        </LegacyBoundary>\n      ) : (\n        <LegacyRefusal id={id}>This view has no control for {field.type} fields.</LegacyRefusal>\n      )}\n    </div>\n  );\n}\n\n/**\n * An `<output>`: a labelable element, so the FieldShell label's `for` lands on it, and focusable, so a keyboard user\n * reaches the reason. The neutral focus ring shows under keyboard modality only.\n */\nfunction LegacyRefusal({ id, children }: { id: string; children: React.ReactNode }) {\n  return (\n    <output\n      id={id}\n      role=\"note\"\n      tabIndex={0}\n      data-slot=\"kit-legacy-refusal\"\n      className=\"block rounded-kit-sm text-kit-xs text-kit-fg-3 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-kit-focus-ring focus-visible:[outline-style:solid] [html[data-input-modality=pointer]_&]:focus-visible:outline-0\"\n    >\n      {children}\n    </output>\n  );\n}\n\n/** Retries the control once its field or value changes (a schema edit, a save from elsewhere, an undo). */\nclass LegacyBoundary extends React.Component<{ field: FieldSchema; id: string; value: unknown; children: React.ReactNode }, { reason: string | null }> {\n  state = { reason: null as string | null };\n  static getDerivedStateFromError(error: unknown) {\n    return { reason: error instanceof Error ? error.message : String(error) };\n  }\n  componentDidUpdate(prev: { field: FieldSchema; value: unknown }) {\n    if (this.state.reason === null) return;\n    // by content: KitField hands over a fresh field object (withDefaultHelp) on every render\n    if (prev.value !== this.props.value || JSON.stringify(prev.field) !== JSON.stringify(this.props.field)) this.setState({ reason: null });\n  }\n  render() {\n    if (this.state.reason === null) return this.props.children;\n    return (\n      <LegacyRefusal id={this.props.id}>\n        The {this.props.field.title} control could not load: {this.state.reason}\n      </LegacyRefusal>\n    );\n  }\n}\n"],"mappings":"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"}