@bettercms-ai/kit 0.1.1 → 2.0.0-next.0

package/dist/engine/kit-field.js

@@ -0,0 +1,558 @@
+import { cn } from "../lib/cn.js";
+import { resolveFieldAccess, useForm, useKitEnv, useKitServices } from "../context.js";
+import { isObj, pathKey } from "../lib/path.js";
+import { KitIcon } from "../lib/icons.js";
+import { Button } from "../ui/button.js";
+import { Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, Popover, PopoverContent, PopoverTrigger } from "../ui/overlay.js";
+import { condCtx, 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 { isIconImage } from "../lib/icon-image.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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { IconChevronRight } from "@tabler/icons-react";
+//#region src/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 = /* @__PURE__ */ 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) {
+	const env = useKitEnv();
+	return { readOnly: resolveFieldAccess(field, env).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) 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;
+	const Custom = env.controls?.[pathKey(path)];
+	if (Custom) {
+		const ck = pathKey(path);
+		const cissue = form.visibleIssue(ck);
+		const cf = withDefaultHelp(field, env.isPublished, readOnly);
+		return /* @__PURE__ */ jsx(FieldShell, {
+			field: cf,
+			path,
+			id,
+			value: form.getAt(path),
+			onChange: (v) => form.setAt(path, v),
+			readOnly,
+			issue: cissue,
+			children: /* @__PURE__ */ jsx("div", {
+				onBlur: () => form.touch(ck),
+				className: "min-w-0",
+				children: /* @__PURE__ */ jsx(Custom, {
+					field: cf,
+					value: form.getAt(path),
+					onChange: (v) => form.setAt(path, v),
+					id,
+					invalid: cissue?.level === "error",
+					readOnly,
+					path,
+					parent,
+					onBlur: () => form.touch(ck)
+				})
+			})
+		});
+	}
+	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 iconRow = isIconImage(field, value);
+	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" : iconRow ? "row" : "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 cc = condCtx(form, path);
+		const visible = fields.filter((f) => !isHidden(f, obj, cc));
+		return shell(/* @__PURE__ */ jsx(FieldInset, {
+			label: field.title,
+			children: /* @__PURE__ */ jsx(FieldRun, {
+				fields: visible,
+				values: obj,
+				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 = /* @__PURE__ */ 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/dist/engine/kit-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kit-field.js","names":[],"sources":["../../src/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 { condCtx, isHidden, objectOpenMode, plainText, summarize } from \"../lib/schema\";\nimport { isIconImage } from \"../lib/icon-image\";\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) 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  /* a host's own control for this field (KitEnv.controls), inside the usual shell */\n  const Custom = env.controls?.[pathKey(path)];\n  if (Custom) {\n    const ck = pathKey(path);\n    const cissue = form.visibleIssue(ck);\n    const cf = withDefaultHelp(field, env.isPublished, readOnly);\n    return (\n      <FieldShell field={cf} path={path} id={id} value={form.getAt(path)} onChange={(v) => form.setAt(path, v)} readOnly={readOnly} issue={cissue}>\n        <div onBlur={() => form.touch(ck)} className=\"min-w-0\">\n          <Custom field={cf} value={form.getAt(path)} onChange={(v) => form.setAt(path, v)} id={id} invalid={cissue?.level === \"error\"} readOnly={readOnly} path={path} parent={parent} onBlur={() => form.touch(ck)} />\n        </div>\n      </FieldShell>\n    );\n  }\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  /* an icon's row carries its own name (controls/media.tsx IconImageRow): no label above it as well */\n  const iconRow = isIconImage(field, value);\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\" : iconRow ? \"row\" : \"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 cc = condCtx(form, path);\n    const visible = fields.filter((f) => !isHidden(f, obj, cc));\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} values={obj} 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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"}