@oktis-works/admin 0.11.0 → 0.13.1

package/dist/server/chunks/{_id__CvxvSegw.mjs → _id__BYx77RvL.mjs}

@@ -1,29 +1,29 @@
 import { r as __exportAll } from "./rolldown-runtime_BMI-E3GI.mjs";
 import { S as createAstro, 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_CItvcX64.mjs";
-import { t as $$DashboardLayout } from "./DashboardLayout_D-AI4SdO.mjs";
-import { t as PageHeader } from "./PageHeader_CBOioOjo.mjs";
-import { t as FloatingPanel } from "./FloatingPanel_DI2CdUZK.mjs";
-import { t as FbIcon } from "./FbIcon_D0f6QiFJ.mjs";
+import { n as useTranslation, r as apiClient } from "./i18n_B-DWAN0e.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_CrxyUavx.mjs";
+import { t as PageHeader } from "./PageHeader_CRpzf5xU.mjs";
+import { t as FloatingPanel } from "./FloatingPanel_BtB-nNBT.mjs";
+import { t as FbIcon } from "./FbIcon_7YixzwO3.mjs";
 import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
 import { For, Show, batch, createContext, createEffect, createMemo, createSignal, on, onCleanup, onMount, splitProps, useContext } from "solid-js";
 import { ActivationConstraint, ActivationController, CollisionPriority, CollisionType, CorePlugin, DragDropManager, Draggable, Droppable, Plugin, Sensor, configurator, descriptor, resolveCustomizable, resolveCustomizable as resolveCustomizable$1 } from "@dnd-kit/abstract";
 import { createIcons, icons } from "lucide";
-//#region src/components/field-builder/primitives/Tabs.tsx
-var _tmpl$$10 = [
+//#region src/components/field-builder/primitives/Tabs.jsx
+var _tmpl$$11 = [
 	"<div",
 	" class=\"fb-tabs\"><div class=\"fb-tabs__list\" role=\"tablist\"",
 	">",
 	"</div><div class=\"fb-tabs__panel\" role=\"tabpanel\">",
 	"</div></div>"
 ];
-var _tmpl$2$10 = [
+var _tmpl$2$11 = [
 	"<span",
 	" class=\"fb-tabs__badge\">",
 	"</span>"
 ];
-var _tmpl$3$9 = [
+var _tmpl$3$10 = [
 	"<button",
 	" type=\"button\" role=\"tab\" class=\"",
 	"\"",
@@ -38,16 +38,16 @@ var _tmpl$3$9 = [
 * content is rendered as `children`.
 */
 function Tabs(props) {
-	return ssr(_tmpl$$10, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.ariaLabel, true), false), escape(createComponent(For, {
+	return ssr(_tmpl$$11, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.ariaLabel, true), false), escape(createComponent(For, {
 		get each() {
 			return props.tabs;
 		},
-		children: (tab) => ssr(_tmpl$3$9, ssrHydrationKey(), `fb-tabs__tab ${props.active === tab.id ? "is-active" : ""} ${Boolean(tab.disabled) ? "is-disabled" : ""}`, ssrAttribute("aria-selected", escape(props.active, true) === escape(tab.id, true), false), ssrAttribute("disabled", tab.disabled, true), escape(tab.label), escape(createComponent(Show, {
+		children: (tab) => ssr(_tmpl$3$10, ssrHydrationKey(), `fb-tabs__tab ${props.active === tab.id ? "is-active" : ""} ${Boolean(tab.disabled) ? "is-disabled" : ""}`, ssrAttribute("aria-selected", escape(props.active, true) === escape(tab.id, true), false), ssrAttribute("disabled", tab.disabled, true), escape(tab.label), escape(createComponent(Show, {
 			get when() {
 				return tab.badge;
 			},
 			get children() {
-				return ssr(_tmpl$2$10, ssrHydrationKey(), escape(tab.badge));
+				return ssr(_tmpl$2$11, ssrHydrationKey(), escape(tab.badge));
 			}
 		})))
 	})), escape(props.children));
@@ -5351,7 +5351,7 @@ function useSortable(input) {
 	};
 }
 //#endregion
-//#region src/components/field-builder/model.ts
+//#region src/components/field-builder/model.js
 var CONTAINER_TYPES = /* @__PURE__ */ new Set(["group", "repeater"]);
 var CHOICE_TYPES = /* @__PURE__ */ new Set([
 	"select",
@@ -5466,7 +5466,12 @@ function toEditableField(field) {
 		})),
 		isCoreField: field.isCoreField,
 		isLocked: field.isLocked,
-		coreFieldKey: field.coreFieldKey
+		coreFieldKey: field.coreFieldKey,
+		adminComponentPath: field.config?.adminComponentPath,
+		adminRendererPath: field.config?.adminRendererPath,
+		configSchema: field.config?.configSchema,
+		isPluginType: field.config?.isPluginType,
+		pluginName: field.config?.pluginName
 	};
 }
 function normalizeLocationRules(value, fallbackContentType = "") {
@@ -5562,15 +5567,15 @@ function nameFromLabel(label) {
 	return label.toLowerCase().trim().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
 }
 //#endregion
-//#region src/components/field-builder/primitives/SortableFieldList.tsx
-var _tmpl$$9 = ["<div", " class=\"fb-sortable-empty\"></div>"];
-var _tmpl$2$9 = [
+//#region src/components/field-builder/primitives/SortableFieldList.jsx
+var _tmpl$$10 = ["<div", " class=\"fb-sortable-empty\"></div>"];
+var _tmpl$2$10 = [
 	"<div",
 	"><!--$-->",
 	"<!--/--><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$3$8 = [
+var _tmpl$3$9 = [
 	"<div",
 	" class=\"",
 	"\">",
@@ -5599,7 +5604,7 @@ function SortableFieldList(props) {
 	return createComponent(DragDropProvider, {
 		onDragEnd: handleDragEnd,
 		get children() {
-			return ssr(_tmpl$2$9, ssrHydrationKey() + ssrAttribute("class", escape(props.class ?? "fb-sortable-list", true), false) + ssrAttribute("data-sortable-list", escape(props.group, true), false), escape(createComponent(For, {
+			return ssr(_tmpl$2$10, ssrHydrationKey() + ssrAttribute("class", escape(props.class ?? "fb-sortable-list", true), false) + ssrAttribute("data-sortable-list", escape(props.group, true), false), escape(createComponent(For, {
 				get each() {
 					return props.items;
 				},
@@ -5623,7 +5628,7 @@ function SortableFieldList(props) {
 					return props.items.length === 0;
 				},
 				get children() {
-					return ssr(_tmpl$$9, ssrHydrationKey());
+					return ssr(_tmpl$$10, ssrHydrationKey());
 				}
 			})));
 		}
@@ -5635,7 +5640,7 @@ function SortableItemWrap(props) {
 		group: props.group,
 		index: props.index
 	});
-	return ssr(_tmpl$3$8, ssrHydrationKey() + ssrAttribute("data-sortable-id", escape(props.item.clientId, true), false) + ssrAttribute("data-sortable-group", escape(props.group, true), false), `fb-sortable-item ${isDragging() ? "is-dragging" : ""} ${isDropTarget() ? "is-drop-target" : ""}`, escape(props.children({
+	return ssr(_tmpl$3$9, ssrHydrationKey() + ssrAttribute("data-sortable-id", escape(props.item.clientId, true), false) + ssrAttribute("data-sortable-group", escape(props.group, true), false), `fb-sortable-item ${isDragging() ? "is-dragging" : ""} ${isDropTarget() ? "is-drop-target" : ""}`, escape(props.children({
 		item: props.item,
 		index: props.index,
 		handleRef,
@@ -5644,8 +5649,8 @@ function SortableItemWrap(props) {
 	})));
 }
 //#endregion
-//#region src/components/field-builder/BrowseFieldsModal.tsx
-var _tmpl$$8 = [
+//#region src/components/field-builder/BrowseFieldsModal.jsx
+var _tmpl$$9 = [
 	"<div",
 	" class=\"fb-modal-backdrop\" role=\"presentation\"><section class=\"fb-browse-modal\" role=\"dialog\" aria-modal=\"true\"",
 	"><header class=\"fb-browse-modal__header\"><div><span class=\"fb-eyebrow\">",
@@ -5667,18 +5672,18 @@ var _tmpl$$8 = [
 	">",
 	"</button></div></footer></section></div>"
 ];
-var _tmpl$2$8 = [
+var _tmpl$2$9 = [
 	"<button",
 	" type=\"button\" class=\"",
 	"\">",
 	"</button>"
 ];
-var _tmpl$3$7 = [
+var _tmpl$3$8 = [
 	"<p",
 	" class=\"muted fb-browse-empty\">",
 	"</p>"
 ];
-var _tmpl$4$6 = [
+var _tmpl$4$7 = [
 	"<button",
 	" type=\"button\" class=\"",
 	"\"><!--$-->",
@@ -5736,24 +5741,24 @@ function BrowseFieldsModal(props) {
 			return props.open;
 		},
 		get children() {
-			return ssr(_tmpl$$8, ssrHydrationKey(), ssrAttribute("aria-label", escape(L("selectFieldType"), true), false), escape(L("addField")), escape(L("selectFieldType")), ssrAttribute("aria-label", escape(L("cancel"), true), false), ssrAttribute("placeholder", escape(L("searchFieldTypes"), true), false) + ssrAttribute("value", escape(query(), true), false), ssrAttribute("aria-label", escape(L("fieldType"), true), false), escape(createComponent(For, {
+			return ssr(_tmpl$$9, ssrHydrationKey(), ssrAttribute("aria-label", escape(L("selectFieldType"), true), false), escape(L("addField")), escape(L("selectFieldType")), ssrAttribute("aria-label", escape(L("cancel"), true), false), ssrAttribute("placeholder", escape(L("searchFieldTypes"), true), false) + ssrAttribute("value", escape(query(), true), false), ssrAttribute("aria-label", escape(L("fieldType"), true), false), escape(createComponent(For, {
 				get each() {
 					return tabs();
 				},
-				children: (tab) => ssr(_tmpl$2$8, ssrHydrationKey(), activeTab() === tab.id ? "is-active" : "", escape(tab.label))
+				children: (tab) => ssr(_tmpl$2$9, ssrHydrationKey(), activeTab() === tab.id ? "is-active" : "", escape(tab.label))
 			})), escape(createComponent(Show, {
 				get when() {
 					return filtered().length > 0;
 				},
 				get fallback() {
-					return ssr(_tmpl$3$7, ssrHydrationKey(), escape(L("noMatchingFieldTypes")));
+					return ssr(_tmpl$3$8, ssrHydrationKey(), escape(L("noMatchingFieldTypes")));
 				},
 				get children() {
 					return createComponent(For, {
 						get each() {
 							return filtered();
 						},
-						children: (type) => ssr(_tmpl$4$6, ssrHydrationKey(), `fb-browse-tile ${selectedType() === type.type ? "is-selected" : ""}`, escape(createComponent(FbIcon, {
+						children: (type) => ssr(_tmpl$4$7, ssrHydrationKey(), `fb-browse-tile ${selectedType() === type.type ? "is-selected" : ""}`, escape(createComponent(FbIcon, {
 							get name() {
 								return type.icon;
 							},
@@ -5771,19 +5776,19 @@ function BrowseFieldsModal(props) {
 	});
 }
 //#endregion
-//#region src/components/field-builder/ConditionalLogicEditor.tsx
-var _tmpl$$7 = [
+//#region src/components/field-builder/ConditionalLogicEditor.jsx
+var _tmpl$$8 = [
 	"<span",
 	" class=\"fb-tabs__badge\">",
 	"</span>"
 ];
-var _tmpl$2$7 = [
+var _tmpl$2$8 = [
 	"<div",
 	" class=\"fb-rule-groups\"><!--$-->",
 	"<!--/--><button type=\"button\" class=\"btn btn-secondary btn-sm fb-rule-add-group\">+ <!--$-->",
 	"<!--/--></button></div>"
 ];
-var _tmpl$3$6 = [
+var _tmpl$3$7 = [
 	"<div",
 	" class=\"fb-rule-editor\"><label class=\"fb-rule-editor__toggle\"><input type=\"checkbox\"",
 	"><span>",
@@ -5791,17 +5796,17 @@ var _tmpl$3$6 = [
 	"<!--/--></label><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$4$5 = [
+var _tmpl$4$6 = [
 	"<div",
 	" class=\"fb-rule-group__connector\">",
 	"</div>"
 ];
-var _tmpl$5$5 = [
+var _tmpl$5$6 = [
 	"<span",
 	" class=\"fb-rule-group__and\">",
 	"</span>"
 ];
-var _tmpl$6$3 = [
+var _tmpl$6$4 = [
 	"<div",
 	" class=\"fb-rule-group\"><!--$-->",
 	"<!--/--><div class=\"fb-rule-group__header\">",
@@ -5810,7 +5815,7 @@ var _tmpl$6$3 = [
 	"<!--/--></button><!--$-->",
 	"<!--/--></div></div>"
 ];
-var _tmpl$7$3 = [
+var _tmpl$7$4 = [
 	"<input",
 	" class=\"input\"",
 	">"
@@ -5885,28 +5890,28 @@ function ConditionalLogicEditor(props) {
 	const L = (key) => t(`settings.customFields.fieldSettings.${key}`);
 	const enabled = () => readConditional(props.value).groups.some((g) => g.rules.length > 0);
 	const logic = () => readConditional(props.value);
-	return ssr(_tmpl$3$6, ssrHydrationKey(), ssrAttribute("checked", enabled(), true), escape(L("conditionalLogic")), escape(createComponent(Show, {
+	return ssr(_tmpl$3$7, ssrHydrationKey(), ssrAttribute("checked", enabled(), true), escape(L("conditionalLogic")), escape(createComponent(Show, {
 		get when() {
 			return enabled();
 		},
 		get children() {
-			return ssr(_tmpl$$7, ssrHydrationKey(), escape(L("conditionalActive")));
+			return ssr(_tmpl$$8, ssrHydrationKey(), escape(L("conditionalActive")));
 		}
 	})), escape(createComponent(Show, {
 		get when() {
 			return enabled();
 		},
 		get children() {
-			return ssr(_tmpl$2$7, ssrHydrationKey(), escape(createComponent(For, {
+			return ssr(_tmpl$2$8, ssrHydrationKey(), escape(createComponent(For, {
 				get each() {
 					return logic().groups;
 				},
-				children: (group, gi) => ssr(_tmpl$6$3, ssrHydrationKey(), escape(createComponent(Show, {
+				children: (group, gi) => ssr(_tmpl$6$4, ssrHydrationKey(), escape(createComponent(Show, {
 					get when() {
 						return gi() > 0;
 					},
 					get children() {
-						return ssr(_tmpl$4$5, ssrHydrationKey(), escape(L("or")));
+						return ssr(_tmpl$4$6, ssrHydrationKey(), escape(L("or")));
 					}
 				})), gi() === 0 ? escape(L("showIf")) : escape(L("or")), escape(createComponent(For, {
 					get each() {
@@ -5925,7 +5930,7 @@ function ConditionalLogicEditor(props) {
 							return OPERATORS.find((o) => o.id === rule.operator)?.needsValue ?? true;
 						},
 						get children() {
-							return ssr(_tmpl$7$3, ssrHydrationKey(), ssrAttribute("value", escape(rule.value ?? "", true), false) + ssrAttribute("placeholder", escape(L("conditionValue"), true), false));
+							return ssr(_tmpl$7$4, ssrHydrationKey(), ssrAttribute("value", escape(rule.value ?? "", true), false) + ssrAttribute("placeholder", escape(L("conditionValue"), true), false));
 						}
 					})), escape(createComponent(Show, {
 						get when() {
@@ -5940,7 +5945,7 @@ function ConditionalLogicEditor(props) {
 						return group.rules.length > 1;
 					},
 					get children() {
-						return ssr(_tmpl$5$5, ssrHydrationKey(), escape(L("and")));
+						return ssr(_tmpl$5$6, ssrHydrationKey(), escape(L("and")));
 					}
 				})))
 			})), escape(L("addConditionGroup")));
@@ -5948,13 +5953,13 @@ function ConditionalLogicEditor(props) {
 	})));
 }
 //#endregion
-//#region src/components/content/FieldTypePicker.tsx
-var _tmpl$$6 = [
+//#region src/components/content/FieldTypePicker.jsx
+var _tmpl$$7 = [
 	"<input",
 	" type=\"search\" class=\"field-type-picker__search\" placeholder=\"Buscar tipo de campo...\"",
 	">"
 ];
-var _tmpl$2$6 = [
+var _tmpl$2$7 = [
 	"<div",
 	" class=\"field-type-picker\"><button type=\"button\" class=\"field-type-picker__trigger\"",
 	"><span class=\"field-type-picker__selected\"><i",
@@ -5963,15 +5968,15 @@ var _tmpl$2$6 = [
 	"</span></button><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$3$5 = [
+var _tmpl$3$6 = [
 	"<div",
 	" class=\"field-type-picker__group\"><div class=\"field-type-picker__group-label\"><i",
 	" aria-hidden=\"true\"></i><!--$-->",
 	"<!--/--></div><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$4$4 = ["<span", " class=\"field-type-picker__hint\">sem lógica condicional</span>"];
-var _tmpl$5$4 = [
+var _tmpl$4$5 = ["<span", " class=\"field-type-picker__hint\">sem lógica condicional</span>"];
+var _tmpl$5$5 = [
 	"<button",
 	" type=\"button\" role=\"option\"",
 	" class=\"",
@@ -5993,7 +5998,7 @@ function FieldTypePicker(props) {
 		queueMicrotask(() => createIcons({ icons }));
 	};
 	onMount(refreshIcons);
-	return ssr(_tmpl$2$6, ssrHydrationKey(), ssrAttribute("aria-expanded", escape(open(), true), false), ssrAttribute("data-lucide", escape(selected()?.icon ?? "box", true), false), escape(selected()?.label ?? "Selecione o tipo"), open() ? "▴" : "▾", escape(createComponent(FloatingPanel, {
+	return ssr(_tmpl$2$7, ssrHydrationKey(), ssrAttribute("aria-expanded", escape(open(), true), false), ssrAttribute("data-lucide", escape(selected()?.icon ?? "box", true), false), escape(selected()?.label ?? "Selecione o tipo"), open() ? "▴" : "▾", escape(createComponent(FloatingPanel, {
 		get open() {
 			return open();
 		},
@@ -6008,7 +6013,7 @@ function FieldTypePicker(props) {
 		role: "listbox",
 		minWidth: 280,
 		get children() {
-			return [ssr(_tmpl$$6, ssrHydrationKey(), ssrAttribute("value", escape(query(), true), false)), createComponent(For, {
+			return [ssr(_tmpl$$7, ssrHydrationKey(), ssrAttribute("value", escape(query(), true), false)), createComponent(For, {
 				get each() {
 					return props.categories;
 				},
@@ -6019,14 +6024,14 @@ function FieldTypePicker(props) {
 							return categoryTypes.length > 0;
 						},
 						get children() {
-							return ssr(_tmpl$3$5, ssrHydrationKey(), ssrAttribute("data-lucide", escape(category.icon, true), false), escape(category.label), escape(createComponent(For, {
+							return ssr(_tmpl$3$6, ssrHydrationKey(), ssrAttribute("data-lucide", escape(category.icon, true), false), escape(category.label), escape(createComponent(For, {
 								each: categoryTypes,
-								children: (type) => ssr(_tmpl$5$4, ssrHydrationKey(), ssrAttribute("aria-selected", escape(props.value, true) === escape(type.type, true), false), `field-type-picker__option ${props.value === type.type ? "is-selected" : ""}`, ssrAttribute("data-lucide", escape(type.icon, true), false), escape(type.label), escape(createComponent(Show, {
+								children: (type) => ssr(_tmpl$5$5, ssrHydrationKey(), ssrAttribute("aria-selected", escape(props.value, true) === escape(type.type, true), false), `field-type-picker__option ${props.value === type.type ? "is-selected" : ""}`, ssrAttribute("data-lucide", escape(type.icon, true), false), escape(type.label), escape(createComponent(Show, {
 									get when() {
 										return !type.supportsConditions;
 									},
 									get children() {
-										return ssr(_tmpl$4$4, ssrHydrationKey());
+										return ssr(_tmpl$4$5, ssrHydrationKey());
 									}
 								})))
 							})));
@@ -6038,8 +6043,8 @@ function FieldTypePicker(props) {
 	})));
 }
 //#endregion
-//#region src/components/field-builder/primitives/SearchableSelect.tsx
-var _tmpl$$5 = [
+//#region src/components/field-builder/primitives/SearchableSelect.jsx
+var _tmpl$$6 = [
 	"<select",
 	" class=\"input\"",
 	"",
@@ -6047,17 +6052,123 @@ var _tmpl$$5 = [
 	"</option><!--$-->",
 	"<!--/--></select>"
 ];
-var _tmpl$2$5 = [
+var _tmpl$2$6 = [
 	"<option",
 	"",
 	">",
 	"</option>"
 ];
 function SearchableSelect(props) {
-	return ssr(_tmpl$$5, ssrHydrationKey(), ssrAttribute("value", escape(props.value, true), false), ssrAttribute("disabled", props.disabled, true), escape(props.placeholder), escape(props.options.map((opt) => ssr(_tmpl$2$5, ssrHydrationKey() + ssrAttribute("value", escape(opt.value, true), false), ssrAttribute("disabled", opt.disabled, true), escape(opt.label)))));
+	return ssr(_tmpl$$6, ssrHydrationKey(), ssrAttribute("value", escape(props.value, true), false), ssrAttribute("disabled", props.disabled, true), escape(props.placeholder), escape(props.options.map((opt) => ssr(_tmpl$2$6, ssrHydrationKey() + ssrAttribute("value", escape(opt.value, true), false), ssrAttribute("disabled", opt.disabled, true), escape(opt.label)))));
+}
+//#endregion
+//#region src/components/field-builder/PluginFieldConfig.jsx
+var _tmpl$$5 = ["<div", " class=\"fb-plugin-field-config fb-plugin-field-config--loading\"><div class=\"fb-spinner\" aria-hidden=\"true\"></div><span>Carregando configuração do plugin...</span></div>"];
+var _tmpl$2$5 = [
+	"<div",
+	" class=\"fb-plugin-field-config fb-plugin-field-config--error\"><i data-lucide=\"alert-triangle\" aria-hidden=\"true\"></i><div><strong>Não foi possível carregar o componente de configuração</strong><p class=\"muted\">",
+	"</p><details class=\"fb-fallback-config\"><summary>Usar editor JSON bruto (fallback)</summary><!--$-->",
+	"<!--/--></details></div></div>"
+];
+var _tmpl$3$5 = [
+	"<div",
+	" class=\"fb-plugin-field-config fb-plugin-field-config--error\"><i data-lucide=\"alert-triangle\" aria-hidden=\"true\"></i><div><strong>Componente não exportado corretamente</strong><p class=\"muted\">O plugin deve exportar um componente padrão ou nomeado 'PluginFieldConfig'</p><details class=\"fb-fallback-config\"><summary>Usar editor JSON bruto (fallback)</summary><!--$-->",
+	"<!--/--></details></div></div>"
+];
+var _tmpl$4$4 = [
+	"<div",
+	" class=\"fb-plugin-field-config\">",
+	"</div>"
+];
+var _tmpl$5$4 = [
+	"<p",
+	" class=\"fb-error\">",
+	"</p>"
+];
+var _tmpl$6$3 = [
+	"<details",
+	"><summary>Ver JSON Schema</summary><pre class=\"fb-schema-preview\">",
+	"</pre></details>"
+];
+var _tmpl$7$3 = [
+	"<div",
+	" class=\"fb-fallback-json-editor\"><textarea class=\"input fb-json-textarea\"",
+	" placeholder=\"{}\" spellcheck=\"false\"></textarea><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div>"
+];
+function PluginFieldConfig(props) {
+	const [Component, setComponent] = createSignal(null);
+	const [error, setError] = createSignal(null);
+	const [loading, setLoading] = createSignal(true);
+	onMount(async () => {
+		try {
+			const module = await import(props.adminComponentPath);
+			const Comp = module.default || module.PluginFieldConfig || module[Object.keys(module)[0]];
+			if (Comp) setComponent(Comp);
+			else setError("Componente de configuração não encontrado no módulo");
+		} catch (e) {
+			setError(`Erro ao carregar componente: ${e instanceof Error ? e.message : String(e)}`);
+		} finally {
+			setLoading(false);
+		}
+	});
+	const handleConfigChange = (newConfig) => {
+		props.onChange({ config: newConfig });
+	};
+	if (loading) return ssr(_tmpl$$5, ssrHydrationKey());
+	if (error) return ssr(_tmpl$2$5, ssrHydrationKey(), escape(error), escape(createComponent(FallbackJsonEditor, {
+		get config() {
+			return props.field.config;
+		},
+		get schema() {
+			return props.configSchema;
+		},
+		onChange: handleConfigChange
+	})));
+	if (!Component) return ssr(_tmpl$3$5, ssrHydrationKey(), escape(createComponent(FallbackJsonEditor, {
+		get config() {
+			return props.field.config;
+		},
+		get schema() {
+			return props.configSchema;
+		},
+		onChange: handleConfigChange
+	})));
+	return ssr(_tmpl$4$4, ssrHydrationKey(), escape(createComponent(Component, {
+		get config() {
+			return props.field.config;
+		},
+		get schema() {
+			return props.configSchema;
+		},
+		onChange: handleConfigChange,
+		get t() {
+			return props.t;
+		}
+	})));
+}
+function FallbackJsonEditor(props) {
+	const [jsonText, setJsonText] = createSignal(JSON.stringify(props.config, null, 2));
+	const [parseError, setParseError] = createSignal(null);
+	return ssr(_tmpl$7$3, ssrHydrationKey(), ssrAttribute("value", escape(jsonText(), true), false), escape(createComponent(Show, {
+		get when() {
+			return parseError();
+		},
+		get children() {
+			return ssr(_tmpl$5$4, ssrHydrationKey(), escape(parseError()));
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return props.schema;
+		},
+		get children() {
+			return ssr(_tmpl$6$3, ssrHydrationKey(), escape(JSON.stringify(props.schema, null, 2)));
+		}
+	})));
 }
 //#endregion
-//#region src/components/field-builder/FieldSettingsEditor.tsx
+//#region src/components/field-builder/FieldSettingsEditor.jsx
 var _tmpl$$4 = [
 	"<input",
 	" class=\"input\"",
@@ -6414,6 +6525,37 @@ function FieldSettingsEditor(props) {
 							}
 						});
 					}
+				}),
+				createComponent(Show, {
+					get when() {
+						return memo(() => !!field.isPluginType)() && field.adminComponentPath;
+					},
+					get children() {
+						return createComponent(Field, {
+							get label() {
+								return L("pluginConfig") ?? "Configuração do Plugin";
+							},
+							wide: true,
+							get children() {
+								return createComponent(PluginFieldConfig, {
+									field,
+									get configSchema() {
+										return field.configSchema;
+									},
+									get adminComponentPath() {
+										return field.adminComponentPath;
+									},
+									onChange: (patch) => props.onChange({ config: {
+										...field.config,
+										...patch.config
+									} }),
+									get t() {
+										return props.t;
+									}
+								});
+							}
+						});
+					}
 				})
 			];
 		}
@@ -6925,7 +7067,7 @@ function choicesText(value) {
 	}).join("\n");
 }
 //#endregion
-//#region src/components/field-builder/FlexibleLayoutsEditor.tsx
+//#region src/components/field-builder/FlexibleLayoutsEditor.jsx
 var _tmpl$$3 = [
 	"<div",
 	" class=\"fb-layouts\"><div class=\"fb-subfields__header\"><h5>",
@@ -7013,7 +7155,7 @@ function FlexibleLayoutsEditor(props) {
 	})));
 }
 //#endregion
-//#region src/components/field-builder/FieldListEditor.tsx
+//#region src/components/field-builder/FieldListEditor.jsx
 var _tmpl$$2 = [
 	"<div",
 	" class=\"fb-empty-fields\"><p>",
@@ -7301,7 +7443,7 @@ function FieldRow(props) {
 	})));
 }
 //#endregion
-//#region src/components/field-builder/LocationRulesEditor.tsx
+//#region src/components/field-builder/LocationRulesEditor.jsx
 var _tmpl$$1 = [
 	"<div",
 	" class=\"fb-rule-editor\"><div class=\"fb-rule-groups\">",
@@ -7411,7 +7553,7 @@ function LocationRulesEditor(props) {
 	})), escape(L("addGroup")));
 }
 //#endregion
-//#region src/components/field-builder/FieldGroupEditor.tsx
+//#region src/components/field-builder/FieldGroupEditor.jsx
 var _tmpl$ = [
 	"<div",
 	" class=\"notice notice--error\">",
@@ -7825,7 +7967,7 @@ var $$Id = createComponent$1(($$result, $$props, $$slots) => {
 		"groupId": groupId,
 		"client:load": true,
 		"client:component-hydration": "load",
-		"client:component-path": "/home/runner/work/cms/cms/apps/admin/src/components/field-builder/FieldGroupEditor.tsx",
+		"client:component-path": "/home/runner/work/cms/cms/apps/admin/src/components/field-builder/FieldGroupEditor.jsx",
 		"client:component-export": "FieldGroupEditor"
 	})}` })}`;
 }, "/home/runner/work/cms/cms/apps/admin/src/pages/settings/custom-fields/[id].astro", void 0);

package/dist/server/chunks/{_slug__B3m1GWZj.mjs → _slug__CR6t9xra.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, p as addAttribute, u as renderTemplate } from "./server_B5N27szj.mjs";
 import { t as createComponent } from "./compiler_O7J1rlsi.mjs";
-import { t as $$DashboardLayout } from "./DashboardLayout_D-AI4SdO.mjs";
-import { t as PageHeader } from "./PageHeader_CBOioOjo.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_CrxyUavx.mjs";
+import { t as PageHeader } from "./PageHeader_CRpzf5xU.mjs";
 //#region src/pages/plugins/[slug].astro
 var _slug__exports = /* @__PURE__ */ __exportAll({
 	default: () => $$Slug,

package/dist/server/chunks/{access_t-YgohBR.mjs → access_Bp3EnO2H.mjs}

@@ -1,14 +1,14 @@
 import { r as __exportAll } from "./rolldown-runtime_BMI-E3GI.mjs";
 import { S as createAstro, 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_CItvcX64.mjs";
-import { t as $$DashboardLayout } from "./DashboardLayout_D-AI4SdO.mjs";
-import { t as PageHeader } from "./PageHeader_CBOioOjo.mjs";
-import { t as Modal } from "./Modal_vHjkS4i2.mjs";
-import { t as FloatingPanel } from "./FloatingPanel_DI2CdUZK.mjs";
+import { n as useTranslation, r as apiClient } from "./i18n_B-DWAN0e.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_CrxyUavx.mjs";
+import { t as PageHeader } from "./PageHeader_CRpzf5xU.mjs";
+import { t as Modal } from "./Modal_BfWFiyry.mjs";
+import { t as FloatingPanel } from "./FloatingPanel_BtB-nNBT.mjs";
 import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
 import { For, Show, createMemo, createSignal, onMount } from "solid-js";
-//#region src/components/apps/settings/PermissionPicker.tsx
+//#region src/components/apps/settings/PermissionPicker.jsx
 var _tmpl$$1 = [
 	"<input",
 	" type=\"search\" class=\"input permission-picker__search\"",
@@ -195,7 +195,7 @@ function PermissionPicker(props) {
 	})));
 }
 //#endregion
-//#region src/components/apps/settings/ResourceHubs.tsx
+//#region src/components/apps/settings/ResourceHubs.jsx
 var _tmpl$ = [
 	"<div",
 	" class=\"notice notice--error\">",
@@ -376,7 +376,7 @@ var $$Access = createComponent$1(($$result, $$props, $$slots) => {
 	})}${renderComponent($$result, "AccessManager", AccessManager, {
 		"client:load": true,
 		"client:component-hydration": "load",
-		"client:component-path": "/home/runner/work/cms/cms/apps/admin/src/components/apps/settings/ResourceHubs.tsx",
+		"client:component-path": "/home/runner/work/cms/cms/apps/admin/src/components/apps/settings/ResourceHubs.jsx",
 		"client:component-export": "AccessManager"
 	})}` })}`;
 }, "/home/runner/work/cms/cms/apps/admin/src/pages/settings/access.astro", void 0);

package/dist/server/chunks/{api-keys_DvIgJEw-.mjs → api-keys_Dt87wCbg.mjs}

@@ -1,13 +1,13 @@
 import { r as __exportAll } from "./rolldown-runtime_BMI-E3GI.mjs";
 import { S as createAstro, 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_CItvcX64.mjs";
-import { t as $$DashboardLayout } from "./DashboardLayout_D-AI4SdO.mjs";
-import { t as PageHeader } from "./PageHeader_CBOioOjo.mjs";
-import { t as Modal } from "./Modal_vHjkS4i2.mjs";
+import { n as useTranslation, r as apiClient } from "./i18n_B-DWAN0e.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_CrxyUavx.mjs";
+import { t as PageHeader } from "./PageHeader_CRpzf5xU.mjs";
+import { t as Modal } from "./Modal_BfWFiyry.mjs";
 import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
 import { For, Show, createSignal, onMount } from "solid-js";
-//#region src/components/apps/settings/ApiKeysManager.tsx
+//#region src/components/apps/settings/ApiKeysManager.jsx
 var _tmpl$ = [
 	"<div",
 	" class=\"notice notice--error\">",
@@ -270,7 +270,7 @@ var $$ApiKeys = createComponent$1(($$result, $$props, $$slots) => {
 	})}${renderComponent($$result, "ApiKeysManager", ApiKeysManager, {
 		"client:load": true,
 		"client:component-hydration": "load",
-		"client:component-path": "/home/runner/work/cms/cms/apps/admin/src/components/apps/settings/ApiKeysManager.tsx",
+		"client:component-path": "/home/runner/work/cms/cms/apps/admin/src/components/apps/settings/ApiKeysManager.jsx",
 		"client:component-export": "ApiKeysManager"
 	})}` })}`;
 }, "/home/runner/work/cms/cms/apps/admin/src/pages/settings/api-keys.astro", void 0);