@oktis-works/admin 0.4.26 → 0.4.28

package/dist/server/chunks/{custom-fields_BStpRIje.mjs → custom-fields_Fxwd37q5.mjs}

@@ -1,8 +1,8 @@
 import { r as __exportAll } from "./rolldown-runtime_BMI-E3GI.mjs";
 import { S as createAstro, d as maybeRenderHead, i as renderComponent, u as renderTemplate } from "./server_B5N27szj.mjs";
 import { t as createComponent$1 } from "./compiler_O7J1rlsi.mjs";
-import { n as useTranslation, r as apiClient } from "./i18n_BgHPm3Sm.mjs";
-import { t as $$DashboardLayout } from "./DashboardLayout_DsBXH2m1.mjs";
+import { n as useTranslation, r as apiClient } from "./i18n_kKFSn0qM.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_CnMK9Hxe.mjs";
 import { createComponent, escape, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
 import { For, Show, createMemo, createSignal, onMount } from "solid-js";
 import { createIcons, icons } from "lucide";
@@ -350,18 +350,63 @@ var _tmpl$20 = [
 ];
 var _tmpl$21 = [
 	"<div",
-	" class=\"acf-fields-list\"",
+	" class=\"acf-type-modal-backdrop\" role=\"presentation\"><section class=\"acf-type-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"acf-type-modal-title\"><header class=\"acf-type-modal__header\"><div><span class=\"acf-eyebrow\">",
+	"</span><h3 id=\"acf-type-modal-title\">",
+	"</h3></div><button type=\"button\" class=\"acf-icon-button\"",
+	">×</button></header><div class=\"acf-type-modal__toolbar\"><input class=\"input\" type=\"search\"",
+	"></div><nav class=\"acf-type-tabs\"",
 	">",
-	"</div>"
+	"</nav><div class=\"acf-type-modal__body\"><div class=\"acf-type-grid\">",
+	"</div><aside class=\"acf-type-preview\"><span class=\"acf-type-preview__icon\" aria-hidden=\"true\">",
+	"</span><h4>",
+	"</h4><p class=\"muted\">",
+	"</p></aside></div><footer class=\"acf-type-modal__footer\"><label><!--$-->",
+	"<!--/--><input class=\"input\"",
+	"></label><div class=\"editor-actions\"><button type=\"button\" class=\"btn btn-secondary\">",
+	"</button><button type=\"button\" class=\"btn btn-primary\"",
+	">",
+	"</button></div></footer></section></div>"
 ];
 var _tmpl$22 = [
+	"<button",
+	" type=\"button\" class=\"",
+	"\">",
+	"</button>"
+];
+var _tmpl$23 = [
+	"<p",
+	" class=\"muted acf-type-empty\">",
+	"</p>"
+];
+var _tmpl$24 = [
+	"<button",
+	" type=\"button\" class=\"",
+	"\"><span class=\"acf-type-tile__icon\" aria-hidden=\"true\">",
+	"</span><strong>",
+	"</strong><small>",
+	"</small></button>"
+];
+var _tmpl$25 = [
+	"<div",
+	" class=\"acf-empty-fields acf-empty-fields--compact\"><p>",
+	"</p></div>"
+];
+var _tmpl$26 = [
+	"<div",
+	" class=\"acf-fields-list\"",
+	"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><button type=\"button\" class=\"acf-add-field\">＋ <!--$-->",
+	"<!--/--></button></div>"
+];
+var _tmpl$27 = [
 	"<div",
 	" class=\"acf-nested-fields\"><div class=\"acf-nested-heading\"><h5>",
-	"</h5><button type=\"button\" class=\"btn btn-secondary btn-sm\">+ <!--$-->",
-	"<!--/--></button></div><!--$-->",
+	"</h5></div><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$23 = [
+var _tmpl$28 = [
 	"<div",
 	" class=\"acf-field-body\"><div class=\"acf-field-type-row\"><label>",
 	"</label><!--$-->",
@@ -370,27 +415,33 @@ var _tmpl$23 = [
 	"<!--/--><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$24 = [
+var _tmpl$29 = [
 	"<article",
 	" class=\"",
-	"\"><div class=\"acf-field-header\"><span class=\"acf-drag-handle\" data-drag-handle=\"true\" draggable=\"true\"",
-	">⠿⠿⠿</span><button type=\"button\" class=\"acf-field-toggle\"><span class=\"acf-field-number\">",
+	"\"><div class=\"acf-field-header\"",
+	"><button type=\"button\" class=\"acf-drag-handle\" data-drag-handle=\"true\" draggable=\"true\"",
+	">⠿</button><button type=\"button\" class=\"acf-field-toggle\"",
+	"><span class=\"acf-field-number\">",
 	"</span><span class=\"acf-field-title\"><strong>",
 	"</strong><small><!--$-->",
 	"<!--/--> · <!--$-->",
-	"<!--/--></small></span><span class=\"acf-field-chevron\">",
-	"</span></button><button type=\"button\" class=\"btn btn-danger btn-sm\">",
-	"</button></div><!--$-->",
+	"<!--/--></small></span><span class=\"acf-field-name\">",
+	"</span><span class=\"acf-field-type\">",
+	"</span><span class=\"acf-field-chevron\">",
+	"</span></button><div class=\"acf-field-actions\"><button type=\"button\" class=\"acf-row-action\">",
+	"</button><button type=\"button\" class=\"acf-row-action\">",
+	"</button><button type=\"button\" class=\"acf-row-action is-danger\">",
+	"</button></div></div><!--$-->",
 	"<!--/--></article>"
 ];
-var _tmpl$25 = [
+var _tmpl$30 = [
 	"<div",
 	" class=\"acf-layouts\"><div class=\"acf-nested-heading\"><h5>",
 	"</h5><button type=\"button\" class=\"btn btn-secondary btn-sm\">+ <!--$-->",
 	"<!--/--></button></div><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$26 = [
+var _tmpl$31 = [
 	"<div",
 	" class=\"acf-layout-card\"><div class=\"acf-settings-grid\"><label><!--$-->",
 	"<!--/--><input class=\"input\"",
@@ -401,21 +452,20 @@ var _tmpl$26 = [
 	"><option value=\"block\">Block</option><option value=\"table\">Table</option><option value=\"row\">Row</option></select></label><button type=\"button\" class=\"btn btn-danger btn-sm\">",
 	"</button></div><div class=\"acf-nested-fields\"><div class=\"acf-nested-heading\"><h5><!--$-->",
 	"<!--/--> · <!--$-->",
-	"<!--/--></h5><button type=\"button\" class=\"btn btn-secondary btn-sm\">+ <!--$-->",
-	"<!--/--></button></div><!--$-->",
+	"<!--/--></h5></div><!--$-->",
 	"<!--/--></div></div>"
 ];
-var _tmpl$27 = [
+var _tmpl$32 = [
 	"<div",
 	" class=\"notice notice--error\">",
 	"</div>"
 ];
-var _tmpl$28 = [
+var _tmpl$33 = [
 	"<div",
 	" class=\"notice\">",
 	"</div>"
 ];
-var _tmpl$29 = [
+var _tmpl$34 = [
 	"<div",
 	" class=\"acf-list-header\"><div><span class=\"acf-eyebrow\">",
 	"</span><h3>",
@@ -423,7 +473,7 @@ var _tmpl$29 = [
 	"</p></div><button type=\"button\" class=\"btn btn-primary\">+ <!--$-->",
 	"<!--/--></button></div>"
 ];
-var _tmpl$30 = [
+var _tmpl$35 = [
 	"<div",
 	" class=\"acf-list-toolbar\"><label><!--$-->",
 	"<!--/--><select class=\"input\"",
@@ -432,7 +482,7 @@ var _tmpl$30 = [
 	"<!--/--></select></label><input class=\"input\"",
 	"></div>"
 ];
-var _tmpl$31 = [
+var _tmpl$36 = [
 	"<div",
 	" class=\"acf-groups-table\"><div class=\"acf-groups-table__head\"><span>",
 	"</span><span>",
@@ -441,33 +491,34 @@ var _tmpl$31 = [
 	"</span><span></span></div><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$32 = [
+var _tmpl$37 = [
 	"<section",
 	" class=\"card acf-groups-card\">",
 	"</section>"
 ];
-var _tmpl$33 = [
-	"<section",
-	" class=\"card standard-fields-card\"><div class=\"section-heading\"><div><h4>",
-	"</h4><p class=\"muted\">",
-	"</p></div></div><div class=\"standard-fields-list\">",
-	"</div></section>"
+var _tmpl$38 = [
+	"<details",
+	" class=\"card standard-fields-card acf-disclosure\"><summary><span><strong>",
+	"</strong><small>",
+	"</small></span><span class=\"acf-disclosure-chevron\">⌄</span></summary><div class=\"acf-disclosure-content\"><div class=\"standard-fields-list\">",
+	"</div></div></details>"
 ];
-var _tmpl$34 = [
+var _tmpl$39 = [
 	"<div",
 	" class=\"custom-fields-manager\"><!--$-->",
 	"<!--/--><!--$-->",
 	"<!--/--><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$35 = [
+var _tmpl$40 = [
 	"<p",
 	" class=\"muted\">",
 	"</p>"
 ];
-var _tmpl$36 = [
+var _tmpl$41 = [
 	"<form",
-	" class=\"acf-builder\"><div class=\"acf-builder-header\"><div><button type=\"button\" class=\"btn btn-secondary\">← <!--$-->",
+	" class=\"acf-builder\"><!--$-->",
+	"<!--/--><div class=\"acf-builder-header\"><div><button type=\"button\" class=\"acf-back-link\">← <!--$-->",
 	"<!--/--></button><span class=\"acf-eyebrow\">",
 	"</span><h3>",
 	"</h3></div><div class=\"editor-actions\"><button type=\"button\" class=\"btn btn-secondary\">",
@@ -480,16 +531,17 @@ var _tmpl$36 = [
 	"</h4><p class=\"muted\">",
 	"</p></div><button type=\"button\" class=\"btn btn-primary\">",
 	"</button></div><!--$-->",
-	"<!--/--></section><section class=\"card acf-builder-section\"><div class=\"acf-section-header\"><div><h4>",
-	"</h4><p class=\"muted\">",
-	"</p></div><button type=\"button\" class=\"btn btn-secondary\">+ <!--$-->",
+	"<!--/--></section><details class=\"card acf-builder-section acf-disclosure\"><summary><span><strong>",
+	"</strong><small>",
+	"</small></span><span class=\"acf-disclosure-chevron\">⌄</span></summary><div class=\"acf-disclosure-content\"><div class=\"acf-section-header\"><div><h4>",
+	"</h4></div><button type=\"button\" class=\"btn btn-secondary\">+ <!--$-->",
 	"<!--/--></button></div><div class=\"acf-assignment\"><label><!--$-->",
 	"<!--/--><select class=\"input\"",
 	">",
 	"</select></label></div><!--$-->",
-	"<!--/--></section><section class=\"card acf-builder-section\"><div class=\"acf-section-header\"><div><h4>",
-	"</h4><p class=\"muted\">",
-	"</p></div></div><div class=\"acf-settings-grid\"><label class=\"acf-settings-wide\"><!--$-->",
+	"<!--/--></div></details><details class=\"card acf-builder-section acf-disclosure\"><summary><span><strong>",
+	"</strong><small>",
+	"</small></span><span class=\"acf-disclosure-chevron\">⌄</span></summary><div class=\"acf-disclosure-content\"><div class=\"acf-settings-grid\"><label class=\"acf-settings-wide\"><!--$-->",
 	"<!--/--><textarea class=\"input\" rows=\"3\"",
 	"></textarea></label><label><!--$-->",
 	"<!--/--><select class=\"input\"",
@@ -515,39 +567,34 @@ var _tmpl$36 = [
 	"> <!--$-->",
 	"<!--/--></label></div><div class=\"acf-hide-on-screen\"><strong>",
 	"</strong><!--$-->",
-	"<!--/--></div></section></form>"
+	"<!--/--></div></div></details></form>"
 ];
-var _tmpl$37 = [
-	"<div",
-	" class=\"acf-empty-fields\">",
-	"</div>"
-];
-var _tmpl$38 = [
+var _tmpl$42 = [
 	"<option",
 	"><!--$-->",
 	"<!--/--> (<!--$-->",
 	"<!--/-->)</option>"
 ];
-var _tmpl$39 = [
+var _tmpl$43 = [
 	"<div",
 	" class=\"rule-connector\">",
 	"</div>"
 ];
-var _tmpl$40 = [
+var _tmpl$44 = [
 	"<div",
 	" class=\"location-rule-group\"><!--$-->",
 	"<!--/--><!--$-->",
 	"<!--/--><button type=\"button\" class=\"btn btn-secondary btn-sm\">+ <!--$-->",
 	"<!--/--></button></div>"
 ];
-var _tmpl$41 = [
+var _tmpl$45 = [
 	"<select",
 	" class=\"input\" required",
 	"><option value>",
 	"</option><!--$-->",
 	"<!--/--></select>"
 ];
-var _tmpl$42 = [
+var _tmpl$46 = [
 	"<div",
 	" class=\"location-rule-row\"><select class=\"input\"",
 	">",
@@ -558,30 +605,30 @@ var _tmpl$42 = [
 	"<!--/--><button type=\"button\" class=\"btn btn-danger btn-sm\">",
 	"</button></div>"
 ];
-var _tmpl$43 = [
+var _tmpl$47 = [
 	"<input",
 	" class=\"input\" required",
 	">"
 ];
-var _tmpl$44 = [
+var _tmpl$48 = [
 	"<label",
 	" class=\"checkbox-label\"><input type=\"checkbox\"",
 	"> <!--$-->",
 	"<!--/--></label>"
 ];
-var _tmpl$45 = [
+var _tmpl$49 = [
 	"<div",
 	" class=\"acf-empty-groups\"><div class=\"acf-empty-icon\">✣</div><h4>",
 	"</h4><p class=\"muted\">",
 	"</p><button type=\"button\" class=\"btn btn-primary\">",
 	"</button></div>"
 ];
-var _tmpl$46 = [
+var _tmpl$50 = [
 	"<small",
 	">",
 	"</small>"
 ];
-var _tmpl$47 = [
+var _tmpl$51 = [
 	"<div",
 	" class=\"acf-group-list-row\"><div><strong>",
 	"</strong><small>",
@@ -594,12 +641,12 @@ var _tmpl$47 = [
 	"</button><button type=\"button\" class=\"btn btn-danger btn-sm\">",
 	"</button></div></div>"
 ];
-var _tmpl$48 = [
+var _tmpl$52 = [
 	"<span",
 	" class=\"badge badge-secondary\">",
 	"</span>"
 ];
-var _tmpl$49 = [
+var _tmpl$53 = [
 	"<label",
 	" class=\"standard-field-row\"><span><strong>",
 	"</strong><small><!--$-->",
@@ -607,7 +654,7 @@ var _tmpl$49 = [
 	"<!--/--></small></span><span class=\"standard-field-control\">",
 	"</span></label>"
 ];
-var _tmpl$50 = [
+var _tmpl$54 = [
 	"<input",
 	" type=\"checkbox\"",
 	">"
@@ -650,6 +697,23 @@ var RELATION_TYPES = /* @__PURE__ */ new Set([
 	"taxonomy",
 	"user"
 ]);
+var clientSequence = 0;
+function clientId(prefix) {
+	clientSequence += 1;
+	return `${prefix}_${typeof globalThis.crypto?.randomUUID === "function" ? globalThis.crypto.randomUUID() : Math.random().toString(36).slice(2)}_${clientSequence}`;
+}
+function emptyField(index, label, type = "text") {
+	return {
+		clientId: clientId("field"),
+		type,
+		name: `field_${index + 1}`,
+		label,
+		required: false,
+		config: {},
+		subFields: [],
+		layouts: []
+	};
+}
 function updateFieldInList(fields, id, patch) {
 	return fields.map((field) => {
 		if (field.clientId === id) return {
@@ -868,19 +932,110 @@ function FieldSettings(props) {
 		}
 	})));
 }
+function FieldTypeModal(props) {
+	const popularTypes = /* @__PURE__ */ new Set([
+		"text",
+		"textarea",
+		"email",
+		"url",
+		"image",
+		"file",
+		"select",
+		"true_false",
+		"link",
+		"post_object",
+		"relationship",
+		"repeater",
+		"flexible_content",
+		"gallery",
+		"clone"
+	]);
+	const [query, setQuery] = createSignal("");
+	const [activeTab, setActiveTab] = createSignal("popular");
+	const [selectedType, setSelectedType] = createSignal("text");
+	const [label, setLabel] = createSignal("");
+	const tabs = () => [{
+		id: "popular",
+		label: props.t("settings.customFields.form.popularFields")
+	}, ...props.categories.map((category) => ({
+		id: category.id,
+		label: category.label
+	}))];
+	const filteredTypes = () => {
+		const normalizedQuery = query().trim().toLowerCase();
+		return props.types.filter((type) => {
+			return (activeTab() === "popular" ? popularTypes.has(type.type) : type.category === activeTab()) && (!normalizedQuery || type.label.toLowerCase().includes(normalizedQuery) || type.type.toLowerCase().includes(normalizedQuery));
+		});
+	};
+	const selectedDefinition = () => props.types.find((type) => type.type === selectedType());
+	const open = () => {
+		if (!props.open()) return;
+		if (!props.types.some((type) => type.type === selectedType())) setSelectedType(props.types[0]?.type ?? "text");
+	};
+	open();
+	return createComponent(Show, {
+		get when() {
+			return props.open();
+		},
+		get children() {
+			return ssr(_tmpl$21, ssrHydrationKey(), escape(props.t("settings.customFields.form.addField")), escape(props.t("settings.customFields.form.selectFieldType")), ssrAttribute("aria-label", escape(props.t("settings.customFields.form.cancel"), true), false), ssrAttribute("placeholder", escape(props.t("settings.customFields.form.searchFieldTypes"), true), false) + ssrAttribute("value", escape(query(), true), false), ssrAttribute("aria-label", escape(props.t("settings.customFields.form.fieldType"), true), false), escape(createComponent(For, {
+				get each() {
+					return tabs();
+				},
+				children: (tab) => ssr(_tmpl$22, ssrHydrationKey(), activeTab() === tab.id ? "is-active" : "", escape(tab.label))
+			})), escape(createComponent(Show, {
+				get when() {
+					return filteredTypes().length > 0;
+				},
+				get fallback() {
+					return ssr(_tmpl$23, ssrHydrationKey(), escape(props.t("settings.customFields.form.noMatchingFieldTypes")));
+				},
+				get children() {
+					return createComponent(For, {
+						get each() {
+							return filteredTypes();
+						},
+						children: (type) => ssr(_tmpl$24, ssrHydrationKey(), `acf-type-tile ${selectedType() === type.type ? "is-selected" : ""}`, escape(type.label.slice(0, 1)), escape(type.label), escape(type.type))
+					});
+				}
+			})), escape(selectedDefinition()?.label.slice(0, 1) ?? "?"), escape(selectedDefinition()?.label ?? props.t("settings.customFields.form.fieldType")), escape(props.t("settings.customFields.form.fieldTypeHint")), escape(props.t("settings.customFields.form.fieldLabel")), ssrAttribute("value", escape(label(), true), false) + ssrAttribute("placeholder", escape(props.t("settings.customFields.form.newFieldDefault"), true), false), escape(props.t("settings.customFields.form.cancel")), ssrAttribute("disabled", !selectedDefinition(), true), escape(props.t("settings.customFields.form.selectField")));
+		}
+	});
+}
 function FieldListEditor(props) {
 	const [draggingId, setDraggingId] = createSignal(null);
+	const [dropTarget, setDropTarget] = createSignal(null);
+	const [typeModalOpen, setTypeModalOpen] = createSignal(false);
 	const patchField = (id, patch) => props.onChange(updateFieldInList(props.fields, id, patch));
-	return ssr(_tmpl$21, ssrHydrationKey(), ssrAttribute("data-depth", escape(props.depth, true), false), escape(createComponent(For, {
+	const addField = (type, label) => {
+		const field = emptyField(props.fields.length, label, type);
+		props.onChange([...props.fields, field]);
+		props.setExpandedId(field.clientId);
+		setTypeModalOpen(false);
+	};
+	return ssr(_tmpl$26, ssrHydrationKey(), ssrAttribute("data-depth", escape(props.depth, true), false), escape(createComponent(FieldTypeModal, {
+		open: typeModalOpen,
+		get types() {
+			return props.types;
+		},
+		get categories() {
+			return props.categories;
+		},
+		get t() {
+			return props.t;
+		},
+		onClose: () => setTypeModalOpen(false),
+		onSelect: addField
+	})), escape(createComponent(For, {
 		get each() {
 			return props.fields;
 		},
-		children: (field, index) => ssr(_tmpl$24, ssrHydrationKey(), `acf-field-row ${props.expandedId() === field.clientId ? "is-expanded" : ""} ${draggingId() === field.clientId ? "is-dragging" : ""}`, ssrAttribute("title", escape(props.t("settings.customFields.form.dragHint"), true), false), escape(index()) + 1, escape(field.label || props.t("settings.customFields.form.newFieldDefault")), escape(field.name), escape(fieldTypeLabel(field, props.types)), props.expandedId() === field.clientId ? "▴" : "▾", escape(props.t("settings.customFields.form.removeField")), escape(createComponent(Show, {
+		children: (field, index) => ssr(_tmpl$29, ssrHydrationKey(), `acf-field-row ${props.expandedId() === field.clientId ? "is-expanded" : ""} ${draggingId() === field.clientId ? "is-dragging" : ""} ${dropTarget()?.id === field.clientId && dropTarget()?.position === "before" ? "is-drop-before" : ""} ${dropTarget()?.id === field.clientId && dropTarget()?.position === "after" ? "is-drop-after" : ""}`, ssrAttribute("data-field-id", escape(field.clientId, true), false), ssrAttribute("aria-label", escape(props.t("settings.customFields.form.dragHint"), true), false) + ssrAttribute("title", escape(props.t("settings.customFields.form.dragHint"), true), false), ssrAttribute("aria-expanded", escape(props.expandedId(), true) === escape(field.clientId, true), false), escape(index()) + 1, escape(field.label || props.t("settings.customFields.form.newFieldDefault")), escape(field.name), escape(fieldTypeLabel(field, props.types)), escape(field.name), escape(fieldTypeLabel(field, props.types)), props.expandedId() === field.clientId ? "⌃" : "⌄", escape(props.t("settings.customFields.form.editField")), escape(props.t("settings.customFields.form.duplicateField")), escape(props.t("settings.customFields.form.removeField")), escape(createComponent(Show, {
 			get when() {
 				return props.expandedId() === field.clientId;
 			},
 			get children() {
-				return ssr(_tmpl$23, ssrHydrationKey(), escape(props.t("settings.customFields.form.fieldType")), escape(createComponent(FieldTypePicker, {
+				return ssr(_tmpl$28, ssrHydrationKey(), escape(props.t("settings.customFields.form.fieldType")), escape(createComponent(FieldTypePicker, {
 					get categories() {
 						return props.categories;
 					},
@@ -911,7 +1066,7 @@ function FieldListEditor(props) {
 						return CONTAINER_TYPES.has(field.type);
 					},
 					get children() {
-						return ssr(_tmpl$22, ssrHydrationKey(), escape(props.t("settings.customFields.fieldSettings.subFields")), escape(props.t("settings.customFields.form.addField")), escape(createComponent(FieldListEditor, {
+						return ssr(_tmpl$27, ssrHydrationKey(), escape(props.t("settings.customFields.fieldSettings.subFields")), escape(createComponent(FieldListEditor, {
 							get fields() {
 								return field.subFields;
 							},
@@ -970,7 +1125,14 @@ function FieldListEditor(props) {
 				})));
 			}
 		})))
-	})));
+	})), escape(createComponent(Show, {
+		get when() {
+			return props.fields.length === 0;
+		},
+		get children() {
+			return ssr(_tmpl$25, ssrHydrationKey(), escape(props.t("settings.customFields.form.noFields")));
+		}
+	})), escape(props.t("settings.customFields.form.addField")));
 }
 function FlexibleLayoutsEditor(props) {
 	const layouts = () => props.field.layouts;
@@ -978,11 +1140,11 @@ function FlexibleLayoutsEditor(props) {
 		...layout,
 		...patch
 	} : layout) });
-	return ssr(_tmpl$25, ssrHydrationKey(), escape(props.t("settings.customFields.fieldSettings.layouts")), escape(props.t("settings.customFields.fieldSettings.addLayout")), escape(createComponent(For, {
+	return ssr(_tmpl$30, ssrHydrationKey(), escape(props.t("settings.customFields.fieldSettings.layouts")), escape(props.t("settings.customFields.fieldSettings.addLayout")), escape(createComponent(For, {
 		get each() {
 			return layouts();
 		},
-		children: (layout, index) => ssr(_tmpl$26, ssrHydrationKey(), escape(props.t("settings.customFields.fieldSettings.layoutName")), ssrAttribute("value", escape(layout.name, true), false), escape(props.t("settings.customFields.fieldSettings.layoutLabel")), ssrAttribute("value", escape(layout.label, true), false), escape(props.t("settings.customFields.fieldSettings.layoutDisplay")), ssrAttribute("value", escape(layout.display ?? "block", true), false), escape(props.t("settings.customFields.form.removeField")), escape(props.t("settings.customFields.fieldSettings.subFields")), escape(index()) + 1, escape(props.t("settings.customFields.form.addField")), escape(createComponent(FieldListEditor, {
+		children: (layout, index) => ssr(_tmpl$31, ssrHydrationKey(), escape(props.t("settings.customFields.fieldSettings.layoutName")), ssrAttribute("value", escape(layout.name, true), false), escape(props.t("settings.customFields.fieldSettings.layoutLabel")), ssrAttribute("value", escape(layout.label, true), false), escape(props.t("settings.customFields.fieldSettings.layoutDisplay")), ssrAttribute("value", escape(layout.display ?? "block", true), false), escape(props.t("settings.customFields.form.removeField")), escape(props.t("settings.customFields.fieldSettings.subFields")), escape(index()) + 1, escape(createComponent(FieldListEditor, {
 			get fields() {
 				return layout.subFields;
 			},
@@ -1020,6 +1182,7 @@ function CustomFieldsManager() {
 	const [search, setSearch] = createSignal("");
 	const [draft, setDraft] = createSignal(null);
 	const [expandedFieldId, setExpandedFieldId] = createSignal(null);
+	const [rootFieldModalOpen, setRootFieldModalOpen] = createSignal(false);
 	const [loading, setLoading] = createSignal(true);
 	const [saving, setSaving] = createSignal(false);
 	const [error, setError] = createSignal("");
@@ -1108,26 +1271,34 @@ function CustomFieldsManager() {
 		const targets = groupContentTypes(group);
 		return targets.length === 0 ? t("settings.customFields.groups.allContentTypes") : targets.map((slug) => contentTypes().find((type) => type.slug === slug)?.pluralLabel ?? slug).join(", ");
 	};
-	return ssr(_tmpl$34, ssrHydrationKey(), escape(createComponent(Show, {
+	const addRootField = (type, label) => {
+		const current = draft();
+		if (!current) return;
+		const field = emptyField(current.fields.length, label, type);
+		updateDraft({ fields: [...current.fields, field] });
+		setExpandedFieldId(field.clientId);
+		setRootFieldModalOpen(false);
+	};
+	return ssr(_tmpl$39, ssrHydrationKey(), escape(createComponent(Show, {
 		get when() {
 			return error();
 		},
 		get children() {
-			return ssr(_tmpl$27, ssrHydrationKey(), escape(error()));
+			return ssr(_tmpl$32, ssrHydrationKey(), escape(error()));
 		}
 	})), escape(createComponent(Show, {
 		get when() {
 			return notice();
 		},
 		get children() {
-			return ssr(_tmpl$28, ssrHydrationKey(), escape(notice()));
+			return ssr(_tmpl$33, ssrHydrationKey(), escape(notice()));
 		}
 	})), escape(createComponent(Show, {
 		get when() {
 			return !loading();
 		},
 		get fallback() {
-			return ssr(_tmpl$35, ssrHydrationKey(), escape(t("settings.customFields.loading")));
+			return ssr(_tmpl$40, ssrHydrationKey(), escape(t("settings.customFields.loading")));
 		},
 		get children() {
 			return createComponent(Show, {
@@ -1135,61 +1306,63 @@ function CustomFieldsManager() {
 					return !draft();
 				},
 				get fallback() {
-					return ssr(_tmpl$36, ssrHydrationKey(), escape(t("settings.customFields.form.backToGroups")), escape(t("settings.customFields.form.editorEyebrow")), draft().id ? escape(t("settings.customFields.form.editTitle")) : escape(t("settings.customFields.form.createTitle")), escape(t("settings.customFields.form.cancel")), ssrAttribute("disabled", saving(), true), saving() ? escape(t("common.loading")) : escape(t("settings.customFields.form.save")), escape(t("settings.customFields.form.title")), ssrAttribute("value", escape(draft().title, true), false) + ssrAttribute("placeholder", escape(t("settings.customFields.form.titlePlaceholder"), true), false), escape(t("settings.customFields.form.groupTitleHint")), escape(t("settings.customFields.form.fieldsTitle")), escape(t("settings.customFields.form.fieldsDescription")), escape(t("settings.customFields.form.addField")), escape(createComponent(Show, {
-						get when() {
-							return draft().fields.length > 0;
+					return ssr(_tmpl$41, ssrHydrationKey(), escape(createComponent(FieldTypeModal, {
+						open: rootFieldModalOpen,
+						get types() {
+							return fieldTypes();
 						},
-						get fallback() {
-							return ssr(_tmpl$37, ssrHydrationKey(), escape(t("settings.customFields.form.noFields")));
+						get categories() {
+							return categories();
 						},
-						get children() {
-							return createComponent(FieldListEditor, {
-								get fields() {
-									return draft().fields;
-								},
-								get types() {
-									return fieldTypes();
-								},
-								get categories() {
-									return categories();
-								},
-								get options() {
-									return fieldOptions();
-								},
-								depth: 0,
-								t,
-								onChange: (fields) => updateDraft({ fields }),
-								expandedId: expandedFieldId,
-								setExpandedId: setExpandedFieldId
-							});
-						}
-					})), escape(t("settings.customFields.location.title")), escape(t("settings.customFields.location.description")), escape(t("settings.customFields.location.addGroup")), escape(t("settings.customFields.form.contentType")), ssrAttribute("value", escape(draftContentType(draft().locationRules), true), false), escape(createComponent(For, {
+						t,
+						onClose: () => setRootFieldModalOpen(false),
+						onSelect: addRootField
+					})), escape(t("settings.customFields.form.backToGroups")), escape(t("settings.customFields.form.editorEyebrow")), draft().id ? escape(t("settings.customFields.form.editTitle")) : escape(t("settings.customFields.form.createTitle")), escape(t("settings.customFields.form.cancel")), ssrAttribute("disabled", saving(), true), saving() ? escape(t("common.loading")) : escape(t("settings.customFields.form.save")), escape(t("settings.customFields.form.title")), ssrAttribute("value", escape(draft().title, true), false) + ssrAttribute("placeholder", escape(t("settings.customFields.form.titlePlaceholder"), true), false), escape(t("settings.customFields.form.groupTitleHint")), escape(t("settings.customFields.form.fieldsTitle")), escape(t("settings.customFields.form.fieldsDescription")), escape(t("settings.customFields.form.addField")), escape(createComponent(FieldListEditor, {
+						get fields() {
+							return draft().fields;
+						},
+						get types() {
+							return fieldTypes();
+						},
+						get categories() {
+							return categories();
+						},
+						get options() {
+							return fieldOptions();
+						},
+						depth: 0,
+						t,
+						onChange: (fields) => updateDraft({ fields }),
+						expandedId: expandedFieldId,
+						setExpandedId: setExpandedFieldId,
+						onOpenAddField: () => setRootFieldModalOpen(true)
+					})), escape(t("settings.customFields.location.title")), escape(t("settings.customFields.location.description")), escape(t("settings.customFields.form.assignTitle")), escape(t("settings.customFields.location.addGroup")), escape(t("settings.customFields.form.contentType")), ssrAttribute("value", escape(draftContentType(draft().locationRules), true), false), escape(createComponent(For, {
 						get each() {
 							return contentTypes();
 						},
-						children: (type) => ssr(_tmpl$38, ssrHydrationKey() + ssrAttribute("value", escape(type.slug, true), false), escape(type.pluralLabel), escape(type.slug))
+						children: (type) => ssr(_tmpl$42, ssrHydrationKey() + ssrAttribute("value", escape(type.slug, true), false), escape(type.pluralLabel), escape(type.slug))
 					})), escape(createComponent(For, {
 						get each() {
 							return draft().locationRules;
 						},
-						children: (ruleGroup, groupIndex) => ssr(_tmpl$40, ssrHydrationKey(), escape(createComponent(Show, {
+						children: (ruleGroup, groupIndex) => ssr(_tmpl$44, ssrHydrationKey(), escape(createComponent(Show, {
 							get when() {
 								return groupIndex() > 0;
 							},
 							get children() {
-								return ssr(_tmpl$39, ssrHydrationKey(), escape(t("settings.customFields.location.or")));
+								return ssr(_tmpl$43, ssrHydrationKey(), escape(t("settings.customFields.location.or")));
 							}
 						})), escape(createComponent(For, {
 							each: ruleGroup,
-							children: (rule, ruleIndex) => ssr(_tmpl$42, ssrHydrationKey(), ssrAttribute("value", escape(rule.param, true), false), escape(LOCATION_PARAMS.map((param) => ssr(_tmpl$6, ssrHydrationKey() + ssrAttribute("value", escape(param, true), false), escape(t(`settings.customFields.location.params.${param}`))))), ssrAttribute("value", escape(rule.operator, true), false), escape(t("settings.customFields.location.operators.eq")), escape(t("settings.customFields.location.operators.neq")), escape(createComponent(Show, {
+							children: (rule, ruleIndex) => ssr(_tmpl$46, ssrHydrationKey(), ssrAttribute("value", escape(rule.param, true), false), escape(LOCATION_PARAMS.map((param) => ssr(_tmpl$6, ssrHydrationKey() + ssrAttribute("value", escape(param, true), false), escape(t(`settings.customFields.location.params.${param}`))))), ssrAttribute("value", escape(rule.operator, true), false), escape(t("settings.customFields.location.operators.eq")), escape(t("settings.customFields.location.operators.neq")), escape(createComponent(Show, {
 								get when() {
 									return locationValueOptions(rule.param).length > 0;
 								},
 								get fallback() {
-									return ssr(_tmpl$43, ssrHydrationKey(), ssrAttribute("value", escape(rule.value, true), false));
+									return ssr(_tmpl$47, ssrHydrationKey(), ssrAttribute("value", escape(rule.value, true), false));
 								},
 								get children() {
-									return ssr(_tmpl$41, ssrHydrationKey(), ssrAttribute("value", escape(rule.value, true), false), escape(t("settings.customFields.location.chooseValue")), escape(createComponent(For, {
+									return ssr(_tmpl$45, ssrHydrationKey(), ssrAttribute("value", escape(rule.value, true), false), escape(t("settings.customFields.location.chooseValue")), escape(createComponent(For, {
 										get each() {
 											return locationValueOptions(rule.param);
 										},
@@ -1208,54 +1381,54 @@ function CustomFieldsManager() {
 							"revisions",
 							"comments"
 						],
-						children: (item) => ssr(_tmpl$44, ssrHydrationKey(), ssrAttribute("checked", (draft().metadata.hideOnScreen ?? []).includes(item), true), escape(t(`settings.customFields.form.hide.${item}`)))
+						children: (item) => ssr(_tmpl$48, ssrHydrationKey(), ssrAttribute("checked", (draft().metadata.hideOnScreen ?? []).includes(item), true), escape(t(`settings.customFields.form.hide.${item}`)))
 					})));
 				},
 				get children() {
 					return [
-						ssr(_tmpl$29, ssrHydrationKey(), escape(t("settings.customFields.listEyebrow")), escape(t("settings.customFields.groups.title")), escape(t("settings.customFields.description")), escape(t("settings.customFields.groups.new"))),
-						ssr(_tmpl$30, ssrHydrationKey(), escape(t("settings.customFields.contentType")), ssrAttribute("value", escape(selectedType(), true), false), escape(t("settings.customFields.groups.allContentTypes")), escape(createComponent(For, {
+						ssr(_tmpl$34, ssrHydrationKey(), escape(t("settings.customFields.listEyebrow")), escape(t("settings.customFields.groups.title")), escape(t("settings.customFields.description")), escape(t("settings.customFields.groups.new"))),
+						ssr(_tmpl$35, ssrHydrationKey(), escape(t("settings.customFields.contentType")), ssrAttribute("value", escape(selectedType(), true), false), escape(t("settings.customFields.groups.allContentTypes")), escape(createComponent(For, {
 							get each() {
 								return contentTypes();
 							},
-							children: (type) => ssr(_tmpl$38, ssrHydrationKey() + ssrAttribute("value", escape(type.slug, true), false), escape(type.pluralLabel), escape(type.slug))
+							children: (type) => ssr(_tmpl$42, ssrHydrationKey() + ssrAttribute("value", escape(type.slug, true), false), escape(type.pluralLabel), escape(type.slug))
 						})), ssrAttribute("value", escape(search(), true), false) + ssrAttribute("placeholder", escape(t("settings.customFields.groups.search"), true), false)),
-						ssr(_tmpl$32, ssrHydrationKey(), escape(createComponent(Show, {
+						ssr(_tmpl$37, ssrHydrationKey(), escape(createComponent(Show, {
 							get when() {
 								return customGroups().length > 0;
 							},
 							get fallback() {
-								return ssr(_tmpl$45, ssrHydrationKey(), escape(t("settings.customFields.groups.empty")), escape(t("settings.customFields.groups.emptyHint")), escape(t("settings.customFields.groups.new")));
+								return ssr(_tmpl$49, ssrHydrationKey(), escape(t("settings.customFields.groups.empty")), escape(t("settings.customFields.groups.emptyHint")), escape(t("settings.customFields.groups.new")));
 							},
 							get children() {
-								return ssr(_tmpl$31, ssrHydrationKey(), escape(t("settings.customFields.groups.groupName")), escape(t("settings.customFields.groups.appliesTo")), escape(t("settings.customFields.groups.fields")), escape(t("settings.customFields.groups.status")), escape(createComponent(For, {
+								return ssr(_tmpl$36, ssrHydrationKey(), escape(t("settings.customFields.groups.groupName")), escape(t("settings.customFields.groups.appliesTo")), escape(t("settings.customFields.groups.fields")), escape(t("settings.customFields.groups.status")), escape(createComponent(For, {
 									get each() {
 										return customGroups();
 									},
-									children: (group) => ssr(_tmpl$47, ssrHydrationKey(), escape(group.title), escape(group.key), escape(createComponent(Show, {
+									children: (group) => ssr(_tmpl$51, ssrHydrationKey(), escape(group.title), escape(group.key), escape(createComponent(Show, {
 										get when() {
 											return group.metadata?.["description"];
 										},
 										get children() {
-											return ssr(_tmpl$46, ssrHydrationKey(), escape(String(group.metadata?.["description"])));
+											return ssr(_tmpl$50, ssrHydrationKey(), escape(String(group.metadata?.["description"])));
 										}
 									})), escape(locationSummary(group)), escape(group.fields.length), `badge ${group.active !== false ? "badge-success" : ""} ${group.active === false ? "badge-secondary" : ""}`, group.active !== false ? escape(t("settings.customFields.groups.active")) : escape(t("settings.customFields.groups.inactive")), escape(t("settings.customFields.groups.edit")), escape(t("settings.customFields.actions.delete")))
 								})));
 							}
 						}))),
-						ssr(_tmpl$33, ssrHydrationKey(), escape(t("settings.customFields.standard.title")), escape(t("settings.customFields.standard.description")), escape(createComponent(For, {
+						ssr(_tmpl$38, ssrHydrationKey(), escape(t("settings.customFields.standard.title")), escape(t("settings.customFields.standard.description")), escape(createComponent(For, {
 							get each() {
 								return standardFields();
 							},
-							children: (field) => ssr(_tmpl$49, ssrHydrationKey(), escape(field.label), escape(field.key), escape(field.type), escape(createComponent(Show, {
+							children: (field) => ssr(_tmpl$53, ssrHydrationKey(), escape(field.label), escape(field.key), escape(field.type), escape(createComponent(Show, {
 								get when() {
 									return field.locked;
 								},
 								get fallback() {
-									return ssr(_tmpl$50, ssrHydrationKey(), ssrAttribute("checked", enabledStandardFields().has(field.key), true));
+									return ssr(_tmpl$54, ssrHydrationKey(), ssrAttribute("checked", enabledStandardFields().has(field.key), true));
 								},
 								get children() {
-									return ssr(_tmpl$48, ssrHydrationKey(), escape(t("settings.customFields.standard.locked")));
+									return ssr(_tmpl$52, ssrHydrationKey(), escape(t("settings.customFields.standard.locked")));
 								}
 							})))
 						})))