@oktis-works/admin 0.12.0 → 0.14.0

package/dist/server/chunks/{ContentEditor_DZWLWgAD.mjs → FieldRenderer_BlZgS0Im.mjs}

@@ -1,5 +1,5 @@
-import { n as useTranslation, r as apiClient } from "./i18n_CItvcX64.mjs";
-import { a as For2, f as createMemo$1, p as createSignal$1, u as Show2 } from "./DashboardLayout_HxBoC5fJ.mjs";
+import "./i18n_BmAxDr2Q.mjs";
+import { _ as createMemo$1, h as Show2, u as For2, v as createSignal$1 } from "./DashboardLayout_PXoRmnBH.mjs";
 import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
 import { For, Show, createMemo, createSignal, onMount } from "solid-js";
 //#region ../../packages/validation/dist/client-validate.js
@@ -525,313 +525,7 @@ function expandCloneFields(fields) {
 	return result;
 }
 //#endregion
-//#region src/lib/sanitize.ts
-/**
-* Sanitizador de HTML em allowlist para pontos de injeção (innerHTML).
-*
-* O admin injeta HTML apenas no conteúdo das abas de ajuda (HelpTabs), que
-* vem do i18n — mas todo innerHTML passa por aqui por defesa em profundidade.
-*
-* Garantias:
-* - Allowlist de tags e atributos (script/style/svg/iframe/form são removidos,
-*   incluindo o conteúdo de tags de texto bruto como <script> e <style>).
-* - Atributos de evento (on*), style e demais fora da allowlist são descartados.
-* - href/src têm o protocolo validado DEPOIS de decodificar entidades e remover
-*   tab/newline — o valor emitido é re-escapado a partir do valor decodificado,
-*   de modo que o que o navegador decodifica é exatamente o que foi validado
-*   (bloqueia `javascript:`, `&#106;avascript:`, `javascript&colon;`, etc).
-* - Texto é escapado (& < >), preservando entidades já válidas.
-* - Tags de fechamento sem âncora são ignoradas: conteúdo malicioso não consegue
-*   "escapar" do container nem desbalancear a árvore (o quebra-cabeça de abas
-*   e widgets continua íntegro).
-*
-* Puro JavaScript, sem APIs de DOM: roda igual no SSR (Node) e no navegador.
-*/
-/** Tags permitidas (conteúdo rico simples: ajuda, títulos, listas, links). */
-var ALLOWED_TAGS = /* @__PURE__ */ new Set([
-	"a",
-	"abbr",
-	"b",
-	"blockquote",
-	"br",
-	"code",
-	"dd",
-	"div",
-	"dl",
-	"dt",
-	"em",
-	"figcaption",
-	"figure",
-	"h1",
-	"h2",
-	"h3",
-	"h4",
-	"h5",
-	"h6",
-	"hr",
-	"i",
-	"img",
-	"li",
-	"ol",
-	"p",
-	"pre",
-	"q",
-	"s",
-	"span",
-	"strong",
-	"sub",
-	"sup",
-	"u",
-	"ul"
-]);
-/** Tags vazias (emitidas com fechamento próprio, nunca empilhadas). */
-var VOID_TAGS = /* @__PURE__ */ new Set([
-	"br",
-	"hr",
-	"img"
-]);
-/**
-* Tags cujo conteúdo é texto bruto no HTML. Ao encontrá-las abertas, todo o
-* miolo é descartado até o fechamento correspondente (senão, o conteúdo do
-* <script> viraria texto visível ou vetor de parse).
-*/
-var RAW_TEXT_TAGS = /* @__PURE__ */ new Set([
-	"script",
-	"style",
-	"iframe",
-	"object",
-	"embed",
-	"svg",
-	"math",
-	"textarea",
-	"title",
-	"noscript",
-	"template"
-]);
-/** Atributos permitidos (globais; validação extra por atributo abaixo). */
-var ALLOWED_ATTRS = /* @__PURE__ */ new Set([
-	"class",
-	"title",
-	"alt",
-	"width",
-	"height",
-	"href",
-	"src",
-	"target",
-	"rel"
-]);
-/** Esquemas aceitos em href (links externos, e-mail, telefone). */
-var HREF_SCHEMES = /* @__PURE__ */ new Set([
-	"http",
-	"https",
-	"mailto",
-	"tel"
-]);
-/** Esquemas aceitos em src (somente rede). */
-var SRC_SCHEMES = /* @__PURE__ */ new Set(["http", "https"]);
-/** Entidades nomeadas relevantes (as que poderiam alterar a validação de URL). */
-var NAMED_ENTITIES = {
-	amp: "&",
-	lt: "<",
-	gt: ">",
-	quot: "\"",
-	apos: "'",
-	colon: ":",
-	tab: "	",
-	newline: "\n",
-	sol: "/",
-	lpar: "(",
-	rpar: ")",
-	num: "#",
-	period: ".",
-	excl: "!",
-	comma: ","
-};
-/** Decodifica referências numéricas e nomeadas (uma passada, como o navegador). */
-function decodeEntities(value) {
-	return value.replace(/&#x([0-9a-fA-F]+);?/g, (_m, hex) => fromCodePoint(parseInt(hex, 16))).replace(/&#(\d+);?/g, (_m, dec) => fromCodePoint(parseInt(dec, 10))).replace(/&([a-zA-Z][a-zA-Z0-9]{1,30});?/g, (m, name) => {
-		return NAMED_ENTITIES[name in NAMED_ENTITIES ? name : name.toLowerCase()] ?? m;
-	});
-}
-function fromCodePoint(cp) {
-	if (!Number.isFinite(cp) || cp < 0 || cp > 1114111) return "";
-	try {
-		return String.fromCodePoint(cp);
-	} catch {
-		return "";
-	}
-}
-/** Escapa valor para uso dentro de atributo entre aspas duplas. */
-function escapeAttr(value) {
-	return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-/**
-* Escapa texto preservando entidades já válidas (evita exibir `&amp;`
-* literalmente quando a tradução usa `&amp;` de propósito).
-*/
-function escapeText(text) {
-	return text.replace(/&(?![a-zA-Z][a-zA-Z0-9]{1,30};|#[0-9]{1,7};|#[xX][0-9a-fA-F]{1,6};)|[<>]/g, (m) => m === "&" ? "&amp;" : m === "<" ? "&lt;" : "&gt;");
-}
-/**
-* Valida URL decodificando entidades e removendo tab/newline (mesmo tratamento
-* do parser de URL do navegador) antes de inspecionar o esquema.
-*/
-function isSafeUrl(raw, allowedSchemes) {
-	const decoded = decodeEntities(raw).replace(/[\t\n\r]/g, "").trim();
-	const scheme = /^([a-zA-Z][a-zA-Z0-9+.-]*):/.exec(decoded);
-	if (!scheme) return true;
-	return allowedSchemes.has(scheme[1].toLowerCase());
-}
-/** Normaliza valor de atributo: decodifica (como o navegador faria) e re-escapa. */
-function normalizeAttrValue(raw) {
-	return escapeAttr(decodeEntities(raw));
-}
-/**
-* Extrai pares nome/valor de uma tag, respeitando aspas (um `>` dentro de
-* aspas não termina a tag) e valores não-aspados do HTML.
-*/
-function parseAttrs(body) {
-	const pairs = [];
-	const n = body.length;
-	let i = 0;
-	const isWs = (c) => c === " " || c === "	" || c === "\n" || c === "\r" || c === "\f";
-	while (i < n) {
-		while (i < n && (isWs(body.charAt(i)) || body.charAt(i) === "/")) i++;
-		if (i >= n) break;
-		let name = "";
-		while (i < n && !isWs(body.charAt(i)) && body.charAt(i) !== "=" && body.charAt(i) !== ">" && body.charAt(i) !== "/" && body.charAt(i) !== "<") {
-			name += body.charAt(i);
-			i++;
-		}
-		if (!name) {
-			i++;
-			continue;
-		}
-		let value = "";
-		let j = i;
-		while (j < n && isWs(body.charAt(j))) j++;
-		if (j < n && body.charAt(j) === "=") {
-			j++;
-			while (j < n && isWs(body.charAt(j))) j++;
-			if (j < n && (body.charAt(j) === "\"" || body.charAt(j) === "'")) {
-				const quote = body.charAt(j);
-				j++;
-				const start = j;
-				while (j < n && body.charAt(j) !== quote) j++;
-				value = body.slice(start, j);
-				j++;
-			} else {
-				const start = j;
-				while (j < n && !isWs(body.charAt(j)) && body.charAt(j) !== ">") j++;
-				value = body.slice(start, j);
-			}
-			i = j;
-		}
-		pairs.push([name.toLowerCase(), value]);
-	}
-	return pairs;
-}
-/** Filtra atributos: allowlist + validação de protocolo; força rel seguro. */
-function filterAttrs(tag, pairs) {
-	const kept = [];
-	const seen = /* @__PURE__ */ new Set();
-	let targetBlank = false;
-	for (const [name, raw] of pairs) {
-		if (!ALLOWED_ATTRS.has(name) || seen.has(name)) continue;
-		if (name === "href" && !isSafeUrl(raw, HREF_SCHEMES)) continue;
-		if (name === "src" && !isSafeUrl(raw, SRC_SCHEMES)) continue;
-		if (name === "target") {
-			if (normalizeAttrValue(raw) !== "_blank") continue;
-			targetBlank = true;
-			continue;
-		}
-		if (name === "rel") continue;
-		seen.add(name);
-		kept.push(`${name}="${normalizeAttrValue(raw)}"`);
-	}
-	if (tag === "a" && targetBlank) {
-		kept.push("target=\"_blank\"");
-		kept.push("rel=\"noopener noreferrer\"");
-	}
-	return kept.length > 0 ? ` ${kept.join(" ")}` : "";
-}
-/**
-* Sanitiza uma string de HTML. Retorna apenas marcação da allowlist.
-* Idempotente e sem dependências de DOM (seguro no SSR e no cliente).
-*/
-function sanitizeHtml(input) {
-	if (typeof input !== "string" || input.length === 0) return "";
-	const lower = input.toLowerCase();
-	const n = input.length;
-	const stack = [];
-	let out = "";
-	let i = 0;
-	while (i < n) {
-		const lt = input.indexOf("<", i);
-		if (lt === -1) {
-			out += escapeText(input.slice(i));
-			break;
-		}
-		if (lt > i) out += escapeText(input.slice(i, lt));
-		if (input.startsWith("<!--", lt)) {
-			const end = input.indexOf("-->", lt + 4);
-			i = end === -1 ? n : end + 3;
-			continue;
-		}
-		if (input.charAt(lt + 1) === "!" || input.charAt(lt + 1) === "?") {
-			const end = input.indexOf(">", lt + 2);
-			i = end === -1 ? n : end + 1;
-			continue;
-		}
-		const tagMatch = /^<(\/?)([a-zA-Z][a-zA-Z0-9]*)(?=[\s/>])/.exec(input.slice(lt, Math.min(lt + 64, n)));
-		if (!tagMatch) {
-			out += "&lt;";
-			i = lt + 1;
-			continue;
-		}
-		const isClosing = tagMatch[1] === "/";
-		const tag = tagMatch[2].toLowerCase();
-		let j = lt + tagMatch[0].length;
-		let quote = "";
-		while (j < n) {
-			const ch = input[j];
-			if (quote) {
-				if (ch === quote) quote = "";
-			} else if (ch === "\"" || ch === "'") quote = ch;
-			else if (ch === ">") break;
-			j++;
-		}
-		if (j >= n) break;
-		const body = input.slice(lt + tagMatch[0].length, j);
-		i = j + 1;
-		if (!isClosing && RAW_TEXT_TAGS.has(tag)) {
-			const closeAt = lower.indexOf(`</${tag}`, i);
-			if (closeAt === -1) break;
-			const closeEnd = input.indexOf(">", closeAt);
-			i = closeEnd === -1 ? n : closeEnd + 1;
-			continue;
-		}
-		if (isClosing) {
-			const anchor = stack.lastIndexOf(tag);
-			if (anchor !== -1) {
-				for (let k = stack.length - 1; k >= anchor; k--) out += `</${stack[k]}>`;
-				stack.length = anchor;
-			}
-			continue;
-		}
-		if (!ALLOWED_TAGS.has(tag)) continue;
-		const attrs = filterAttrs(tag, parseAttrs(body));
-		if (VOID_TAGS.has(tag)) out += `<${tag}${attrs} />`;
-		else {
-			out += `<${tag}${attrs}>`;
-			stack.push(tag);
-		}
-	}
-	for (let k = stack.length - 1; k >= 0; k--) out += `</${stack[k]}>`;
-	return out;
-}
-//#endregion
-//#region src/components/content/RelationshipPicker.tsx
+//#region src/components/content/RelationshipPicker.jsx
 var _tmpl$$2 = [
 	"<ul",
 	" class=\"relationship-picker__selection\">",
@@ -916,19 +610,129 @@ function RelationshipPicker(props) {
 	})));
 }
 //#endregion
-//#region src/components/content/FieldRenderer.tsx
-var _tmpl$$1 = ["<span", " class=\"field-renderer__required\">*</span>"];
+//#region src/content/PluginFieldRenderer.jsx
+var _tmpl$$1 = ["<div", " class=\"fb-plugin-field-renderer fb-plugin-field-renderer--loading\"><div class=\"fb-spinner\" aria-hidden=\"true\"></div><span>Carregando editor...</span></div>"];
 var _tmpl$2$1 = [
+	"<div",
+	" class=\"fb-renderer-error\"><i data-lucide=\"alert-circle\" aria-hidden=\"true\"></i><span>",
+	"</span></div>"
+];
+var _tmpl$3$1 = [
+	"<div",
+	" class=\"fb-plugin-field-renderer fb-plugin-field-renderer--fallback\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$4$1 = [
+	"<div",
+	" class=\"fb-plugin-field-renderer\">",
+	"</div>"
+];
+var _tmpl$5$1 = [
+	"<textarea",
+	" class=\"input fb-plugin-fallback-textarea\"",
+	"",
+	" spellcheck=\"false\"></textarea>"
+];
+var _tmpl$6$1 = [
+	"<input",
+	" type=\"number\" class=\"input\"",
+	"",
+	">"
+];
+var _tmpl$7$1 = [
+	"<input",
+	" type=\"text\" class=\"input\"",
+	"",
+	">"
+];
+function PluginFieldRenderer(props) {
+	const [Component, setComponent] = createSignal(null);
+	const [error, setError] = createSignal(null);
+	const [loading, setLoading] = createSignal(true);
+	const [triedRenderer, setTriedRenderer] = createSignal(false);
+	onMount(async () => {
+		const pathsToTry = [props.adminRendererPath, props.adminComponentPath].filter(Boolean);
+		for (const path of pathsToTry) try {
+			const module = await import(path);
+			const Comp = module.default || module.PluginFieldRenderer || module.PluginFieldConfig || module[Object.keys(module)[0]];
+			if (Comp) {
+				setComponent(Comp);
+				setLoading(false);
+				return;
+			}
+		} catch (e) {
+			console.debug(`[PluginFieldRenderer] Failed to load ${path}:`, e);
+		}
+		if (props.adminRendererPath && !triedRenderer()) setTriedRenderer(true);
+		setError("Componente de renderização não encontrado");
+		setLoading(false);
+	});
+	const handleValueChange = (newValue) => {
+		props.onChange(newValue);
+	};
+	if (loading) return ssr(_tmpl$$1, ssrHydrationKey());
+	if (error || !Component) return ssr(_tmpl$3$1, ssrHydrationKey(), escape(createComponent(Show, {
+		get when() {
+			return error();
+		},
+		get children() {
+			return ssr(_tmpl$2$1, ssrHydrationKey(), escape(error()));
+		}
+	})), escape(createComponent(FallbackRenderer, {
+		get field() {
+			return props.field;
+		},
+		get value() {
+			return props.value;
+		},
+		onChange: handleValueChange,
+		get disabled() {
+			return props.disabled;
+		},
+		get t() {
+			return props.t;
+		}
+	})));
+	return ssr(_tmpl$4$1, ssrHydrationKey(), escape(createComponent(Component, {
+		get field() {
+			return props.field;
+		},
+		get value() {
+			return props.value;
+		},
+		onChange: handleValueChange,
+		get disabled() {
+			return props.disabled;
+		},
+		get t() {
+			return props.t;
+		}
+	})));
+}
+function FallbackRenderer(props) {
+	const { field, value, onChange, disabled, t } = props;
+	const inputType = field.config?.inputType || "textarea";
+	const placeholder = field.config?.placeholder || "";
+	const rows = field.config?.rows || 4;
+	if (inputType === "textarea" || inputType === "code" || inputType === "markdown") return ssr(_tmpl$5$1, ssrHydrationKey(), ssrAttribute("value", escape(value, true), false) + ssrAttribute("placeholder", escape(placeholder, true), false) + ssrAttribute("rows", escape(rows, true), false), ssrAttribute("disabled", disabled, true));
+	if (inputType === "number") return ssr(_tmpl$6$1, ssrHydrationKey(), ssrAttribute("value", escape(value, true), false) + ssrAttribute("placeholder", escape(placeholder, true), false), ssrAttribute("disabled", disabled, true));
+	return ssr(_tmpl$7$1, ssrHydrationKey(), ssrAttribute("value", escape(value, true), false) + ssrAttribute("placeholder", escape(placeholder, true), false), ssrAttribute("disabled", disabled, true));
+}
+//#endregion
+//#region src/components/content/FieldRenderer.jsx
+var _tmpl$ = ["<span", " class=\"field-renderer__required\">*</span>"];
+var _tmpl$2 = [
 	"<p",
 	" class=\"field-renderer__instructions\">",
 	"</p>"
 ];
-var _tmpl$3$1 = [
+var _tmpl$3 = [
 	"<p",
 	" class=\"field-renderer__error\" role=\"alert\">",
 	"</p>"
 ];
-var _tmpl$4$1 = [
+var _tmpl$4 = [
 	"<div",
 	" class=\"field-renderer\"",
 	"><label class=\"field-renderer__label\"><!--$-->",
@@ -938,25 +742,25 @@ var _tmpl$4$1 = [
 	"<!--/--><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$5$1 = [
+var _tmpl$5 = [
 	"<input",
 	" type=\"text\" class=\"input\"",
 	">"
 ];
-var _tmpl$6$1 = [
+var _tmpl$6 = [
 	"<textarea",
 	" class=\"input\"",
 	"></textarea>"
 ];
-var _tmpl$7$1 = ["<textarea", " class=\"input wysiwyg\" rows=\"8\"></textarea>"];
-var _tmpl$8$1 = [
+var _tmpl$7 = ["<textarea", " class=\"input wysiwyg\" rows=\"8\"></textarea>"];
+var _tmpl$8 = [
 	"<input",
 	" type=\"number\" class=\"input\"",
 	">"
 ];
-var _tmpl$9$1 = ["<input", " type=\"email\" class=\"input\">"];
-var _tmpl$0$1 = ["<input", " type=\"url\" class=\"input\" placeholder=\"https://\">"];
-var _tmpl$1$1 = ["<input", " type=\"password\" class=\"input\">"];
+var _tmpl$9 = ["<input", " type=\"email\" class=\"input\">"];
+var _tmpl$0 = ["<input", " type=\"url\" class=\"input\" placeholder=\"https://\">"];
+var _tmpl$1 = ["<input", " type=\"password\" class=\"input\">"];
 var _tmpl$10 = [
 	"<input",
 	" type=\"checkbox\"",
@@ -1107,19 +911,19 @@ function FieldRenderer(props) {
 			return memo(() => !!visible())() && !LAYOUT_ONLY.has(props.field.type);
 		},
 		get children() {
-			return ssr(_tmpl$4$1, ssrHydrationKey(), ssrAttribute("data-field-type", escape(props.field.type, true), false), escape(props.field.label), escape(createComponent(Show, {
+			return ssr(_tmpl$4, ssrHydrationKey(), ssrAttribute("data-field-type", escape(props.field.type, true), false), escape(props.field.label), escape(createComponent(Show, {
 				get when() {
 					return props.field.required;
 				},
 				get children() {
-					return ssr(_tmpl$$1, ssrHydrationKey());
+					return ssr(_tmpl$, ssrHydrationKey());
 				}
 			})), escape(createComponent(Show, {
 				get when() {
 					return props.field.instructions;
 				},
 				get children() {
-					return ssr(_tmpl$2$1, ssrHydrationKey(), escape(props.field.instructions));
+					return ssr(_tmpl$2, ssrHydrationKey(), escape(props.field.instructions));
 				}
 			})), escape(createComponent(FieldControl, {
 				get field() {
@@ -1137,7 +941,7 @@ function FieldRenderer(props) {
 					return validationError();
 				},
 				get children() {
-					return ssr(_tmpl$3$1, ssrHydrationKey(), escape(validationError()));
+					return ssr(_tmpl$3, ssrHydrationKey(), escape(validationError()));
 				}
 			})));
 		}
@@ -1146,15 +950,15 @@ function FieldRenderer(props) {
 function FieldControl(props) {
 	const config = () => props.field.config ?? {};
 	switch (props.field.type) {
-		case "text": return ssr(_tmpl$5$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("placeholder", escape(config()["placeholder"], true), false) + ssrAttribute("maxlength", escape(config()["maxLength"] ?? config()["characterLimit"], true), false));
-		case "textarea": return ssr(_tmpl$6$1, ssrHydrationKey(), ssrAttribute("rows", escape(config()["rows"] ?? 4, true), false) + ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("placeholder", escape(config()["placeholder"], true), false) + ssrAttribute("maxlength", escape(config()["maxLength"] ?? config()["characterLimit"], true), false));
-		case "wysiwyg": return ssr(_tmpl$7$1, ssrHydrationKey());
+		case "text": return ssr(_tmpl$5, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("placeholder", escape(config()["placeholder"], true), false) + ssrAttribute("maxlength", escape(config()["maxLength"] ?? config()["characterLimit"], true), false));
+		case "textarea": return ssr(_tmpl$6, ssrHydrationKey(), ssrAttribute("rows", escape(config()["rows"] ?? 4, true), false) + ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("placeholder", escape(config()["placeholder"], true), false) + ssrAttribute("maxlength", escape(config()["maxLength"] ?? config()["characterLimit"], true), false));
+		case "wysiwyg": return ssr(_tmpl$7, ssrHydrationKey());
 		case "number":
-		case "range": return ssr(_tmpl$8$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("min", escape(config()["min"] ?? config()["minValue"], true), false) + ssrAttribute("max", escape(config()["max"] ?? config()["maxValue"], true), false) + ssrAttribute("step", escape(config()["step"], true), false));
-		case "email": return ssr(_tmpl$9$1, ssrHydrationKey());
-		case "url": return ssr(_tmpl$0$1, ssrHydrationKey());
-		case "password": return ssr(_tmpl$1$1, ssrHydrationKey());
-		case "slug": return ssr(_tmpl$5$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("placeholder", escape(config()["placeholder"], true), false));
+		case "range": return ssr(_tmpl$8, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("min", escape(config()["min"] ?? config()["minValue"], true), false) + ssrAttribute("max", escape(config()["max"] ?? config()["maxValue"], true), false) + ssrAttribute("step", escape(config()["step"], true), false));
+		case "email": return ssr(_tmpl$9, ssrHydrationKey());
+		case "url": return ssr(_tmpl$0, ssrHydrationKey());
+		case "password": return ssr(_tmpl$1, ssrHydrationKey());
+		case "slug": return ssr(_tmpl$5, ssrHydrationKey(), ssrAttribute("value", escape(props.value ?? config()["defaultValue"] ?? "", true), false) + ssrAttribute("placeholder", escape(config()["placeholder"], true), false));
 		case "true_false": return ssr(_tmpl$10, ssrHydrationKey(), ssrAttribute("checked", Boolean(props.value), true));
 		case "select": return ssr(_tmpl$11, ssrHydrationKey(), ssrAttribute("multiple", config()["multiple"] === true, true), escape(createComponent(For, {
 			get each() {
@@ -1328,7 +1132,28 @@ function FieldControl(props) {
 				})
 			})
 		})));
-		default: return ssr(_tmpl$27, ssrHydrationKey());
+		default:
+			if (props.field.isPluginType && (props.field.adminRendererPath || props.field.adminComponentPath)) return createComponent(PluginFieldRenderer, {
+				get field() {
+					return props.field;
+				},
+				get value() {
+					return props.value;
+				},
+				get onChange() {
+					return props.onChange;
+				},
+				get adminRendererPath() {
+					return props.field.adminRendererPath;
+				},
+				get adminComponentPath() {
+					return props.field.adminComponentPath;
+				},
+				get t() {
+					return props.t;
+				}
+			});
+			return ssr(_tmpl$27, ssrHydrationKey());
 	}
 }
 function RepeaterRow(props) {
@@ -1361,258 +1186,4 @@ function RelationshipSelector(props) {
 	})));
 }
 //#endregion
-//#region src/components/content/ContentEditor.tsx
-var _tmpl$ = [
-	"<div",
-	" class=\"notice notice--success\">",
-	"</div>"
-];
-var _tmpl$2 = [
-	"<input",
-	" class=\"classic-editor__title\" required",
-	">"
-];
-var _tmpl$3 = [
-	"<div",
-	" class=\"classic-editor__toolbar\" role=\"toolbar\"",
-	"><button type=\"button\"><strong>B</strong></button><button type=\"button\"><em>I</em></button><button type=\"button\"><u>U</u></button><span class=\"classic-editor__toolbar-divider\"></span><button type=\"button\">❝</button><button type=\"button\">• List</button><button type=\"button\">1. List</button><button type=\"button\">Link</button></div>"
-];
-var _tmpl$4 = [
-	"<div",
-	" class=\"classic-editor__body\" contenteditable=\"true\" data-classic-editor role=\"textbox\" aria-multiline=\"true\"",
-	">",
-	"</div>"
-];
-var _tmpl$5 = [
-	"<label",
-	" class=\"classic-editor__excerpt\"><span>",
-	"</span><textarea class=\"input\" rows=\"4\"",
-	"></textarea></label>"
-];
-var _tmpl$6 = [
-	"<section",
-	" class=\"card custom-fields\"><h3>",
-	"</h3><!--$-->",
-	"<!--/--></section>"
-];
-var _tmpl$7 = [
-	"<section",
-	" class=\"card classic-editor__panel\"><h3>",
-	"</h3><input class=\"input\"",
-	"><p class=\"muted\">",
-	"</p></section>"
-];
-var _tmpl$8 = [
-	"<section",
-	" class=\"card classic-editor__panel\"><h3>",
-	"</h3><label><!--$-->",
-	"<!--/--><select class=\"input\"",
-	"><option value>",
-	"</option><!--$-->",
-	"<!--/--></select></label></section>"
-];
-var _tmpl$9 = [
-	"<form",
-	" class=\"content-editor classic-editor\"><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--><div class=\"classic-editor__topbar\"><div><span class=\"classic-editor__eyebrow\">",
-	"</span><h2>",
-	"</h2></div><div class=\"classic-editor__actions\"><a class=\"btn btn-secondary\" href=\"",
-	"\">",
-	"</a><button type=\"submit\" class=\"btn btn-primary\"",
-	">",
-	"</button></div></div><div class=\"classic-editor__columns\"><main class=\"classic-editor__main\"><section class=\"card classic-editor__canvas-card\"><!--$-->",
-	"<!--/--><div class=\"classic-editor__permalink\"><span><!--$-->",
-	"<!--/-->:</span><input class=\"input\"",
-	"></div><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--></section><!--$-->",
-	"<!--/--></main><aside class=\"classic-editor__sidebar\"><section class=\"card classic-editor__panel\"><h3>",
-	"</h3><label><!--$-->",
-	"<!--/--><select class=\"input\"",
-	"><option value=\"DRAFT\">",
-	"</option><option value=\"PUBLISHED\">",
-	"</option><option value=\"ARCHIVED\">",
-	"</option></select></label><button type=\"submit\" class=\"btn btn-primary classic-editor__full-button\"",
-	">",
-	"</button></section><!--$-->",
-	"<!--/--><!--$-->",
-	"<!--/--></aside></div></form>"
-];
-var _tmpl$0 = [
-	"<div",
-	" class=\"notice notice--error\">",
-	"</div>"
-];
-var _tmpl$1 = [
-	"<option",
-	">",
-	"</option>"
-];
-function ContentEditor(props) {
-	const { t } = useTranslation();
-	const [types, setTypes] = createSignal([]);
-	const [groups, setGroups] = createSignal([]);
-	const [themes, setThemes] = createSignal([]);
-	const [data, setData] = createSignal({});
-	const [errors, setErrors] = createSignal([]);
-	const [saving, setSaving] = createSignal(false);
-	const [message, setMessage] = createSignal("");
-	const [draft, setDraft] = createSignal({
-		type: props.initialType || "post",
-		title: "",
-		status: "DRAFT"
-	});
-	const supports = () => new Set(types().find((type) => type.slug === draft().type)?.supports ?? ["title", "editor"]);
-	const hasSupport = (support) => supports().has(support);
-	const typeListFallback = (available, requested) => requested || available[0]?.slug || "post";
-	const availableLayouts = () => {
-		const layouts = /* @__PURE__ */ new Set();
-		for (const theme of themes()) for (const layout of theme.manifest?.provides?.layouts ?? []) layouts.add(layout);
-		return [...layouts].sort();
-	};
-	const loadGroups = async (context) => {
-		try {
-			const query = typeof context === "string" ? { type: context } : context;
-			const all = await apiClient.getFieldGroups(query.type ? query : void 0);
-			const resolved = await Promise.all(all.filter((group) => group.active).map(async (group) => {
-				return (await apiClient.getFieldGroup(group.id)).fields ?? [];
-			}));
-			setGroups(expandCloneFields(resolved.flat()));
-		} catch (err) {
-			setErrors([err instanceof Error ? err.message : String(err)]);
-		}
-	};
-	onMount(async () => {
-		let typeList = [];
-		try {
-			const [typeCatalog, themeList] = await Promise.all([apiClient.getContentTypes(), apiClient.getThemes().catch(() => [])]);
-			typeList = typeCatalog;
-			setTypes(typeCatalog);
-			setThemes(themeList);
-		} catch (err) {
-			setErrors([err instanceof Error ? err.message : String(err)]);
-		}
-		const editId = new URLSearchParams(window.location.search).get("id");
-		if (editId || props.singleton) try {
-			const existing = editId ? await apiClient.getContentById(editId) : await apiClient.getSingletonContent(draft().type);
-			if (!existing) {
-				await loadGroups({
-					type: draft().type,
-					status: draft().status
-				});
-				return;
-			}
-			const rawRow = existing;
-			setDraft({
-				id: existing.id,
-				type: existing.type,
-				title: existing.title,
-				slug: existing.slug,
-				excerpt: existing.excerpt,
-				featuredImageId: rawRow["featuredImageId"] ?? rawRow["featured_image_id"],
-				status: existing.status,
-				layout: existing.layout
-			});
-			setData(existing.body ?? {});
-		} catch (err) {
-			setErrors([err instanceof Error ? err.message : String(err)]);
-		}
-		else if (!typeList.some((type) => type.slug === draft().type)) setDraft({
-			...draft(),
-			type: typeListFallback(typeList, props.initialType)
-		});
-		await loadGroups({
-			type: draft().type,
-			slug: draft().slug,
-			status: draft().status
-		});
-	});
-	const editorContent = () => {
-		const value = data()["content"];
-		return typeof value === "string" ? value : "";
-	};
-	return ssr(_tmpl$9, ssrHydrationKey(), escape(createComponent(Show, {
-		get when() {
-			return errors().length > 0;
-		},
-		get children() {
-			return createComponent(For, {
-				get each() {
-					return errors();
-				},
-				children: (err) => ssr(_tmpl$0, ssrHydrationKey(), escape(err))
-			});
-		}
-	})), escape(createComponent(Show, {
-		get when() {
-			return message();
-		},
-		get children() {
-			return ssr(_tmpl$, ssrHydrationKey(), escape(message()));
-		}
-	})), escape(types().find((type) => type.slug === draft().type)?.singularLabel || draft().type), draft().id ? escape(t("content.editor.editing")) : escape(t("content.editor.adding")), `/content/${escape(encodeURIComponent(draft().type), true)}`, escape(t("content.editor.backToList")), ssrAttribute("disabled", saving(), true), saving() ? escape(t("content.editor.saving")) : escape(t("content.editor.save")), escape(createComponent(Show, {
-		get when() {
-			return hasSupport("title");
-		},
-		get children() {
-			return ssr(_tmpl$2, ssrHydrationKey(), ssrAttribute("aria-label", escape(t("content.editor.title"), true), false) + ssrAttribute("placeholder", escape(t("content.editor.titlePlaceholder"), true), false) + ssrAttribute("value", escape(draft().title, true), false));
-		}
-	})), escape(t("content.editor.slug")), ssrAttribute("value", escape(draft().slug ?? "", true), false) + ssrAttribute("placeholder", escape(t("content.editor.slugPlaceholder"), true), false), escape(createComponent(Show, {
-		get when() {
-			return hasSupport("editor");
-		},
-		get children() {
-			return [ssr(_tmpl$3, ssrHydrationKey(), ssrAttribute("aria-label", escape(t("content.editor.toolbar"), true), false)), ssr(_tmpl$4, ssrHydrationKey(), ssrAttribute("data-placeholder", escape(t("content.editor.bodyPlaceholder"), true), false), sanitizeHtml(editorContent()))];
-		}
-	})), escape(createComponent(Show, {
-		get when() {
-			return hasSupport("excerpt");
-		},
-		get children() {
-			return ssr(_tmpl$5, ssrHydrationKey(), escape(t("content.editor.excerpt")), ssrAttribute("value", escape(draft().excerpt ?? "", true), false));
-		}
-	})), escape(createComponent(Show, {
-		get when() {
-			return groups().length > 0;
-		},
-		get children() {
-			return ssr(_tmpl$6, ssrHydrationKey(), escape(t("content.editor.customFields")), escape(createComponent(For, {
-				get each() {
-					return groups();
-				},
-				children: (field) => createComponent(FieldRenderer, {
-					field,
-					get values() {
-						return data();
-					},
-					onChange: (name, value) => setData({
-						...data(),
-						[name]: value
-					})
-				})
-			})));
-		}
-	})), escape(t("content.editor.publishPanel")), escape(t("content.editor.status")), ssrAttribute("value", escape(draft().status, true), false), escape(t("content.editor.statusOptions.draft")), escape(t("content.editor.statusOptions.published")), escape(t("content.editor.statusOptions.archived")), ssrAttribute("disabled", saving(), true), saving() ? escape(t("content.editor.saving")) : escape(t("content.editor.save")), escape(createComponent(Show, {
-		get when() {
-			return hasSupport("thumbnail");
-		},
-		get children() {
-			return ssr(_tmpl$7, ssrHydrationKey(), escape(t("content.editor.featuredImage")), ssrAttribute("value", escape(draft().featuredImageId ?? "", true), false) + ssrAttribute("placeholder", escape(t("content.editor.mediaIdPlaceholder"), true), false), escape(t("content.editor.featuredImageHint")));
-		}
-	})), escape(createComponent(Show, {
-		get when() {
-			return availableLayouts().length > 0;
-		},
-		get children() {
-			return ssr(_tmpl$8, ssrHydrationKey(), escape(t("content.editor.pageAttributes")), escape(t("content.editor.layout")), ssrAttribute("value", escape(draft().layout ?? "", true), false), escape(t("content.editor.layoutAuto")), escape(createComponent(For, {
-				get each() {
-					return availableLayouts();
-				},
-				children: (layout) => ssr(_tmpl$1, ssrHydrationKey() + ssrAttribute("value", escape(layout, true), false), escape(layout))
-			})));
-		}
-	})));
-}
-//#endregion
-export { ContentEditor as t };
+export { expandCloneFields as n, FieldRenderer as t };