@duke333/builder-ui 0.1.1 → 0.1.4

package/dist/integration/index.js

@@ -87,6 +87,1801 @@ function createBuilderApiClient(transport) {
   };
 }
 
+// src/admin/editorState.ts
+var BUILDER_EDITOR_NONE_VALUE = "__none";
+function builderEditorOptionsToText(options) {
+  return (options ?? []).map((option) => `${option.label}:${option.value}`).join("\n");
+}
+function builderEditorTextToOptions(value) {
+  const rows = (value ?? "").split("\n").map((line) => line.trim()).filter(Boolean);
+  if (rows.length === 0) return void 0;
+  return rows.map((line) => {
+    const [label, ...rest] = line.split(":");
+    return { label: label.trim(), value: rest.join(":").trim() || label.trim() };
+  });
+}
+function builderEditorSearchFieldsToText(fields) {
+  return (fields ?? []).join("\n");
+}
+function builderEditorTextToSearchFields(value) {
+  const fields = (value ?? "").split("\n").map((line) => line.trim()).filter(Boolean);
+  return fields.length > 0 ? fields : void 0;
+}
+function getBuilderEditorTriggerRoute(config) {
+  const route = config.route ?? config.path ?? config.url;
+  return typeof route === "string" ? route : "";
+}
+function valuesFromTriggers(triggers) {
+  return triggers.filter((trigger) => trigger.action === "callApi" || trigger.action === "webhook").map((trigger) => ({
+    event: trigger.event,
+    route: getBuilderEditorTriggerRoute(trigger.config),
+    enabled: trigger.enabled,
+    blocking: trigger.blocking
+  })).filter((trigger) => trigger.route);
+}
+function valuesFromFieldTriggers(triggers) {
+  return (triggers ?? []).map((trigger) => ({
+    event: trigger.event,
+    action: trigger.action,
+    enabled: trigger.enabled,
+    debounceMs: trigger.debounceMs
+  }));
+}
+function clampLayoutSpan(span, columns) {
+  if (!span || Number.isNaN(span)) return columns;
+  return Math.max(1, Math.min(columns, Math.trunc(span)));
+}
+function builderFormEditorDefaultSpan(field) {
+  if (field.type === "textarea" || field.type === "checkbox") return 12;
+  return 6;
+}
+function builderFormEditorDefaultLayoutGroups(fields, subforms = []) {
+  return [
+    {
+      id: "main",
+      title: "\u04AE\u043D\u0434\u0441\u044D\u043D",
+      columns: 12,
+      fields: [
+        ...fields.map((field) => ({
+          key: field.key,
+          span: builderFormEditorDefaultSpan(field)
+        })),
+        ...subforms.map((subform) => ({ key: subform.key, span: 12 }))
+      ]
+    }
+  ];
+}
+function normalizeBuilderFormEditorLayoutGroups(groups, fields, subforms = []) {
+  if (fields.length === 0 && subforms.length === 0) return [];
+  const layoutItems = [
+    ...fields.map((field) => ({
+      key: field.key,
+      span: builderFormEditorDefaultSpan(field)
+    })),
+    ...subforms.map((subform) => ({ key: subform.key, span: 12 }))
+  ];
+  const itemKeys = new Set(layoutItems.map((item) => item.key));
+  const usedKeys = /* @__PURE__ */ new Set();
+  const normalized = (groups ?? []).map((group, index) => {
+    const columns = group.columns === 6 || group.columns === 8 ? group.columns : 12;
+    const groupFields = (group.fields ?? []).filter((field) => itemKeys.has(field.key) && !usedKeys.has(field.key)).map((field) => {
+      usedKeys.add(field.key);
+      return { key: field.key, span: clampLayoutSpan(field.span, columns) };
+    });
+    return {
+      id: group.id || `group${index + 1}`,
+      title: group.title || `Group ${index + 1}`,
+      columns,
+      fields: groupFields
+    };
+  }).filter((group) => group.fields.length > 0 || group.title.trim());
+  const missingFields = layoutItems.filter((item) => !usedKeys.has(item.key));
+  if (normalized.length === 0) {
+    return builderFormEditorDefaultLayoutGroups(fields, subforms);
+  }
+  if (missingFields.length > 0) {
+    normalized.push({
+      id: "ungrouped",
+      title: "\u0411\u0443\u0441\u0430\u0434",
+      columns: 12,
+      fields: missingFields
+    });
+  }
+  return normalized;
+}
+function builderFormEditorValuesFromEntity(form, emptyValues) {
+  if (!form) return emptyValues;
+  const source = form.source;
+  const fields = form.schema.fields.map((field) => ({
+    key: field.key,
+    label: field.label,
+    type: field.type,
+    required: field.required,
+    hidden: field.hidden ?? false,
+    disabled: field.disabled ?? false,
+    placeholder: field.placeholder ?? "",
+    optionsText: builderEditorOptionsToText(field.options),
+    optionsMode: field.optionsSource?.type === "dbTable" ? "table" : "static",
+    optionsTable: field.optionsSource?.type === "dbTable" ? field.optionsSource.tableName : BUILDER_EDITOR_NONE_VALUE,
+    optionsValueField: field.optionsSource?.type === "dbTable" ? field.optionsSource.valueField : BUILDER_EDITOR_NONE_VALUE,
+    optionsLabelField: field.optionsSource?.type === "dbTable" ? field.optionsSource.labelField : BUILDER_EDITOR_NONE_VALUE,
+    optionsSearchFieldsText: field.optionsSource?.type === "dbTable" ? builderEditorSearchFieldsToText(field.optionsSource.searchFields) : "",
+    optionsDependsOn: field.optionsSource?.type === "dbTable" ? field.optionsSource.filterBy?.valueFromField ?? "" : "",
+    optionsFilterField: field.optionsSource?.type === "dbTable" ? field.optionsSource.filterBy?.field ?? "" : "",
+    triggers: valuesFromFieldTriggers(field.triggers)
+  }));
+  const subforms = (form.schema.subforms ?? []).map((subform) => ({
+    key: subform.key,
+    label: subform.label,
+    viewId: subform.viewId,
+    parentField: subform.parentField,
+    childField: subform.childField,
+    buttonLabel: subform.buttonLabel ?? "",
+    icon: subform.icon ?? ""
+  }));
+  return {
+    title: form.title,
+    description: form.description ?? "",
+    sourceType: source?.type ?? "none",
+    sourceTable: source?.type === "dbTable" ? source.tableName : BUILDER_EDITOR_NONE_VALUE,
+    apiBasePath: source?.type === "apiEndpoint" ? source.basePath : "",
+    fields,
+    layoutGroups: normalizeBuilderFormEditorLayoutGroups(
+      form.schema.layout?.groups,
+      fields,
+      subforms
+    ),
+    subforms,
+    triggers: valuesFromTriggers(form.triggers),
+    version: form.version
+  };
+}
+function builderListEditorValuesFromEntity(list, emptyValues) {
+  if (!list) return emptyValues;
+  const source = list.source;
+  return {
+    title: list.title,
+    description: list.description ?? "",
+    sourceType: source?.type ?? "none",
+    sourceTable: source?.type === "dbTable" ? source.tableName : BUILDER_EDITOR_NONE_VALUE,
+    apiBasePath: source?.type === "apiEndpoint" ? source.basePath : "",
+    columns: list.schema.columns.map((column) => ({
+      key: column.key,
+      label: column.label,
+      sortable: column.sortable,
+      align: column.align
+    })),
+    triggers: valuesFromTriggers(list.triggers),
+    version: list.version
+  };
+}
+function builderViewEditorValuesFromEntity(view, emptyValues, defaultPermission = "") {
+  if (!view) return emptyValues;
+  return {
+    title: view.title,
+    description: view.description ?? "",
+    formId: view.formId ?? BUILDER_EDITOR_NONE_VALUE,
+    listId: view.listId ?? BUILDER_EDITOR_NONE_VALUE,
+    permissionRead: view.permissionRead || defaultPermission,
+    permissionWrite: view.permissionWrite || defaultPermission,
+    triggersText: JSON.stringify(view.triggers ?? [], null, 2),
+    version: view.version
+  };
+}
+function builderFormEditorFieldsFromTable(table) {
+  return table.columns.map((column) => ({
+    key: column.name,
+    label: column.label,
+    type: column.fieldType,
+    required: !column.nullable,
+    hidden: false,
+    disabled: false,
+    placeholder: column.label,
+    optionsText: "",
+    optionsMode: "static",
+    optionsTable: BUILDER_EDITOR_NONE_VALUE,
+    optionsValueField: BUILDER_EDITOR_NONE_VALUE,
+    optionsLabelField: BUILDER_EDITOR_NONE_VALUE,
+    optionsSearchFieldsText: "",
+    optionsDependsOn: "",
+    optionsFilterField: "",
+    triggers: []
+  }));
+}
+function builderListEditorColumnsFromTable(table) {
+  return table.columns.map((column) => ({
+    key: column.name,
+    label: column.label,
+    sortable: column.sortable,
+    align: column.fieldType === "number" || column.fieldType === "money" ? "right" : "left"
+  }));
+}
+function builderFormEditorInputFromValues(values) {
+  const source = values.sourceType === "dbTable" && values.sourceTable !== BUILDER_EDITOR_NONE_VALUE ? { type: "dbTable", tableName: values.sourceTable } : values.sourceType === "apiEndpoint" && values.apiBasePath ? { type: "apiEndpoint", basePath: values.apiBasePath } : null;
+  return {
+    title: values.title,
+    description: values.description || null,
+    source,
+    schema: {
+      fields: values.fields.map((field) => ({
+        key: field.key,
+        label: field.label,
+        type: field.type,
+        required: field.required,
+        hidden: field.hidden,
+        disabled: field.disabled,
+        placeholder: field.placeholder?.trim() || field.label,
+        options: field.type === "select" && field.optionsMode === "static" ? builderEditorTextToOptions(field.optionsText) : void 0,
+        optionsSource: field.type === "select" && field.optionsMode === "table" && field.optionsTable !== BUILDER_EDITOR_NONE_VALUE && field.optionsValueField !== BUILDER_EDITOR_NONE_VALUE && field.optionsLabelField !== BUILDER_EDITOR_NONE_VALUE ? {
+          type: "dbTable",
+          tableName: field.optionsTable,
+          valueField: field.optionsValueField,
+          labelField: field.optionsLabelField,
+          searchFields: builderEditorTextToSearchFields(field.optionsSearchFieldsText),
+          filterBy: field.optionsDependsOn && field.optionsFilterField ? {
+            field: field.optionsFilterField,
+            valueFromField: field.optionsDependsOn
+          } : void 0
+        } : void 0,
+        triggers: field.triggers.map((trigger) => ({
+          event: trigger.event,
+          action: trigger.action,
+          enabled: trigger.enabled,
+          debounceMs: trigger.debounceMs,
+          config: {}
+        }))
+      })),
+      layout: {
+        groups: normalizeBuilderFormEditorLayoutGroups(
+          values.layoutGroups,
+          values.fields,
+          values.subforms ?? []
+        )
+      },
+      subforms: (values.subforms ?? []).filter(
+        (subform) => subform.key && subform.label && subform.viewId !== BUILDER_EDITOR_NONE_VALUE && subform.parentField && subform.childField
+      ).map((subform) => ({
+        key: subform.key,
+        label: subform.label,
+        viewId: subform.viewId,
+        parentField: subform.parentField,
+        childField: subform.childField,
+        buttonLabel: subform.buttonLabel?.trim() || void 0,
+        icon: subform.icon?.trim() || void 0
+      }))
+    },
+    triggers: values.triggers.map((trigger) => ({
+      event: trigger.event,
+      action: "callApi",
+      enabled: trigger.enabled,
+      blocking: trigger.blocking,
+      config: { route: trigger.route }
+    })),
+    version: values.version
+  };
+}
+function builderListEditorInputFromValues(values) {
+  const source = values.sourceType === "dbTable" && values.sourceTable !== BUILDER_EDITOR_NONE_VALUE ? { type: "dbTable", tableName: values.sourceTable } : values.sourceType === "apiEndpoint" && values.apiBasePath ? { type: "apiEndpoint", basePath: values.apiBasePath } : null;
+  return {
+    title: values.title,
+    description: values.description || null,
+    source,
+    schema: { columns: values.columns },
+    triggers: values.triggers.map((trigger) => ({
+      event: trigger.event,
+      action: "callApi",
+      enabled: trigger.enabled,
+      blocking: trigger.blocking,
+      config: { route: trigger.route }
+    })),
+    version: values.version
+  };
+}
+function builderViewEditorInputFromValues(values, parseTriggers) {
+  return {
+    title: values.title,
+    description: values.description || null,
+    formId: values.formId === BUILDER_EDITOR_NONE_VALUE ? null : values.formId,
+    listId: values.listId === BUILDER_EDITOR_NONE_VALUE ? null : values.listId,
+    permissionRead: values.permissionRead || null,
+    permissionWrite: values.permissionWrite || null,
+    triggers: values.triggersText?.trim() ? parseTriggers(values.triggersText) : [],
+    version: values.version
+  };
+}
+
+// src/admin/BuilderDefaultEditorBodies.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = {
+  page: {
+    display: "grid",
+    gap: "1rem"
+  },
+  header: {
+    display: "flex",
+    justifyContent: "space-between",
+    gap: "1rem",
+    alignItems: "flex-start",
+    flexWrap: "wrap"
+  },
+  title: {
+    margin: 0,
+    fontSize: "1.5rem",
+    fontWeight: 650
+  },
+  description: {
+    margin: "0.25rem 0 0",
+    color: "var(--muted-foreground, #64748b)"
+  },
+  actions: {
+    display: "flex",
+    gap: "0.5rem",
+    flexWrap: "wrap"
+  },
+  section: {
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.5rem",
+    background: "var(--background, #fff)",
+    overflow: "hidden"
+  },
+  sectionHeader: {
+    display: "flex",
+    justifyContent: "space-between",
+    gap: "1rem",
+    alignItems: "center",
+    padding: "0.75rem",
+    borderBottom: "1px solid var(--border, #d4d4d8)",
+    flexWrap: "wrap"
+  },
+  sectionTitle: {
+    margin: 0,
+    fontSize: "1rem",
+    fontWeight: 650
+  },
+  grid: {
+    display: "grid",
+    gap: "0.75rem",
+    padding: "0.75rem"
+  },
+  twoColumn: {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fit, minmax(14rem, 1fr))",
+    gap: "0.75rem"
+  },
+  row: {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fit, minmax(10rem, 1fr))",
+    gap: "0.5rem",
+    padding: "0.75rem",
+    borderBottom: "1px solid var(--border, #d4d4d8)"
+  },
+  field: {
+    display: "grid",
+    gap: "0.25rem",
+    fontSize: "0.875rem"
+  },
+  label: {
+    color: "var(--muted-foreground, #64748b)",
+    fontSize: "0.75rem",
+    fontWeight: 600
+  },
+  input: {
+    minWidth: 0,
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.375rem",
+    padding: "0.5rem 0.625rem",
+    background: "var(--background, #fff)",
+    color: "inherit"
+  },
+  textarea: {
+    minWidth: 0,
+    minHeight: "5rem",
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.375rem",
+    padding: "0.5rem 0.625rem",
+    background: "var(--background, #fff)",
+    color: "inherit",
+    resize: "vertical"
+  },
+  checkboxField: {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.5rem",
+    fontSize: "0.875rem",
+    minHeight: "2.25rem"
+  },
+  button: {
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.375rem",
+    background: "var(--background, #fff)",
+    color: "inherit",
+    cursor: "pointer",
+    padding: "0.5rem 0.75rem",
+    textDecoration: "none",
+    fontSize: "0.875rem"
+  },
+  primaryButton: {
+    border: "1px solid var(--primary, #18181b)",
+    borderRadius: "0.375rem",
+    background: "var(--primary, #18181b)",
+    color: "var(--primary-foreground, #fff)",
+    cursor: "pointer",
+    padding: "0.5rem 0.75rem",
+    textDecoration: "none",
+    fontSize: "0.875rem"
+  }
+};
+function optionItems(options) {
+  return options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value));
+}
+function createBuilderDefaultFormEditorBody(options) {
+  return function BuilderDefaultFormEditorBody({
+    formId,
+    form,
+    fieldArray,
+    subformArray,
+    triggerArray,
+    fields,
+    sourceType,
+    sourceTable,
+    tables,
+    emptyField,
+    emptyTrigger,
+    isSaving,
+    importFieldsFromTable
+  }) {
+    return /* @__PURE__ */ jsxs("div", { style: styles.page, children: [
+      /* @__PURE__ */ jsxs("div", { style: styles.header, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h1", { style: styles.title, children: formId ? "Edit Dynamic Form" : "New Dynamic Form" }),
+          /* @__PURE__ */ jsx("p", { style: styles.description, children: "Configure fields, source mapping, layout, and triggers." })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: styles.actions, children: [
+          /* @__PURE__ */ jsx("a", { href: options.backHref, style: styles.button, children: "Cancel" }),
+          /* @__PURE__ */ jsx("button", { type: "submit", disabled: isSaving, style: styles.primaryButton, children: isSaving ? "Saving..." : "Save" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsx("div", { style: styles.sectionHeader, children: /* @__PURE__ */ jsx("h2", { style: styles.sectionTitle, children: "Details" }) }),
+        /* @__PURE__ */ jsxs("div", { style: { ...styles.grid, ...styles.twoColumn }, children: [
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Title" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register("title", { required: true }) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Description" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register("description") })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Datasource" }),
+            /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register("sourceType"), children: [
+              /* @__PURE__ */ jsx("option", { value: "none", children: "None" }),
+              /* @__PURE__ */ jsx("option", { value: "dbTable", children: "DB table" }),
+              /* @__PURE__ */ jsx("option", { value: "apiEndpoint", children: "API endpoint" })
+            ] })
+          ] }),
+          sourceType === "dbTable" ? /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Table" }),
+            /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register("sourceTable"), children: [
+              /* @__PURE__ */ jsx("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "Select table" }),
+              tables.map((table) => /* @__PURE__ */ jsx("option", { value: table.name, children: table.label ?? table.name }, table.name))
+            ] })
+          ] }) : null,
+          sourceType === "apiEndpoint" ? /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "API base path" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register("apiBasePath") })
+          ] }) : null,
+          sourceType === "dbTable" ? /* @__PURE__ */ jsx("div", { style: { ...styles.field, justifyContent: "end" }, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: styles.button,
+              disabled: sourceTable === BUILDER_EDITOR_NONE_VALUE,
+              onClick: importFieldsFromTable,
+              children: "Import fields"
+            }
+          ) }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { style: styles.sectionTitle, children: "Fields" }),
+            /* @__PURE__ */ jsx("p", { style: styles.description, children: "Runtime form inputs." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: styles.button,
+              onClick: () => {
+                const key = `field${fieldArray.fields.length + 1}`;
+                fieldArray.append({
+                  ...emptyField,
+                  key,
+                  label: `Field ${fieldArray.fields.length + 1}`,
+                  type: options.fieldTypeOptions[0]?.value
+                });
+              },
+              children: "Add field"
+            }
+          )
+        ] }),
+        fieldArray.fields.map((field, index) => /* @__PURE__ */ jsxs("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Key" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`fields.${index}.key`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Label" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`fields.${index}.label`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Type" }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                style: styles.input,
+                ...form.register(`fields.${index}.type`),
+                children: optionItems(options.fieldTypeOptions)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`fields.${index}.required`) }),
+            "Required"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`fields.${index}.hidden`) }),
+            "Hidden"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`fields.${index}.disabled`) }),
+            "Disabled"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Placeholder" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`fields.${index}.placeholder`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Static options" }),
+            /* @__PURE__ */ jsx("textarea", { style: styles.textarea, ...form.register(`fields.${index}.optionsText`) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { style: styles.actions, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: styles.button,
+              onClick: () => fieldArray.remove(index),
+              disabled: fieldArray.fields.length <= 1,
+              children: "Remove"
+            }
+          ) })
+        ] }, field.id))
+      ] }),
+      /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { style: styles.sectionTitle, children: "Layout" }),
+            /* @__PURE__ */ jsx("p", { style: styles.description, children: "Default layout can be regenerated from current fields." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: styles.button,
+              onClick: () => form.setValue("layoutGroups", builderFormEditorDefaultLayoutGroups(fields), {
+                shouldDirty: true
+              }),
+              children: "Reset layout"
+            }
+          )
+        ] }),
+        form.watch("layoutGroups").map((group, groupIndex) => /* @__PURE__ */ jsxs("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Group title" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`layoutGroups.${groupIndex}.title`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Columns" }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                style: styles.input,
+                value: group.columns,
+                onChange: (event) => form.setValue(
+                  `layoutGroups.${groupIndex}.columns`,
+                  Number(event.target.value),
+                  { shouldDirty: true }
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: 6, children: "6" }),
+                  /* @__PURE__ */ jsx("option", { value: 8, children: "8" }),
+                  /* @__PURE__ */ jsx("option", { value: 12, children: "12" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Fields" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                style: styles.input,
+                value: group.fields.map((item) => item.key).join(", "),
+                readOnly: true
+              }
+            )
+          ] })
+        ] }, group.id))
+      ] }),
+      /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { style: styles.sectionTitle, children: "Subforms" }),
+            /* @__PURE__ */ jsx("p", { style: styles.description, children: "Optional nested runtime view bindings." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: styles.button,
+              onClick: () => subformArray.append({
+                key: `subform${subformArray.fields.length + 1}`,
+                label: `Subform ${subformArray.fields.length + 1}`,
+                viewId: BUILDER_EDITOR_NONE_VALUE,
+                parentField: "id",
+                childField: "parentId",
+                buttonLabel: "",
+                icon: ""
+              }),
+              children: "Add subform"
+            }
+          )
+        ] }),
+        subformArray.fields.map((subform, index) => /* @__PURE__ */ jsxs("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Key" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`subforms.${index}.key`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Label" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`subforms.${index}.label`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "View ID" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`subforms.${index}.viewId`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Parent field" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`subforms.${index}.parentField`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Child field" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`subforms.${index}.childField`) })
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "button", style: styles.button, onClick: () => subformArray.remove(index), children: "Remove" })
+        ] }, subform.id))
+      ] }),
+      /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { style: styles.sectionTitle, children: "Form Triggers" }),
+            /* @__PURE__ */ jsx("p", { style: styles.description, children: "Optional API callbacks for lifecycle events." })
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "button", style: styles.button, onClick: () => triggerArray.append(emptyTrigger), children: "Add trigger" })
+        ] }),
+        triggerArray.fields.map((trigger, index) => /* @__PURE__ */ jsxs("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Event" }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                style: styles.input,
+                ...form.register(
+                  `triggers.${index}.event`
+                ),
+                children: optionItems(options.formTriggerEventOptions)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Route" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`triggers.${index}.route`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`triggers.${index}.enabled`) }),
+            "Enabled"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`triggers.${index}.blocking`) }),
+            "Blocking"
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "button", style: styles.button, onClick: () => triggerArray.remove(index), children: "Remove" })
+        ] }, trigger.id))
+      ] })
+    ] });
+  };
+}
+function createBuilderDefaultListEditorBody(options) {
+  return function BuilderDefaultListEditorBody({
+    listId,
+    form,
+    columnArray,
+    triggerArray,
+    sourceType,
+    sourceTable,
+    tables,
+    emptyColumn,
+    emptyTrigger,
+    isSaving,
+    importColumnsFromTable
+  }) {
+    return /* @__PURE__ */ jsxs("div", { style: styles.page, children: [
+      /* @__PURE__ */ jsxs("div", { style: styles.header, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h1", { style: styles.title, children: listId ? "Edit Dynamic List" : "New Dynamic List" }),
+          /* @__PURE__ */ jsx("p", { style: styles.description, children: "Configure list columns, source mapping, and triggers." })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: styles.actions, children: [
+          /* @__PURE__ */ jsx("a", { href: options.backHref, style: styles.button, children: "Cancel" }),
+          /* @__PURE__ */ jsx("button", { type: "submit", disabled: isSaving, style: styles.primaryButton, children: isSaving ? "Saving..." : "Save" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsx("div", { style: styles.sectionHeader, children: /* @__PURE__ */ jsx("h2", { style: styles.sectionTitle, children: "Details" }) }),
+        /* @__PURE__ */ jsxs("div", { style: { ...styles.grid, ...styles.twoColumn }, children: [
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Title" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register("title", { required: true }) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Description" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register("description") })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Datasource" }),
+            /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register("sourceType"), children: [
+              /* @__PURE__ */ jsx("option", { value: "none", children: "None" }),
+              /* @__PURE__ */ jsx("option", { value: "dbTable", children: "DB table" }),
+              /* @__PURE__ */ jsx("option", { value: "apiEndpoint", children: "API endpoint" })
+            ] })
+          ] }),
+          sourceType === "dbTable" ? /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Table" }),
+            /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register("sourceTable"), children: [
+              /* @__PURE__ */ jsx("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "Select table" }),
+              tables.map((table) => /* @__PURE__ */ jsx("option", { value: table.name, children: table.label ?? table.name }, table.name))
+            ] })
+          ] }) : null,
+          sourceType === "apiEndpoint" ? /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "API base path" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register("apiBasePath") })
+          ] }) : null,
+          sourceType === "dbTable" ? /* @__PURE__ */ jsx("div", { style: { ...styles.field, justifyContent: "end" }, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: styles.button,
+              disabled: sourceTable === BUILDER_EDITOR_NONE_VALUE,
+              onClick: importColumnsFromTable,
+              children: "Import columns"
+            }
+          ) }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { style: styles.sectionTitle, children: "Columns" }),
+            /* @__PURE__ */ jsx("p", { style: styles.description, children: "Runtime list columns." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: styles.button,
+              onClick: () => columnArray.append({
+                ...emptyColumn,
+                key: `field${columnArray.fields.length + 1}`,
+                label: `Column ${columnArray.fields.length + 1}`
+              }),
+              children: "Add column"
+            }
+          )
+        ] }),
+        columnArray.fields.map((column, index) => /* @__PURE__ */ jsxs("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Key" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`columns.${index}.key`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Label" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`columns.${index}.label`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Align" }),
+            /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register(`columns.${index}.align`), children: [
+              /* @__PURE__ */ jsx("option", { value: "left", children: "Left" }),
+              /* @__PURE__ */ jsx("option", { value: "right", children: "Right" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`columns.${index}.sortable`) }),
+            "Sortable"
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: styles.button,
+              onClick: () => columnArray.remove(index),
+              disabled: columnArray.fields.length <= 1,
+              children: "Remove"
+            }
+          )
+        ] }, column.id))
+      ] }),
+      /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { style: styles.sectionTitle, children: "List Triggers" }),
+            /* @__PURE__ */ jsx("p", { style: styles.description, children: "Optional API callbacks for list lifecycle events." })
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "button", style: styles.button, onClick: () => triggerArray.append(emptyTrigger), children: "Add trigger" })
+        ] }),
+        triggerArray.fields.map((trigger, index) => /* @__PURE__ */ jsxs("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Event" }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                style: styles.input,
+                ...form.register(
+                  `triggers.${index}.event`
+                ),
+                children: optionItems(options.listTriggerEventOptions)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Route" }),
+            /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`triggers.${index}.route`) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`triggers.${index}.enabled`) }),
+            "Enabled"
+          ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`triggers.${index}.blocking`) }),
+            "Blocking"
+          ] }),
+          /* @__PURE__ */ jsx("button", { type: "button", style: styles.button, onClick: () => triggerArray.remove(index), children: "Remove" })
+        ] }, trigger.id))
+      ] })
+    ] });
+  };
+}
+
+// src/admin/BuilderDefaultEntityManager.tsx
+import { useMemo, useState } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var styles2 = {
+  page: {
+    display: "grid",
+    gap: "1rem"
+  },
+  header: {
+    display: "flex",
+    justifyContent: "space-between",
+    gap: "1rem",
+    alignItems: "flex-start",
+    flexWrap: "wrap"
+  },
+  title: {
+    margin: 0,
+    fontSize: "1.5rem",
+    fontWeight: 650
+  },
+  description: {
+    margin: "0.25rem 0 0",
+    color: "var(--muted-foreground, #64748b)"
+  },
+  button: {
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.375rem",
+    background: "var(--background, #fff)",
+    color: "inherit",
+    cursor: "pointer",
+    padding: "0.5rem 0.75rem",
+    textDecoration: "none",
+    fontSize: "0.875rem"
+  },
+  primaryButton: {
+    border: "1px solid var(--primary, #18181b)",
+    borderRadius: "0.375rem",
+    background: "var(--primary, #18181b)",
+    color: "var(--primary-foreground, #fff)",
+    cursor: "pointer",
+    padding: "0.5rem 0.75rem",
+    textDecoration: "none",
+    fontSize: "0.875rem"
+  },
+  card: {
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.5rem",
+    overflow: "hidden",
+    background: "var(--background, #fff)"
+  },
+  toolbar: {
+    padding: "0.75rem",
+    borderBottom: "1px solid var(--border, #d4d4d8)"
+  },
+  input: {
+    width: "100%",
+    maxWidth: "24rem",
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.375rem",
+    padding: "0.5rem 0.75rem",
+    background: "var(--background, #fff)",
+    color: "inherit"
+  },
+  tableWrap: {
+    overflowX: "auto"
+  },
+  table: {
+    width: "100%",
+    borderCollapse: "collapse",
+    fontSize: "0.875rem"
+  },
+  th: {
+    padding: "0.75rem",
+    borderBottom: "1px solid var(--border, #d4d4d8)",
+    textAlign: "left",
+    color: "var(--muted-foreground, #64748b)",
+    fontWeight: 600,
+    whiteSpace: "nowrap"
+  },
+  td: {
+    padding: "0.75rem",
+    borderBottom: "1px solid var(--border, #d4d4d8)",
+    verticalAlign: "top"
+  },
+  actions: {
+    display: "flex",
+    justifyContent: "flex-end",
+    gap: "0.5rem",
+    flexWrap: "wrap"
+  },
+  empty: {
+    padding: "2rem",
+    textAlign: "center",
+    color: "var(--muted-foreground, #64748b)"
+  }
+};
+function createBuilderDefaultEntityManagerComponent(deps) {
+  return function BuilderDefaultEntityManager() {
+    const [state, setState] = useState({
+      page: 1,
+      pageSize: 20,
+      search: ""
+    });
+    const query = deps.hooks.useEntities(useMemo(() => deps.buildQuery(state), [state]));
+    const remove = deps.hooks.useDelete();
+    const replicate = deps.hooks.useReplicate();
+    const items = query.data?.items ?? [];
+    const onReplicate = async (entity) => {
+      const title = window.prompt(
+        deps.labels.replicatePrompt(entity),
+        deps.labels.replicateDefaultTitle(entity)
+      );
+      if (!title) return;
+      await replicate.mutateAsync({ id: entity.id, input: { title } });
+    };
+    const onDelete = async (entity) => {
+      if (!window.confirm(deps.labels.deleteConfirm(entity))) return;
+      await remove.mutateAsync(entity.id);
+    };
+    return /* @__PURE__ */ jsxs2("section", { style: styles2.page, children: [
+      /* @__PURE__ */ jsxs2("div", { style: styles2.header, children: [
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx2("h1", { style: styles2.title, children: deps.labels.title }),
+          /* @__PURE__ */ jsx2("p", { style: styles2.description, children: deps.labels.description })
+        ] }),
+        deps.createHref ? /* @__PURE__ */ jsx2("a", { href: deps.createHref, style: styles2.primaryButton, children: deps.labels.addLabel }) : null
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { style: styles2.card, children: [
+        /* @__PURE__ */ jsx2("div", { style: styles2.toolbar, children: /* @__PURE__ */ jsx2(
+          "input",
+          {
+            style: styles2.input,
+            placeholder: deps.labels.searchPlaceholder,
+            value: state.search,
+            onChange: (event) => setState((current) => ({ ...current, page: 1, search: event.target.value }))
+          }
+        ) }),
+        /* @__PURE__ */ jsx2("div", { style: styles2.tableWrap, children: /* @__PURE__ */ jsxs2("table", { style: styles2.table, children: [
+          /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
+            /* @__PURE__ */ jsx2("th", { style: styles2.th, children: deps.labels.title }),
+            /* @__PURE__ */ jsx2("th", { style: styles2.th, children: "Detail" }),
+            /* @__PURE__ */ jsx2("th", { style: styles2.th, children: "Description" }),
+            /* @__PURE__ */ jsx2("th", { style: { ...styles2.th, textAlign: "right" }, children: "Actions" })
+          ] }) }),
+          /* @__PURE__ */ jsx2("tbody", { children: items.map((entity) => /* @__PURE__ */ jsxs2("tr", { children: [
+            /* @__PURE__ */ jsx2("td", { style: styles2.td, children: /* @__PURE__ */ jsx2("a", { href: deps.editHref(entity), children: entity.title }) }),
+            /* @__PURE__ */ jsx2("td", { style: styles2.td, children: deps.getDetail?.(entity) ?? "-" }),
+            /* @__PURE__ */ jsx2("td", { style: styles2.td, children: entity.description || "-" }),
+            /* @__PURE__ */ jsx2("td", { style: styles2.td, children: /* @__PURE__ */ jsxs2("div", { style: styles2.actions, children: [
+              deps.runtimeHref ? /* @__PURE__ */ jsx2("a", { href: deps.runtimeHref(entity), style: styles2.button, children: deps.labels.runtimeLabel }) : null,
+              /* @__PURE__ */ jsx2("a", { href: deps.editHref(entity), style: styles2.button, children: deps.labels.editLabel }),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  style: styles2.button,
+                  onClick: () => void onReplicate(entity),
+                  children: deps.labels.replicateLabel
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  style: styles2.button,
+                  disabled: remove.isPending,
+                  onClick: () => void onDelete(entity),
+                  children: deps.labels.deleteLabel
+                }
+              )
+            ] }) })
+          ] }, entity.id)) })
+        ] }) }),
+        query.isPending ? /* @__PURE__ */ jsx2("div", { style: styles2.empty, children: "Loading..." }) : null,
+        query.isError ? /* @__PURE__ */ jsx2("div", { style: styles2.empty, children: "Failed to load." }) : null,
+        !query.isPending && !query.isError && items.length === 0 ? /* @__PURE__ */ jsxs2("div", { style: styles2.empty, children: [
+          /* @__PURE__ */ jsx2("strong", { children: deps.labels.emptyTitle }),
+          /* @__PURE__ */ jsx2("div", { children: deps.labels.emptyDescription })
+        ] }) : null
+      ] })
+    ] });
+  };
+}
+
+// src/admin/BuilderDefaultViewEditorPage.tsx
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var styles3 = {
+  page: {
+    display: "grid",
+    gap: "1rem"
+  },
+  header: {
+    display: "flex",
+    justifyContent: "space-between",
+    gap: "1rem",
+    alignItems: "flex-start",
+    flexWrap: "wrap"
+  },
+  title: {
+    margin: 0,
+    fontSize: "1.5rem",
+    fontWeight: 650
+  },
+  description: {
+    margin: "0.25rem 0 0",
+    color: "var(--muted-foreground, #64748b)"
+  },
+  actions: {
+    display: "flex",
+    gap: "0.5rem",
+    flexWrap: "wrap"
+  },
+  section: {
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.5rem",
+    background: "var(--background, #fff)",
+    overflow: "hidden"
+  },
+  grid: {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fit, minmax(14rem, 1fr))",
+    gap: "0.75rem",
+    padding: "0.75rem"
+  },
+  field: {
+    display: "grid",
+    gap: "0.25rem",
+    fontSize: "0.875rem"
+  },
+  label: {
+    color: "var(--muted-foreground, #64748b)",
+    fontSize: "0.75rem",
+    fontWeight: 600
+  },
+  input: {
+    minWidth: 0,
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.375rem",
+    padding: "0.5rem 0.625rem",
+    background: "var(--background, #fff)",
+    color: "inherit"
+  },
+  textarea: {
+    minWidth: 0,
+    minHeight: "8rem",
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.375rem",
+    padding: "0.5rem 0.625rem",
+    background: "var(--background, #fff)",
+    color: "inherit",
+    resize: "vertical"
+  },
+  button: {
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.375rem",
+    background: "var(--background, #fff)",
+    color: "inherit",
+    cursor: "pointer",
+    padding: "0.5rem 0.75rem",
+    textDecoration: "none",
+    fontSize: "0.875rem"
+  },
+  primaryButton: {
+    border: "1px solid var(--primary, #18181b)",
+    borderRadius: "0.375rem",
+    background: "var(--primary, #18181b)",
+    color: "var(--primary-foreground, #fff)",
+    cursor: "pointer",
+    padding: "0.5rem 0.75rem",
+    textDecoration: "none",
+    fontSize: "0.875rem"
+  },
+  state: {
+    color: "var(--muted-foreground, #64748b)",
+    fontSize: "0.875rem"
+  }
+};
+var defaultEmptyValues = {
+  title: "",
+  description: "",
+  formId: BUILDER_EDITOR_NONE_VALUE,
+  listId: BUILDER_EDITOR_NONE_VALUE,
+  permissionRead: "",
+  permissionWrite: "",
+  triggersText: "[]",
+  version: 0
+};
+function createBuilderDefaultViewEditorPage(options) {
+  const defaultPermission = options.defaultPermission ?? "";
+  const showPermissions = options.permissionOptions.length > 0;
+  return function BuilderDefaultViewEditorPage({ viewId }) {
+    const view = options.hooks.useBuilderView(viewId);
+    const forms = options.hooks.useBuilderFormOptions();
+    const lists = options.hooks.useBuilderListOptions();
+    const save = options.hooks.useSaveBuilderView();
+    const form = useForm({
+      defaultValues: {
+        ...defaultEmptyValues,
+        permissionRead: defaultPermission,
+        permissionWrite: defaultPermission
+      }
+    });
+    useEffect(() => {
+      if (viewId && !view.data) return;
+      form.reset(
+        builderViewEditorValuesFromEntity(
+          view.data ?? null,
+          {
+            ...defaultEmptyValues,
+            permissionRead: defaultPermission,
+            permissionWrite: defaultPermission
+          },
+          defaultPermission
+        )
+      );
+    }, [form, view.data, viewId]);
+    const onSubmit = form.handleSubmit(async (values) => {
+      try {
+        const input = builderViewEditorInputFromValues(values, options.parseTriggers);
+        const saved = await save.mutateAsync({
+          id: viewId,
+          input
+        });
+        options.notifySuccess?.(viewId ? "View saved" : "View created");
+        if (!viewId) {
+          window.location.assign(options.editHref(saved.id));
+        }
+      } catch (error) {
+        if (options.notifyError) options.notifyError(error);
+        else throw error;
+      }
+    });
+    if (viewId && view.isPending) {
+      return /* @__PURE__ */ jsx3("div", { style: styles3.state, children: "Loading..." });
+    }
+    if (viewId && view.isError) {
+      return /* @__PURE__ */ jsx3("div", { style: styles3.state, children: "Failed to load view." });
+    }
+    return /* @__PURE__ */ jsxs3("form", { onSubmit, noValidate: true, style: styles3.page, children: [
+      /* @__PURE__ */ jsxs3("div", { style: styles3.header, children: [
+        /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx3("h1", { style: styles3.title, children: viewId ? "Edit Dynamic View" : "New Dynamic View" }),
+          /* @__PURE__ */ jsx3("p", { style: styles3.description, children: "Connect a form and list into a runtime screen." })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { style: styles3.actions, children: [
+          /* @__PURE__ */ jsx3("a", { href: options.backHref, style: styles3.button, children: "Cancel" }),
+          /* @__PURE__ */ jsx3("button", { type: "submit", disabled: save.isPending, style: styles3.primaryButton, children: save.isPending ? "Saving..." : "Save" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx3("section", { style: styles3.section, children: /* @__PURE__ */ jsxs3("div", { style: styles3.grid, children: [
+        /* @__PURE__ */ jsxs3("label", { style: styles3.field, children: [
+          /* @__PURE__ */ jsx3("span", { style: styles3.label, children: "Title" }),
+          /* @__PURE__ */ jsx3("input", { style: styles3.input, ...form.register("title", { required: true }) })
+        ] }),
+        /* @__PURE__ */ jsxs3("label", { style: styles3.field, children: [
+          /* @__PURE__ */ jsx3("span", { style: styles3.label, children: "Description" }),
+          /* @__PURE__ */ jsx3("input", { style: styles3.input, ...form.register("description") })
+        ] }),
+        /* @__PURE__ */ jsxs3("label", { style: styles3.field, children: [
+          /* @__PURE__ */ jsx3("span", { style: styles3.label, children: "Form" }),
+          /* @__PURE__ */ jsxs3("select", { style: styles3.input, ...form.register("formId"), children: [
+            /* @__PURE__ */ jsx3("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "No form" }),
+            (forms.data ?? []).map((item) => /* @__PURE__ */ jsx3("option", { value: item.id, children: item.title }, item.id))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs3("label", { style: styles3.field, children: [
+          /* @__PURE__ */ jsx3("span", { style: styles3.label, children: "List" }),
+          /* @__PURE__ */ jsxs3("select", { style: styles3.input, ...form.register("listId"), children: [
+            /* @__PURE__ */ jsx3("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "No list" }),
+            (lists.data ?? []).map((item) => /* @__PURE__ */ jsx3("option", { value: item.id, children: item.title }, item.id))
+          ] })
+        ] }),
+        showPermissions ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+          /* @__PURE__ */ jsxs3("label", { style: styles3.field, children: [
+            /* @__PURE__ */ jsx3("span", { style: styles3.label, children: "Read permission" }),
+            /* @__PURE__ */ jsxs3("select", { style: styles3.input, ...form.register("permissionRead"), children: [
+              /* @__PURE__ */ jsx3("option", { value: "", children: "Authenticated users" }),
+              options.permissionOptions.map((permission) => /* @__PURE__ */ jsx3("option", { value: permission.value, children: permission.label }, permission.value))
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs3("label", { style: styles3.field, children: [
+            /* @__PURE__ */ jsx3("span", { style: styles3.label, children: "Write permission" }),
+            /* @__PURE__ */ jsxs3("select", { style: styles3.input, ...form.register("permissionWrite"), children: [
+              /* @__PURE__ */ jsx3("option", { value: "", children: "Authenticated users" }),
+              options.permissionOptions.map((permission) => /* @__PURE__ */ jsx3("option", { value: permission.value, children: permission.label }, permission.value))
+            ] })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsxs3("label", { style: { ...styles3.field, gridColumn: "1 / -1" }, children: [
+          /* @__PURE__ */ jsx3("span", { style: styles3.label, children: "Triggers JSON" }),
+          /* @__PURE__ */ jsx3("textarea", { style: styles3.textarea, ...form.register("triggersText") })
+        ] })
+      ] }) })
+    ] });
+  };
+}
+
+// src/admin/BuilderEditorPage.tsx
+import { useEffect as useEffect2 } from "react";
+import {
+  FormProvider,
+  useFieldArray,
+  useForm as useForm2,
+  useWatch
+} from "react-hook-form";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function createBuilderFormEditorPageComponent(deps) {
+  return function BuilderFormEditorPage({ formId }) {
+    const Body = deps.Body;
+    const entityQuery = deps.hooks.useEntity(formId);
+    const tables = deps.hooks.useTables();
+    const save = deps.hooks.useSave();
+    const form = useForm2({
+      resolver: deps.resolver,
+      defaultValues: deps.emptyValues
+    });
+    const fieldArray = useFieldArray({ control: form.control, name: "fields" });
+    const subformArray = useFieldArray({ control: form.control, name: "subforms" });
+    const triggerArray = useFieldArray({ control: form.control, name: "triggers" });
+    const fields = useWatch({ control: form.control, name: "fields" }) ?? [];
+    const subforms = useWatch({ control: form.control, name: "subforms" }) ?? [];
+    const sourceType = useWatch({ control: form.control, name: "sourceType" });
+    const sourceTable = useWatch({ control: form.control, name: "sourceTable" });
+    useEffect2(() => {
+      if (formId && !entityQuery.data) return;
+      form.reset(builderFormEditorValuesFromEntity(entityQuery.data ?? null, deps.emptyValues));
+    }, [entityQuery.data, form, formId]);
+    const importFieldsFromTable = () => {
+      const table = tables.data?.find((item) => item.name === sourceTable);
+      if (!table) return;
+      const nextFields = builderFormEditorFieldsFromTable(table);
+      fieldArray.replace(nextFields);
+      form.setValue("layoutGroups", builderFormEditorDefaultLayoutGroups(nextFields), {
+        shouldDirty: true
+      });
+    };
+    const onSubmit = form.handleSubmit(async (values) => {
+      try {
+        const saved = await save.mutateAsync({ id: formId, input: deps.buildInput(values) });
+        deps.notifications.success(formId ? deps.labels.saved : deps.labels.created);
+        if (!formId) deps.navigateAfterCreate(saved);
+      } catch (error) {
+        deps.notifications.error(error);
+      }
+    });
+    if (formId && entityQuery.isPending) {
+      return /* @__PURE__ */ jsx4("div", { className: "text-muted-foreground text-sm", children: deps.states.loading });
+    }
+    if (formId && entityQuery.isError) {
+      return /* @__PURE__ */ jsx4("div", { className: "text-destructive text-sm", children: deps.states.error });
+    }
+    return /* @__PURE__ */ jsx4(FormProvider, { ...form, children: /* @__PURE__ */ jsx4("form", { onSubmit, noValidate: true, className: "space-y-6", children: /* @__PURE__ */ jsx4(
+      Body,
+      {
+        formId,
+        form,
+        fieldArray,
+        subformArray,
+        triggerArray,
+        fields,
+        subforms,
+        sourceType,
+        sourceTable,
+        tables: tables.data ?? [],
+        emptyField: deps.emptyField,
+        emptyTrigger: deps.emptyTrigger,
+        isSaving: save.isPending,
+        importFieldsFromTable
+      }
+    ) }) });
+  };
+}
+function createBuilderListEditorPageComponent(deps) {
+  return function BuilderListEditorPage({ listId }) {
+    const Body = deps.Body;
+    const entityQuery = deps.hooks.useEntity(listId);
+    const tables = deps.hooks.useTables();
+    const save = deps.hooks.useSave();
+    const form = useForm2({
+      resolver: deps.resolver,
+      defaultValues: deps.emptyValues
+    });
+    const columnArray = useFieldArray({ control: form.control, name: "columns" });
+    const triggerArray = useFieldArray({ control: form.control, name: "triggers" });
+    const sourceType = useWatch({ control: form.control, name: "sourceType" });
+    const sourceTable = useWatch({ control: form.control, name: "sourceTable" });
+    useEffect2(() => {
+      if (listId && !entityQuery.data) return;
+      form.reset(builderListEditorValuesFromEntity(entityQuery.data ?? null, deps.emptyValues));
+    }, [entityQuery.data, form, listId]);
+    const importColumnsFromTable = () => {
+      const table = tables.data?.find((item) => item.name === sourceTable);
+      if (!table) return;
+      columnArray.replace(builderListEditorColumnsFromTable(table));
+    };
+    const onSubmit = form.handleSubmit(async (values) => {
+      try {
+        const saved = await save.mutateAsync({ id: listId, input: deps.buildInput(values) });
+        deps.notifications.success(listId ? deps.labels.saved : deps.labels.created);
+        if (!listId) deps.navigateAfterCreate(saved);
+      } catch (error) {
+        deps.notifications.error(error);
+      }
+    });
+    if (listId && entityQuery.isPending) {
+      return /* @__PURE__ */ jsx4("div", { className: "text-muted-foreground text-sm", children: deps.states.loading });
+    }
+    if (listId && entityQuery.isError) {
+      return /* @__PURE__ */ jsx4("div", { className: "text-destructive text-sm", children: deps.states.error });
+    }
+    return /* @__PURE__ */ jsx4(FormProvider, { ...form, children: /* @__PURE__ */ jsx4("form", { onSubmit, noValidate: true, className: "space-y-6", children: /* @__PURE__ */ jsx4(
+      Body,
+      {
+        listId,
+        form,
+        columnArray,
+        triggerArray,
+        sourceType,
+        sourceTable,
+        tables: tables.data ?? [],
+        emptyColumn: deps.emptyColumn,
+        emptyTrigger: deps.emptyTrigger,
+        isSaving: save.isPending,
+        importColumnsFromTable
+      }
+    ) }) });
+  };
+}
+
+// src/admin/BuilderAdminPages.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var defaultFieldTypeOptions = [
+  { value: "text", label: "Text" },
+  { value: "textarea", label: "Textarea" },
+  { value: "number", label: "Number" },
+  { value: "money", label: "Money" },
+  { value: "select", label: "Select" },
+  { value: "checkbox", label: "Checkbox" },
+  { value: "date", label: "Date" }
+];
+var defaultFormTriggerEventOptions = [
+  { value: "beforeCreate", label: "Before create" },
+  { value: "afterCreate", label: "After create" },
+  { value: "beforeUpdate", label: "Before update" },
+  { value: "afterUpdate", label: "After update" }
+];
+var defaultListTriggerEventOptions = [
+  { value: "beforeRead", label: "Before read" },
+  { value: "afterRead", label: "After read" },
+  { value: "beforeDelete", label: "Before delete" },
+  { value: "afterDelete", label: "After delete" }
+];
+var defaultFieldTriggerEventOptions = [
+  { value: "onChange", label: "On change" },
+  { value: "onBlur", label: "On blur" }
+];
+var defaultPermissionOptions = [];
+function parseJsonArray(value) {
+  const parsed = JSON.parse(value);
+  return Array.isArray(parsed) ? parsed : [];
+}
+function joinPath(base, path) {
+  return `${base.replace(/\/$/, "")}/${path.replace(/^\//, "")}`;
+}
+function defaultQuery(state) {
+  return {
+    page: state.page,
+    pageSize: state.pageSize,
+    search: state.search || void 0
+  };
+}
+function detail(entity) {
+  return entity.key ?? entity.id;
+}
+var homeStyles = {
+  page: {
+    display: "grid",
+    gap: "1rem"
+  },
+  headerTitle: {
+    margin: 0,
+    fontSize: "1.5rem",
+    fontWeight: 650
+  },
+  description: {
+    margin: "0.25rem 0 0",
+    color: "var(--muted-foreground, #64748b)"
+  },
+  grid: {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fit, minmax(13rem, 1fr))",
+    gap: "0.75rem"
+  },
+  card: {
+    border: "1px solid var(--border, #d4d4d8)",
+    borderRadius: "0.5rem",
+    padding: "1rem",
+    background: "var(--background, #fff)",
+    color: "inherit",
+    textDecoration: "none"
+  },
+  cardTitle: {
+    margin: 0,
+    fontSize: "1rem",
+    fontWeight: 650
+  }
+};
+function createBuilderAdminPages({
+  hooks,
+  routes = {},
+  fieldTypeOptions = defaultFieldTypeOptions,
+  formTriggerEventOptions = defaultFormTriggerEventOptions,
+  listTriggerEventOptions = defaultListTriggerEventOptions,
+  fieldTriggerEventOptions = defaultFieldTriggerEventOptions,
+  permissionOptions = defaultPermissionOptions,
+  defaultPermission = "",
+  notifySuccess,
+  notifyError,
+  parseViewTriggers = parseJsonArray
+}) {
+  const adminBasePath = routes.adminBasePath ?? "/admin/dev/builder";
+  const runtimeBasePath = routes.runtimeBasePath ?? "/admin/winu";
+  const formsPath = routes.formsPath ?? joinPath(adminBasePath, "forms");
+  const newFormPath = routes.newFormPath ?? joinPath(formsPath, "new");
+  const editFormPath = routes.editFormPath ?? ((id) => `${joinPath(formsPath, "edit")}?id=${encodeURIComponent(id)}`);
+  const runtimeFormPath = routes.runtimeFormPath ?? ((id) => `${joinPath(runtimeBasePath, "form")}?id=${encodeURIComponent(id)}`);
+  const listsPath = routes.listsPath ?? joinPath(adminBasePath, "lists");
+  const newListPath = routes.newListPath ?? joinPath(listsPath, "new");
+  const editListPath = routes.editListPath ?? ((id) => `${joinPath(listsPath, "edit")}?id=${encodeURIComponent(id)}`);
+  const runtimeListPath = routes.runtimeListPath ?? ((id) => `${joinPath(runtimeBasePath, "list")}?id=${encodeURIComponent(id)}`);
+  const viewsPath = routes.viewsPath ?? joinPath(adminBasePath, "views");
+  const newViewPath = routes.newViewPath ?? joinPath(viewsPath, "new");
+  const editViewPath = routes.editViewPath ?? ((id) => `${joinPath(viewsPath, "edit")}?id=${encodeURIComponent(id)}`);
+  const runtimeViewPath = routes.runtimeViewPath ?? ((id) => `${joinPath(runtimeBasePath, "view")}?id=${encodeURIComponent(id)}`);
+  const formFieldType = fieldTypeOptions[0]?.value ?? "text";
+  const formTriggerEvent = formTriggerEventOptions[0]?.value ?? "beforeCreate";
+  const listTriggerEvent = listTriggerEventOptions[0]?.value ?? "beforeRead";
+  const emptyField = {
+    key: "name",
+    label: "Name",
+    type: formFieldType,
+    required: true,
+    hidden: false,
+    disabled: false,
+    placeholder: "",
+    optionsText: "",
+    optionsMode: "static",
+    optionsTable: BUILDER_EDITOR_NONE_VALUE,
+    optionsValueField: BUILDER_EDITOR_NONE_VALUE,
+    optionsLabelField: BUILDER_EDITOR_NONE_VALUE,
+    optionsSearchFieldsText: "",
+    optionsDependsOn: "",
+    optionsFilterField: "",
+    triggers: []
+  };
+  const emptyFormValues = {
+    title: "",
+    description: "",
+    sourceType: "none",
+    sourceTable: BUILDER_EDITOR_NONE_VALUE,
+    apiBasePath: "",
+    fields: [emptyField],
+    layoutGroups: builderFormEditorDefaultLayoutGroups([emptyField]),
+    subforms: [],
+    triggers: [],
+    version: 0
+  };
+  const emptyFormTrigger = {
+    event: formTriggerEvent,
+    route: "/api/v1/",
+    enabled: false,
+    blocking: true
+  };
+  const emptyColumn = {
+    key: "name",
+    label: "Name",
+    sortable: true,
+    align: "left"
+  };
+  const emptyListValues = {
+    title: "",
+    description: "",
+    sourceType: "none",
+    sourceTable: BUILDER_EDITOR_NONE_VALUE,
+    apiBasePath: "",
+    columns: [emptyColumn],
+    triggers: [],
+    version: 0
+  };
+  const emptyListTrigger = {
+    event: listTriggerEvent,
+    route: "/api/v1/",
+    enabled: false,
+    blocking: true
+  };
+  const FormEditorPage = createBuilderFormEditorPageComponent({
+    emptyValues: emptyFormValues,
+    emptyField,
+    emptyTrigger: emptyFormTrigger,
+    labels: {
+      created: "Form created",
+      saved: "Form saved"
+    },
+    states: {
+      loading: "Loading...",
+      error: "Failed to load form."
+    },
+    hooks: {
+      useEntity: hooks.useBuilderForm,
+      useTables: hooks.useBuilderDbTables,
+      useSave: hooks.useSaveBuilderForm
+    },
+    buildInput: (values) => builderFormEditorInputFromValues(values),
+    navigateAfterCreate: (entity) => window.location.assign(editFormPath(entity.id)),
+    notifications: {
+      success: (message) => notifySuccess?.(message),
+      error: (error) => {
+        if (notifyError) notifyError(error);
+        else throw error;
+      }
+    },
+    Body: createBuilderDefaultFormEditorBody({
+      backHref: formsPath,
+      fieldTypeOptions,
+      formTriggerEventOptions,
+      fieldTriggerEventOptions
+    })
+  });
+  const ListEditorPage = createBuilderListEditorPageComponent({
+    emptyValues: emptyListValues,
+    emptyColumn,
+    emptyTrigger: emptyListTrigger,
+    labels: {
+      created: "List created",
+      saved: "List saved"
+    },
+    states: {
+      loading: "Loading...",
+      error: "Failed to load list."
+    },
+    hooks: {
+      useEntity: hooks.useBuilderList,
+      useTables: hooks.useBuilderDbTables,
+      useSave: hooks.useSaveBuilderList
+    },
+    buildInput: (values) => builderListEditorInputFromValues(values),
+    navigateAfterCreate: (entity) => window.location.assign(editListPath(entity.id)),
+    notifications: {
+      success: (message) => notifySuccess?.(message),
+      error: (error) => {
+        if (notifyError) notifyError(error);
+        else throw error;
+      }
+    },
+    Body: createBuilderDefaultListEditorBody({
+      backHref: listsPath,
+      listTriggerEventOptions
+    })
+  });
+  const ViewEditorPage = createBuilderDefaultViewEditorPage({
+    hooks,
+    backHref: viewsPath,
+    editHref: editViewPath,
+    permissionOptions,
+    defaultPermission,
+    parseTriggers: parseViewTriggers,
+    notifySuccess,
+    notifyError
+  });
+  const AdminHomePage = function BuilderAdminHomePage() {
+    const items = [
+      {
+        title: "Dynamic Forms",
+        description: "Reusable form schemas.",
+        href: formsPath
+      },
+      {
+        title: "Dynamic Lists",
+        description: "Reusable list and grid schemas.",
+        href: listsPath
+      },
+      {
+        title: "Dynamic Views",
+        description: "Runtime screens composed from form and list schemas.",
+        href: viewsPath
+      }
+    ];
+    return /* @__PURE__ */ jsxs4("section", { style: homeStyles.page, children: [
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx5("h1", { style: homeStyles.headerTitle, children: "Builder" }),
+        /* @__PURE__ */ jsx5("p", { style: homeStyles.description, children: "Manage dynamic forms, lists, and views." })
+      ] }),
+      /* @__PURE__ */ jsx5("div", { style: homeStyles.grid, children: items.map((item) => /* @__PURE__ */ jsxs4("a", { href: item.href, style: homeStyles.card, children: [
+        /* @__PURE__ */ jsx5("h2", { style: homeStyles.cardTitle, children: item.title }),
+        /* @__PURE__ */ jsx5("p", { style: homeStyles.description, children: item.description })
+      ] }, item.href)) })
+    ] });
+  };
+  const AdminFormsPage = createBuilderDefaultEntityManagerComponent({
+    labels: {
+      title: "Dynamic Forms",
+      description: "Reusable form schemas.",
+      searchPlaceholder: "Search forms...",
+      emptyTitle: "No forms",
+      emptyDescription: "Create your first dynamic form.",
+      addLabel: "Add form",
+      editLabel: "Edit",
+      replicateLabel: "Replicate",
+      deleteLabel: "Delete",
+      runtimeLabel: "Open",
+      deleteConfirm: (entity) => `Delete ${entity.title}?`,
+      replicatePrompt: () => "New form title",
+      replicateDefaultTitle: (entity) => `${entity.title} copy`
+    },
+    createHref: newFormPath,
+    editHref: (entity) => editFormPath(entity.id),
+    runtimeHref: (entity) => runtimeFormPath(entity.id),
+    getDetail: detail,
+    buildQuery: (state) => defaultQuery(state),
+    hooks: {
+      useEntities: (query) => hooks.useBuilderForms(query),
+      useDelete: hooks.useDeleteBuilderForm,
+      useReplicate: hooks.useReplicateBuilderForm
+    }
+  });
+  const AdminListsPage = createBuilderDefaultEntityManagerComponent({
+    labels: {
+      title: "Dynamic Lists",
+      description: "Reusable list and grid schemas.",
+      searchPlaceholder: "Search lists...",
+      emptyTitle: "No lists",
+      emptyDescription: "Create your first dynamic list.",
+      addLabel: "Add list",
+      editLabel: "Edit",
+      replicateLabel: "Replicate",
+      deleteLabel: "Delete",
+      runtimeLabel: "Open",
+      deleteConfirm: (entity) => `Delete ${entity.title}?`,
+      replicatePrompt: () => "New list title",
+      replicateDefaultTitle: (entity) => `${entity.title} copy`
+    },
+    createHref: newListPath,
+    editHref: (entity) => editListPath(entity.id),
+    runtimeHref: (entity) => runtimeListPath(entity.id),
+    getDetail: detail,
+    buildQuery: (state) => defaultQuery(state),
+    hooks: {
+      useEntities: (query) => hooks.useBuilderLists(query),
+      useDelete: hooks.useDeleteBuilderList,
+      useReplicate: hooks.useReplicateBuilderList
+    }
+  });
+  const AdminViewsPage = createBuilderDefaultEntityManagerComponent({
+    labels: {
+      title: "Dynamic Views",
+      description: "Runtime screens composed from form and list schemas.",
+      searchPlaceholder: "Search views...",
+      emptyTitle: "No views",
+      emptyDescription: "Create a dynamic view after preparing a form and list.",
+      addLabel: "Add view",
+      editLabel: "Edit",
+      replicateLabel: "Replicate",
+      deleteLabel: "Delete",
+      runtimeLabel: "Open",
+      deleteConfirm: (entity) => `Delete ${entity.title}?`,
+      replicatePrompt: () => "New view title",
+      replicateDefaultTitle: (entity) => `${entity.title} copy`
+    },
+    createHref: newViewPath,
+    editHref: (entity) => editViewPath(entity.id),
+    runtimeHref: (entity) => runtimeViewPath(entity.id),
+    getDetail: detail,
+    buildQuery: (state) => defaultQuery(state),
+    hooks: {
+      useEntities: (query) => hooks.useBuilderViews(query),
+      useDelete: hooks.useDeleteBuilderView,
+      useReplicate: hooks.useReplicateBuilderView
+    }
+  });
+  return {
+    AdminHomePage,
+    AdminFormsPage,
+    AdminNewFormPage: function BuilderAdminNewFormPage() {
+      return /* @__PURE__ */ jsx5(FormEditorPage, {});
+    },
+    AdminEditFormPage: function BuilderAdminEditFormPage({ formId }) {
+      return /* @__PURE__ */ jsx5(FormEditorPage, { formId });
+    },
+    AdminListsPage,
+    AdminNewListPage: function BuilderAdminNewListPage() {
+      return /* @__PURE__ */ jsx5(ListEditorPage, {});
+    },
+    AdminEditListPage: function BuilderAdminEditListPage({ listId }) {
+      return /* @__PURE__ */ jsx5(ListEditorPage, { listId });
+    },
+    AdminViewsPage,
+    AdminNewViewPage: function BuilderAdminNewViewPage() {
+      return /* @__PURE__ */ jsx5(ViewEditorPage, {});
+    },
+    AdminEditViewPage: function BuilderAdminEditViewPage({ viewId }) {
+      return /* @__PURE__ */ jsx5(ViewEditorPage, { viewId });
+    },
+    routes: {
+      adminBasePath,
+      formsPath,
+      newFormPath,
+      editFormPath,
+      listsPath,
+      newListPath,
+      editListPath,
+      viewsPath,
+      newViewPath,
+      editViewPath
+    }
+  };
+}
+
 // src/hooks/createBuilderHooks.ts
 import { keepPreviousData, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 function createBuilderKeys() {
@@ -409,27 +2204,64 @@ function withQuery(path, query) {
 }
 function createBuilderIntegration(config) {
   const adminBasePath = normalizeBasePath(config.adminBasePath ?? "/admin/dev/builder");
+  const runtimeBasePath = normalizeBasePath(config.runtimeBasePath ?? "/admin/winu");
   const api = createBuilderApiClient(config.transport);
   const hooks = createBuilderHooks(api);
   const formsPath = `${adminBasePath}/forms`;
   const listsPath = `${adminBasePath}/lists`;
-  return {
-    api,
+  const routes = {
+    adminBasePath,
+    runtimeBasePath,
+    adminHomePath: adminBasePath,
+    formsPath,
+    newFormPath: `${formsPath}/new`,
+    editFormPath: (id) => withQuery(`${formsPath}/edit`, { id }),
+    listsPath,
+    newListPath: `${listsPath}/new`,
+    editListPath: (id) => withQuery(`${listsPath}/edit`, { id }),
+    viewsPath: `${adminBasePath}/views`
+  };
+  const adminPages = config.adminPages ? createBuilderAdminPages({
+    ...config.adminPages,
     hooks,
     routes: {
       adminBasePath,
-      adminHomePath: adminBasePath,
-      formsPath,
-      newFormPath: `${formsPath}/new`,
-      editFormPath: (id) => withQuery(`${formsPath}/edit`, { id }),
-      listsPath,
-      newListPath: `${listsPath}/new`,
-      editListPath: (id) => withQuery(`${listsPath}/edit`, { id }),
-      viewsPath: `${adminBasePath}/views`
+      runtimeBasePath
     }
+  }) : void 0;
+  return {
+    api,
+    hooks,
+    routes,
+    adminPages
   };
 }
+function createBuilderPortalIntegration(config) {
+  return createBuilderIntegration(config);
+}
+function validateBuilderFrontendSetup(config) {
+  const checks = [
+    {
+      name: "adminBasePath",
+      ok: Boolean(config.adminBasePath && normalizeBasePath(config.adminBasePath).startsWith("/")),
+      message: "adminBasePath must be an absolute route path."
+    },
+    {
+      name: "runtimeBasePath",
+      ok: Boolean(config.runtimeBasePath && normalizeBasePath(config.runtimeBasePath).startsWith("/")),
+      message: "runtimeBasePath must be an absolute route path."
+    },
+    {
+      name: "transport",
+      ok: Boolean(config.transport),
+      message: "API transport is required."
+    }
+  ].map((check) => check.ok ? { name: check.name, ok: true } : check);
+  return { ok: checks.every((check) => check.ok), checks };
+}
 export {
-  createBuilderIntegration
+  createBuilderIntegration,
+  createBuilderPortalIntegration,
+  validateBuilderFrontendSetup
 };
 //# sourceMappingURL=index.js.map