@duke333/builder-ui 0.1.4 → 0.2.0

package/dist/index.js

@@ -1,138 +1,1257 @@
-// 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
-  }));
+// src/ready/BuilderProvider.tsx
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+
+// src/api/createBuilderApiClient.ts
+function queryParams(query) {
+  return { ...query };
 }
-function clampLayoutSpan(span, columns) {
-  if (!span || Number.isNaN(span)) return columns;
-  return Math.max(1, Math.min(columns, Math.trunc(span)));
+function fieldOptionsQueryParams(query) {
+  const flatQuery = { search: query.search };
+  for (const [key, value] of Object.entries(query.depends ?? {})) {
+    flatQuery[`depends.${key}`] = value;
+  }
+  return flatQuery;
 }
-function builderFormEditorDefaultSpan(field) {
-  if (field.type === "textarea" || field.type === "checkbox") return 12;
-  return 6;
+function createBuilderApiClient(rootTransport, options = {}) {
+  const basePath = options.apiBasePath?.trim().replace(/\/+$/g, "") ?? "";
+  const path = (value) => `${basePath}${value}`;
+  const transport = {
+    get: (value, requestOptions) => rootTransport.get(path(value), requestOptions),
+    post: (value, body, requestOptions) => rootTransport.post(path(value), body, requestOptions),
+    patch: (value, body, requestOptions) => rootTransport.patch(path(value), body, requestOptions),
+    delete: (value, requestOptions) => rootTransport.delete(path(value), requestOptions)
+  };
+  return {
+    listBuilderForms: (query) => transport.get("/builder/forms", {
+      query: queryParams(query)
+    }),
+    listBuilderDbTables: () => transport.get("/builder/datasources/tables"),
+    listBuilderFormOptions: () => transport.get("/builder/forms/options"),
+    getBuilderForm: (id) => transport.get(`/builder/forms/${encodeURIComponent(id)}`),
+    createBuilderForm: (input) => transport.post("/builder/forms", input),
+    updateBuilderForm: (id, input) => transport.patch(`/builder/forms/${encodeURIComponent(id)}`, input),
+    replicateBuilderForm: (id, input) => transport.post(`/builder/forms/${encodeURIComponent(id)}/replicate`, input),
+    deleteBuilderForm: (id) => transport.delete(`/builder/forms/${encodeURIComponent(id)}`),
+    listBuilderLists: (query) => transport.get("/builder/lists", {
+      query: queryParams(query)
+    }),
+    listBuilderListOptions: () => transport.get("/builder/lists/options"),
+    getBuilderList: (id) => transport.get(`/builder/lists/${encodeURIComponent(id)}`),
+    createBuilderList: (input) => transport.post("/builder/lists", input),
+    updateBuilderList: (id, input) => transport.patch(`/builder/lists/${encodeURIComponent(id)}`, input),
+    replicateBuilderList: (id, input) => transport.post(`/builder/lists/${encodeURIComponent(id)}/replicate`, input),
+    deleteBuilderList: (id) => transport.delete(`/builder/lists/${encodeURIComponent(id)}`),
+    listBuilderViews: (query) => transport.get("/builder/views", {
+      query: queryParams(query)
+    }),
+    getBuilderView: (id) => transport.get(`/builder/views/${encodeURIComponent(id)}`),
+    createBuilderView: (input) => transport.post("/builder/views", input),
+    updateBuilderView: (id, input) => transport.patch(`/builder/views/${encodeURIComponent(id)}`, input),
+    replicateBuilderView: (id, input) => transport.post(`/builder/views/${encodeURIComponent(id)}/replicate`, input),
+    deleteBuilderView: (id) => transport.delete(`/builder/views/${encodeURIComponent(id)}`),
+    getRuntimeBuilderForm: (id) => transport.get(`/builder/runtime/forms/${encodeURIComponent(id)}`),
+    createRuntimeBuilderFormEntry: (formId, input) => transport.post(
+      `/builder/runtime/forms/${encodeURIComponent(formId)}/entries`,
+      input
+    ),
+    listRuntimeBuilderFormFieldOptions: (formId, fieldKey, query) => transport.get(
+      `/builder/runtime/forms/${encodeURIComponent(formId)}/fields/${encodeURIComponent(fieldKey)}/options`,
+      { query: fieldOptionsQueryParams(query) }
+    ),
+    runRuntimeBuilderFormFieldTrigger: (formId, fieldKey, event, input) => transport.post(
+      `/builder/runtime/forms/${encodeURIComponent(formId)}/fields/${encodeURIComponent(fieldKey)}/triggers/${encodeURIComponent(event)}`,
+      input
+    ),
+    getRuntimeBuilderList: (id) => transport.get(`/builder/runtime/lists/${encodeURIComponent(id)}`),
+    listRuntimeBuilderListEntries: (listId, query) => transport.get(
+      `/builder/runtime/lists/${encodeURIComponent(listId)}/entries`,
+      { query: queryParams(query) }
+    ),
+    getRuntimeBuilderView: (id) => transport.get(`/builder/runtime/views/${encodeURIComponent(id)}`),
+    runRuntimeBuilderViewFieldTrigger: (viewId, fieldKey, event, input) => transport.post(
+      `/builder/runtime/views/${encodeURIComponent(viewId)}/fields/${encodeURIComponent(fieldKey)}/triggers/${encodeURIComponent(event)}`,
+      input
+    ),
+    listBuilderViewEntries: (viewId, query) => transport.get(
+      `/builder/runtime/views/${encodeURIComponent(viewId)}/entries`,
+      { query: queryParams(query) }
+    ),
+    createBuilderViewEntry: (viewId, input) => transport.post(
+      `/builder/runtime/views/${encodeURIComponent(viewId)}/entries`,
+      input
+    ),
+    createCompositeBuilderViewEntry: (viewId, input) => transport.post(
+      `/builder/runtime/views/${encodeURIComponent(viewId)}/composite-entries`,
+      input
+    ),
+    updateCompositeBuilderViewEntry: (viewId, id, input) => transport.patch(
+      `/builder/runtime/views/${encodeURIComponent(viewId)}/composite-entries/${encodeURIComponent(id)}`,
+      input
+    ),
+    updateBuilderViewEntry: (viewId, id, input) => transport.patch(
+      `/builder/runtime/views/${encodeURIComponent(viewId)}/entries/${encodeURIComponent(id)}`,
+      input
+    ),
+    deleteBuilderViewEntry: (viewId, id) => transport.delete(
+      `/builder/runtime/views/${encodeURIComponent(viewId)}/entries/${encodeURIComponent(id)}`
+    )
+  };
 }
-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 }))
-      ]
-    }
-  ];
+
+// src/hooks/createBuilderHooks.ts
+import { keepPreviousData, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+function createBuilderKeys() {
+  const builderKeys = {
+    forms: ["builder", "forms"],
+    dbTables: () => ["builder", "datasources", "tables"],
+    formList: (query) => [...builderKeys.forms, "list", query],
+    form: (id) => [...builderKeys.forms, "detail", id],
+    formOptions: () => [...builderKeys.forms, "options"],
+    lists: ["builder", "lists"],
+    listList: (query) => [...builderKeys.lists, "list", query],
+    list: (id) => [...builderKeys.lists, "detail", id],
+    listOptions: () => [...builderKeys.lists, "options"],
+    views: ["builder", "views"],
+    viewList: (query) => [...builderKeys.views, "list", query],
+    view: (id) => [...builderKeys.views, "detail", id],
+    runtimeForm: (id) => ["builder", "runtime", "form", id],
+    runtimeFieldOptions: (formId, fieldKey, query) => [...builderKeys.runtimeForm(formId), "fields", fieldKey, "options", query],
+    runtimeFormEntries: (id) => [...builderKeys.runtimeForm(id), "entries"],
+    runtimeList: (id) => ["builder", "runtime", "list", id],
+    runtimeListEntries: (id, query) => [...builderKeys.runtimeList(id), "entries", query],
+    runtimeView: (id) => ["builder", "runtime", "view", id],
+    entries: (id, query) => [...builderKeys.runtimeView(id), "entries", query]
+  };
+  return builderKeys;
 }
-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) };
+function createBuilderHooks(client) {
+  const builderKeys = createBuilderKeys();
+  function invalidateRuntimeViewEntries(queryClient, viewId) {
+    return Promise.all([
+      queryClient.invalidateQueries({ queryKey: builderKeys.runtimeView(viewId) }),
+      queryClient.invalidateQueries({ queryKey: [...builderKeys.runtimeView(viewId), "entries"] })
+    ]);
+  }
+  function useBuilderDbTables() {
+    return useQuery({ queryKey: builderKeys.dbTables(), queryFn: client.listBuilderDbTables });
+  }
+  function useBuilderForms(query) {
+    return useQuery({
+      queryKey: builderKeys.formList(query),
+      queryFn: () => client.listBuilderForms(query),
+      placeholderData: keepPreviousData
     });
-    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
+  function useBuilderFormOptions() {
+    return useQuery({
+      queryKey: builderKeys.formOptions(),
+      queryFn: client.listBuilderFormOptions
     });
   }
-  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 ?? ""
-  }));
+  function useBuilderForm(id) {
+    return useQuery({
+      queryKey: builderKeys.form(id ?? ""),
+      queryFn: () => client.getBuilderForm(id ?? ""),
+      enabled: Boolean(id)
+    });
+  }
+  function useSaveBuilderForm() {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: ({ id, input }) => id ? client.updateBuilderForm(id, input) : client.createBuilderForm(input),
+      onSuccess: (form) => {
+        queryClient.invalidateQueries({ queryKey: builderKeys.forms });
+        queryClient.invalidateQueries({ queryKey: builderKeys.form(form.id) });
+        queryClient.invalidateQueries({ queryKey: builderKeys.runtimeForm(form.id) });
+      }
+    });
+  }
+  function useReplicateBuilderForm() {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: ({ id, input }) => client.replicateBuilderForm(id, input),
+      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.forms })
+    });
+  }
+  function useDeleteBuilderForm() {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: client.deleteBuilderForm,
+      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.forms })
+    });
+  }
+  function useBuilderLists(query) {
+    return useQuery({
+      queryKey: builderKeys.listList(query),
+      queryFn: () => client.listBuilderLists(query),
+      placeholderData: keepPreviousData
+    });
+  }
+  function useBuilderListOptions() {
+    return useQuery({
+      queryKey: builderKeys.listOptions(),
+      queryFn: client.listBuilderListOptions
+    });
+  }
+  function useBuilderList(id) {
+    return useQuery({
+      queryKey: builderKeys.list(id ?? ""),
+      queryFn: () => client.getBuilderList(id ?? ""),
+      enabled: Boolean(id)
+    });
+  }
+  function useSaveBuilderList() {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: ({ id, input }) => id ? client.updateBuilderList(id, input) : client.createBuilderList(input),
+      onSuccess: (list) => {
+        queryClient.invalidateQueries({ queryKey: builderKeys.lists });
+        queryClient.invalidateQueries({ queryKey: builderKeys.list(list.id) });
+        queryClient.invalidateQueries({ queryKey: builderKeys.runtimeList(list.id) });
+      }
+    });
+  }
+  function useReplicateBuilderList() {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: ({ id, input }) => client.replicateBuilderList(id, input),
+      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.lists })
+    });
+  }
+  function useDeleteBuilderList() {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: client.deleteBuilderList,
+      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.lists })
+    });
+  }
+  function useBuilderViews(query) {
+    return useQuery({
+      queryKey: builderKeys.viewList(query),
+      queryFn: () => client.listBuilderViews(query),
+      placeholderData: keepPreviousData
+    });
+  }
+  function useBuilderView(id) {
+    return useQuery({
+      queryKey: builderKeys.view(id ?? ""),
+      queryFn: () => client.getBuilderView(id ?? ""),
+      enabled: Boolean(id)
+    });
+  }
+  function useSaveBuilderView() {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: ({ id, input }) => id ? client.updateBuilderView(id, input) : client.createBuilderView(input),
+      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.views })
+    });
+  }
+  function useReplicateBuilderView() {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: ({ id, input }) => client.replicateBuilderView(id, input),
+      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.views })
+    });
+  }
+  function useDeleteBuilderView() {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: client.deleteBuilderView,
+      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.views })
+    });
+  }
+  function useRuntimeBuilderForm(id) {
+    return useQuery({
+      queryKey: builderKeys.runtimeForm(id),
+      queryFn: () => client.getRuntimeBuilderForm(id)
+    });
+  }
+  function useRuntimeBuilderFormFieldOptions(formId, fieldKey, query, enabled = true) {
+    return useQuery({
+      queryKey: builderKeys.runtimeFieldOptions(formId ?? "", fieldKey, query),
+      queryFn: () => client.listRuntimeBuilderFormFieldOptions(formId ?? "", fieldKey, query),
+      enabled: Boolean(formId) && enabled
+    });
+  }
+  function useRunRuntimeBuilderFieldTrigger() {
+    return useMutation({
+      mutationFn: (args) => {
+        if (args.viewId) {
+          return client.runRuntimeBuilderViewFieldTrigger(
+            args.viewId,
+            args.fieldKey,
+            args.event,
+            args.input
+          );
+        }
+        if (args.formId) {
+          return client.runRuntimeBuilderFormFieldTrigger(
+            args.formId,
+            args.fieldKey,
+            args.event,
+            args.input
+          );
+        }
+        throw new Error("formId \u044D\u0441\u0432\u044D\u043B viewId \u0448\u0430\u0430\u0440\u0434\u043B\u0430\u0433\u0430\u0442\u0430\u0439");
+      }
+    });
+  }
+  function useRuntimeBuilderList(id) {
+    return useQuery({
+      queryKey: builderKeys.runtimeList(id),
+      queryFn: () => client.getRuntimeBuilderList(id)
+    });
+  }
+  function useRuntimeBuilderListEntries(id, query) {
+    return useQuery({
+      queryKey: builderKeys.runtimeListEntries(id, query),
+      queryFn: () => client.listRuntimeBuilderListEntries(id, query),
+      placeholderData: keepPreviousData
+    });
+  }
+  function useSaveRuntimeBuilderFormEntry(formId) {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: (input) => client.createRuntimeBuilderFormEntry(formId, input),
+      onSuccess: () => {
+        queryClient.invalidateQueries({ queryKey: builderKeys.runtimeFormEntries(formId) });
+        queryClient.invalidateQueries({ queryKey: builderKeys.runtimeForm(formId) });
+        queryClient.invalidateQueries({ queryKey: ["builder", "runtime", "list"] });
+      }
+    });
+  }
+  function useRuntimeBuilderView(id, enabled = true) {
+    return useQuery({
+      queryKey: builderKeys.runtimeView(id),
+      queryFn: () => client.getRuntimeBuilderView(id),
+      enabled: Boolean(id) && enabled
+    });
+  }
+  function useBuilderViewEntries(id, query, enabled = true) {
+    return useQuery({
+      queryKey: builderKeys.entries(id, query),
+      queryFn: () => client.listBuilderViewEntries(id, query),
+      placeholderData: keepPreviousData,
+      enabled: Boolean(id) && enabled
+    });
+  }
+  function useSaveBuilderViewEntry(viewId) {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: ({ id, input }) => id ? client.updateBuilderViewEntry(viewId, id, input) : client.createBuilderViewEntry(
+        viewId,
+        input
+      ),
+      onSuccess: () => invalidateRuntimeViewEntries(queryClient, viewId)
+    });
+  }
+  function useCreateCompositeBuilderViewEntry(viewId) {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: (input) => client.createCompositeBuilderViewEntry(viewId, input),
+      onSuccess: () => invalidateRuntimeViewEntries(queryClient, viewId)
+    });
+  }
+  function useUpdateCompositeBuilderViewEntry(viewId) {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: ({
+        id,
+        input
+      }) => client.updateCompositeBuilderViewEntry(viewId, id, input),
+      onSuccess: () => invalidateRuntimeViewEntries(queryClient, viewId)
+    });
+  }
+  function useDeleteBuilderViewEntry(id) {
+    const queryClient = useQueryClient();
+    return useMutation({
+      mutationFn: (entryId) => client.deleteBuilderViewEntry(id, entryId),
+      onSuccess: () => invalidateRuntimeViewEntries(queryClient, id)
+    });
+  }
+  return {
+    builderKeys,
+    useBuilderDbTables,
+    useBuilderForm,
+    useBuilderFormOptions,
+    useBuilderForms,
+    useBuilderList,
+    useBuilderListOptions,
+    useBuilderLists,
+    useBuilderViewEntries,
+    useBuilderView,
+    useBuilderViews,
+    useDeleteBuilderForm,
+    useDeleteBuilderList,
+    useDeleteBuilderView,
+    useDeleteBuilderViewEntry,
+    useCreateCompositeBuilderViewEntry,
+    useReplicateBuilderForm,
+    useReplicateBuilderList,
+    useReplicateBuilderView,
+    useRuntimeBuilderForm,
+    useRuntimeBuilderFormFieldOptions,
+    useRuntimeBuilderList,
+    useRuntimeBuilderListEntries,
+    useRuntimeBuilderView,
+    useRunRuntimeBuilderFieldTrigger,
+    useSaveBuilderForm,
+    useSaveBuilderList,
+    useSaveBuilderView,
+    useSaveBuilderViewEntry,
+    useSaveRuntimeBuilderFormEntry,
+    useUpdateCompositeBuilderViewEntry
+  };
+}
+
+// src/ready/BuilderProvider.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function createBuilderClient({ transport, apiBasePath }) {
+  return createBuilderApiClient(transport, { apiBasePath });
+}
+var BuilderContext = createContext(null);
+function BuilderProvider({
+  children,
+  client: configuredClient,
+  transport,
+  apiBasePath,
+  queryClient,
+  onNotify
+}) {
+  if (!configuredClient && !transport) {
+    throw new Error("BuilderProvider-\u0434 client \u044D\u0441\u0432\u044D\u043B transport \u04E9\u0433\u043D\u04E9 \u04AF\u04AF.");
+  }
+  const internalClient = useMemo(
+    () => configuredClient ?? createBuilderClient({ transport, apiBasePath }),
+    [apiBasePath, configuredClient, transport]
+  );
+  const hooks = useMemo(() => createBuilderHooks(internalClient), [internalClient]);
+  const [notifications, setNotifications] = useState([]);
+  const notificationId = useRef(0);
+  const notify = useCallback((notification) => {
+    const id = ++notificationId.current;
+    setNotifications((current) => [...current.slice(-2), { ...notification, id }]);
+    onNotify?.(notification);
+  }, [onNotify]);
+  const internalQueryClient = useRef(null);
+  if (!internalQueryClient.current) internalQueryClient.current = queryClient ?? new QueryClient();
+  const value = useMemo(
+    () => ({ client: internalClient, hooks, notify }),
+    [hooks, internalClient, notify]
+  );
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: internalQueryClient.current, children: /* @__PURE__ */ jsxs(BuilderContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ jsx("div", { className: "builder-notifications", "aria-live": "polite", "aria-atomic": "true", children: notifications.map((notification) => /* @__PURE__ */ jsxs("div", { className: `builder-notification builder-notification--${notification.type}`, children: [
+      /* @__PURE__ */ jsx("span", { children: notification.message }),
+      /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "\u041C\u044D\u0434\u044D\u0433\u0434\u044D\u043B \u0445\u0430\u0430\u0445", onClick: () => setNotifications((current) => current.filter((item) => item.id !== notification.id)), children: "\xD7" })
+    ] }, notification.id)) })
+  ] }) });
+}
+function useBuilderRuntime() {
+  const context = useContext(BuilderContext);
+  if (!context) throw new Error("Builder component-\u0438\u0439\u0433 BuilderProvider \u0434\u043E\u0442\u043E\u0440 render \u0445\u0438\u0439\u043D\u044D \u04AF\u04AF.");
+  return context;
+}
+function builderErrorMessage(error, fallback) {
+  if (error instanceof Error && error.message.trim()) return error.message;
+  return fallback;
+}
+
+// src/ready/BuilderRuntimeComponents.tsx
+import { useMemo as useMemo4, useState as useState4 } from "react";
+import { FormProvider as FormProvider2, useForm as useForm2 } from "react-hook-form";
+
+// src/runtime/runtimeUtils.ts
+function emptyFieldValue(field) {
+  return field.type === "checkbox" ? false : "";
+}
+function createBuilderFormDefaultValues(schema) {
+  const values = {};
+  for (const field of schema?.fields ?? []) {
+    values[field.key] = emptyFieldValue(field);
+  }
+  return { values };
+}
+function createBuilderEntryDefaultValues(view, editing) {
+  const values = {};
+  for (const field of view.form?.schema.fields ?? []) {
+    const existing = editing?.values[field.key];
+    values[field.key] = existing === void 0 ? emptyFieldValue(field) : existing;
+  }
+  return { values, version: editing?.version ?? 0 };
+}
+function formatBuilderRuntimeValue(value, locale = "mn-MN") {
+  if (value === null || value === void 0 || value === "") return "\u2014";
+  if (typeof value === "boolean") return value ? "\u0422\u0438\u0439\u043C" : "\u04AE\u0433\u04AF\u0439";
+  if (typeof value === "number") return new Intl.NumberFormat(locale).format(value);
+  return String(value);
+}
+
+// src/ready/ReadyFields.tsx
+import { useRef as useRef2 } from "react";
+import { useFormContext, useWatch } from "react-hook-form";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function inputType(field) {
+  if (field.type === "date") return "date";
+  if (field.type === "number" || field.type === "money") return "number";
+  return "text";
+}
+function ReadyField({ field, formId, viewId }) {
+  const { hooks, notify } = useBuilderRuntime();
+  const form = useFormContext();
+  const values = useWatch({ control: form.control, name: "values" }) ?? {};
+  const timer = useRef2(null);
+  const source = field.optionsSource;
+  const dependencyValue = source?.filterBy ? values[source.filterBy.valueFromField] : void 0;
+  const depends = source?.filterBy && dependencyValue != null ? { [source.filterBy.valueFromField]: String(dependencyValue) } : void 0;
+  const optionsQuery = hooks.useRuntimeBuilderFormFieldOptions(
+    formId,
+    field.key,
+    { depends },
+    Boolean(source)
+  );
+  const trigger = hooks.useRunRuntimeBuilderFieldTrigger();
+  const name = `values.${field.key}`;
+  if (field.hidden) return null;
+  const runTrigger = (event, value) => {
+    const definition = field.triggers.find((item) => item.enabled && item.event === event);
+    if (!definition) return;
+    const execute = async () => {
+      try {
+        const response = await trigger.mutateAsync({
+          formId,
+          viewId,
+          fieldKey: field.key,
+          event,
+          input: { value, values: form.getValues("values") }
+        });
+        for (const [key, patchedValue] of Object.entries(response.valuesPatch)) {
+          form.setValue(`values.${key}`, patchedValue, { shouldDirty: true, shouldValidate: true });
+        }
+        for (const [key, message] of Object.entries(response.fieldErrors)) {
+          form.setError(`values.${key}`, { message });
+        }
+        if (response.toast?.message) notify(response.toast);
+      } catch (error2) {
+        notify({ type: "error", message: builderErrorMessage(error2, "Field action \u0430\u0436\u0438\u043B\u043B\u0430\u0441\u0430\u043D\u0433\u04AF\u0439") });
+      }
+    };
+    if (event === "onChange" && definition.debounceMs > 0) {
+      if (timer.current) clearTimeout(timer.current);
+      timer.current = setTimeout(() => void execute(), definition.debounceMs);
+    } else {
+      void execute();
+    }
+  };
+  const registration = form.register(name, {
+    required: field.required ? `${field.label} \u0448\u0430\u0430\u0440\u0434\u043B\u0430\u0433\u0430\u0442\u0430\u0439` : false,
+    setValueAs: field.type === "number" || field.type === "money" ? (value) => value === "" ? "" : Number(value) : void 0,
+    onChange: (event) => runTrigger("onChange", event.target.type === "checkbox" ? event.target.checked : event.target.value),
+    onBlur: (event) => runTrigger("onBlur", event.target.value)
+  });
+  const error = form.formState.errors.values?.[field.key];
+  const options = source ? optionsQuery.data ?? [] : field.options ?? [];
+  return /* @__PURE__ */ jsxs2("label", { className: "builder-field", children: [
+    /* @__PURE__ */ jsxs2("span", { className: "builder-field__label", children: [
+      field.label,
+      field.required ? /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", children: " *" }) : null
+    ] }),
+    field.type === "textarea" ? /* @__PURE__ */ jsx2("textarea", { className: "builder-input builder-textarea", placeholder: field.placeholder, disabled: field.disabled, ...registration }) : field.type === "select" ? /* @__PURE__ */ jsxs2("select", { className: "builder-input", disabled: field.disabled || optionsQuery.isPending, ...registration, children: [
+      /* @__PURE__ */ jsx2("option", { value: "", children: field.placeholder ?? "\u0421\u043E\u043D\u0433\u043E\u0445" }),
+      options.map((option) => /* @__PURE__ */ jsx2("option", { value: option.value, children: option.label }, option.value))
+    ] }) : field.type === "checkbox" ? /* @__PURE__ */ jsx2("input", { className: "builder-checkbox", type: "checkbox", disabled: field.disabled, ...registration }) : /* @__PURE__ */ jsx2("input", { className: "builder-input", type: inputType(field), placeholder: field.placeholder, disabled: field.disabled, ...registration }),
+    field.description ? /* @__PURE__ */ jsx2("small", { className: "builder-field__description", children: field.description }) : null,
+    typeof error?.message === "string" ? /* @__PURE__ */ jsx2("small", { className: "builder-field__error", children: error.message }) : null
+  ] });
+}
+function ReadyFields({ formId, viewId, schema, extraItems = [] }) {
+  const fields = new Map(schema.fields.map((field) => [field.key, field]));
+  const rendered = /* @__PURE__ */ new Set();
+  return /* @__PURE__ */ jsxs2("div", { className: "builder-form-fields", children: [
+    schema.layout?.groups.map((group) => /* @__PURE__ */ jsxs2("fieldset", { className: "builder-fieldset", children: [
+      group.title ? /* @__PURE__ */ jsx2("legend", { children: group.title }) : null,
+      /* @__PURE__ */ jsx2("div", { className: "builder-form-grid", children: group.fields.map((item) => {
+        const field = fields.get(item.key);
+        if (!field) return null;
+        rendered.add(field.key);
+        return /* @__PURE__ */ jsx2("div", { style: { gridColumn: `span ${item.span}` }, children: /* @__PURE__ */ jsx2(ReadyField, { field, formId, viewId }) }, field.key);
+      }) })
+    ] }, group.id)),
+    /* @__PURE__ */ jsx2("div", { className: "builder-form-grid", children: schema.fields.filter((field) => !rendered.has(field.key)).map((field) => /* @__PURE__ */ jsx2("div", { style: { gridColumn: "span 12" }, children: /* @__PURE__ */ jsx2(ReadyField, { field, formId, viewId }) }, field.key)) }),
+    extraItems.map((item) => /* @__PURE__ */ jsx2("div", { children: item.render() }, item.key))
+  ] });
+}
+
+// src/ready/ReadyOverlay.tsx
+import { useEffect, useId, useRef as useRef3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function ReadyOverlay({
+  open,
+  presentation = "dialog",
+  title,
+  description,
+  onClose,
+  children
+}) {
+  const panelRef = useRef3(null);
+  const onCloseRef = useRef3(onClose);
+  onCloseRef.current = onClose;
+  const titleId = useId();
+  useEffect(() => {
+    if (!open) return;
+    const previous = document.activeElement;
+    panelRef.current?.focus();
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") onCloseRef.current();
+      if (event.key === "Tab") {
+        const focusable = Array.from(
+          panelRef.current?.querySelectorAll(
+            "button:not([disabled]),a[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex='-1'])"
+          ) ?? []
+        );
+        const first = focusable[0];
+        const last = focusable.at(-1);
+        if (event.shiftKey && document.activeElement === first && last) {
+          event.preventDefault();
+          last.focus();
+        } else if (!event.shiftKey && document.activeElement === last && first) {
+          event.preventDefault();
+          first.focus();
+        }
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    const overflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      document.body.style.overflow = overflow;
+      previous?.focus();
+    };
+  }, [open]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsx3("div", { className: "builder-overlay", role: "presentation", onMouseDown: (event) => event.target === event.currentTarget && onClose(), children: /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      ref: panelRef,
+      className: `builder-overlay__panel builder-overlay__panel--${presentation}`,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": titleId,
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ jsxs3("header", { className: "builder-overlay__header", children: [
+          /* @__PURE__ */ jsxs3("div", { children: [
+            /* @__PURE__ */ jsx3("h2", { id: titleId, className: "builder-title", children: title }),
+            description ? /* @__PURE__ */ jsx3("p", { className: "builder-description", children: description }) : null
+          ] }),
+          /* @__PURE__ */ jsx3("button", { type: "button", className: "builder-icon-button", "aria-label": "\u0425\u0430\u0430\u0445", onClick: onClose, children: "\xD7" })
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "builder-overlay__body", children })
+      ]
+    }
+  ) });
+}
+function ReadyConfirmDialog({
+  open,
+  title,
+  description,
+  confirmLabel = "\u0423\u0441\u0442\u0433\u0430\u0445",
+  isPending,
+  onClose,
+  onConfirm
+}) {
+  return /* @__PURE__ */ jsx3(ReadyOverlay, { open, title, description, onClose, children: /* @__PURE__ */ jsxs3("div", { className: "builder-actions", children: [
+    /* @__PURE__ */ jsx3("button", { type: "button", className: "builder-button builder-button--ghost", onClick: onClose, children: "\u0411\u043E\u043B\u0438\u0445" }),
+    /* @__PURE__ */ jsx3("button", { type: "button", className: "builder-button builder-button--danger", disabled: isPending, onClick: onConfirm, children: isPending ? "\u0422\u04AF\u0440 \u0445\u04AF\u043B\u044D\u044D\u043D\u044D \u04AF\u04AF\u2026" : confirmLabel })
+  ] }) });
+}
+function ReadyErrorState({ title, description }) {
+  return /* @__PURE__ */ jsxs3("div", { className: "builder-state builder-state--error", role: "alert", children: [
+    /* @__PURE__ */ jsx3("strong", { children: title }),
+    /* @__PURE__ */ jsx3("span", { children: description })
+  ] });
+}
+
+// src/ready/ReadySubform.tsx
+import { useEffect as useEffect2, useMemo as useMemo3, useRef as useRef4, useState as useState3 } from "react";
+import { FormProvider, useForm } from "react-hook-form";
+
+// src/ready/ReadyTable.tsx
+import { useMemo as useMemo2, useState as useState2 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function useReadyTableState({ pageSize = 20 } = {}) {
+  const [page, setPage] = useState2(1);
+  const [search, setSearchValue] = useState2("");
+  const [sort, setSort] = useState2();
+  return {
+    query: { page, pageSize, search: search || void 0, sort },
+    page,
+    pageSize,
+    search,
+    sort,
+    setPage,
+    setSearch(searchValue) {
+      setSearchValue(searchValue);
+      setPage(1);
+    },
+    toggleSort(key) {
+      setSort((current) => current === key ? `-${key}` : key);
+      setPage(1);
+    }
+  };
+}
+function useReadyTable(args) {
+  const [selectedIds, setSelectedIds] = useState2([]);
+  return useMemo2(
+    () => ({
+      ...args,
+      selectedIds,
+      toggleSelected(id) {
+        setSelectedIds(
+          (current) => current.includes(id) ? current.filter((value) => value !== id) : [...current, id]
+        );
+      },
+      clearSelection() {
+        setSelectedIds([]);
+      }
+    }),
+    [args.columns, args.data, args.rowCount, args.state, selectedIds]
+  );
+}
+function cellValue(entry, column) {
+  if (column.render) return column.render(entry);
+  return formatBuilderRuntimeValue(entry.values[column.key]);
+}
+function ReadyDataGrid({
+  title,
+  description,
+  controller,
+  isLoading,
+  searchPlaceholder = "\u0425\u0430\u0439\u0445...",
+  emptyTitle = "\u041C\u044D\u0434\u044D\u044D\u043B\u044D\u043B \u0430\u043B\u0433\u0430",
+  emptyDescription,
+  onRowClick,
+  toolbarExtra,
+  selectable = false
+}) {
+  const totalPages = Math.max(1, Math.ceil(controller.rowCount / controller.state.pageSize));
+  return /* @__PURE__ */ jsxs4("section", { className: "builder-card builder-grid", "aria-busy": isLoading || void 0, children: [
+    /* @__PURE__ */ jsxs4("header", { className: "builder-grid__header", children: [
+      /* @__PURE__ */ jsxs4("div", { children: [
+        title ? /* @__PURE__ */ jsx4("h2", { className: "builder-title", children: title }) : null,
+        description ? /* @__PURE__ */ jsx4("p", { className: "builder-description", children: description }) : null
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "builder-grid__toolbar", children: [
+        /* @__PURE__ */ jsx4(
+          "input",
+          {
+            className: "builder-input builder-grid__search",
+            type: "search",
+            value: controller.state.search,
+            placeholder: searchPlaceholder,
+            "aria-label": searchPlaceholder,
+            onChange: (event) => controller.state.setSearch(event.target.value)
+          }
+        ),
+        toolbarExtra
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "builder-table-wrap", children: [
+      /* @__PURE__ */ jsxs4("table", { className: "builder-table", children: [
+        /* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs4("tr", { children: [
+          selectable ? /* @__PURE__ */ jsx4("th", { "aria-label": "\u0421\u043E\u043D\u0433\u043E\u043B\u0442" }) : null,
+          controller.columns.map((column) => /* @__PURE__ */ jsx4("th", { className: `builder-align-${column.align}`, children: column.sortable ? /* @__PURE__ */ jsx4("button", { type: "button", className: "builder-sort", onClick: () => controller.state.toggleSort(column.key), children: column.label }) : column.label }, column.key))
+        ] }) }),
+        /* @__PURE__ */ jsx4("tbody", { children: controller.data.map((entry) => /* @__PURE__ */ jsxs4(
+          "tr",
+          {
+            className: onRowClick ? "builder-row-clickable" : void 0,
+            onClick: (event) => onRowClick?.(entry, event),
+            children: [
+              selectable ? /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: controller.selectedIds.includes(entry.id),
+                  "aria-label": "\u041C\u04E9\u0440 \u0441\u043E\u043D\u0433\u043E\u0445",
+                  onClick: (event) => event.stopPropagation(),
+                  onChange: () => controller.toggleSelected(entry.id)
+                }
+              ) }) : null,
+              controller.columns.map((column) => /* @__PURE__ */ jsx4("td", { className: `builder-align-${column.align}`, children: cellValue(entry, column) }, column.key))
+            ]
+          },
+          entry.id
+        )) })
+      ] }),
+      isLoading ? /* @__PURE__ */ jsx4("div", { className: "builder-state", children: "\u0423\u043D\u0448\u0438\u0436 \u0431\u0430\u0439\u043D\u0430\u2026" }) : null,
+      !isLoading && controller.data.length === 0 ? /* @__PURE__ */ jsxs4("div", { className: "builder-state", children: [
+        /* @__PURE__ */ jsx4("strong", { children: emptyTitle }),
+        emptyDescription ? /* @__PURE__ */ jsx4("span", { children: emptyDescription }) : null
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs4("footer", { className: "builder-pagination", children: [
+      /* @__PURE__ */ jsxs4("span", { children: [
+        controller.rowCount,
+        " \u043C\u04E9\u0440"
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("button", { type: "button", className: "builder-button builder-button--ghost", disabled: controller.state.page <= 1, onClick: () => controller.state.setPage(controller.state.page - 1), children: "\u04E8\u043C\u043D\u04E9\u0445" }),
+        /* @__PURE__ */ jsxs4("span", { children: [
+          controller.state.page,
+          " / ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsx4("button", { type: "button", className: "builder-button builder-button--ghost", disabled: controller.state.page >= totalPages, onClick: () => controller.state.setPage(controller.state.page + 1), children: "\u0414\u0430\u0440\u0430\u0430\u0445" })
+      ] })
+    ] })
+  ] });
+}
+function readyColumns(columns) {
+  return columns.map((column) => ({ ...column }));
+}
+
+// src/ready/ReadySubform.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function linkedValue(entry, field) {
+  if (!entry) return void 0;
+  const value = field === "id" ? entry.id : entry.values[field];
+  return typeof value === "string" || typeof value === "number" ? String(value) : void 0;
+}
+function dataKey(viewId, tableName) {
+  return tableName?.trim() || viewId;
+}
+function makeDraftEntry(viewId, values, editing) {
+  const now = (/* @__PURE__ */ new Date()).toISOString();
+  return {
+    id: editing?.id ?? (globalThis.crypto?.randomUUID?.() ?? `draft-${Date.now()}`),
+    viewId,
+    values: editing ? values.values : { ...values.values, _draftNew: true },
+    version: editing?.version ?? 0,
+    createdAt: editing?.createdAt ?? now,
+    updatedAt: now
+  };
+}
+function ReadySubform({ subform, parentEntry, rows, onRowsChange }) {
+  const { hooks, notify } = useBuilderRuntime();
+  const [open, setOpen] = useState3(false);
+  const [editing, setEditing] = useState3(null);
+  const initialized = useRef4(false);
+  const parentValue = linkedValue(parentEntry, subform.parentField);
+  const viewQuery = hooks.useRuntimeBuilderView(subform.viewId, Boolean(subform.viewId));
+  const tableState = useReadyTableState({ pageSize: 100 });
+  const filterQuery = useMemo3(
+    () => ({ ...tableState.query, filterField: subform.childField, filterValue: parentValue ?? "" }),
+    [parentValue, subform.childField, tableState.query]
+  );
+  const entriesQuery = hooks.useBuilderViewEntries(subform.viewId, filterQuery, Boolean(parentValue));
+  const view = viewQuery.data;
+  const source = view?.list?.source?.type === "dbTable" ? view.list.source.tableName : void 0;
+  useEffect2(() => {
+    if (initialized.current || !view || !entriesQuery.data || !parentValue) return;
+    initialized.current = true;
+    onRowsChange({ key: subform.key, dataKey: dataKey(view.id, source), rows: entriesQuery.data.items });
+  }, [entriesQuery.data, onRowsChange, parentValue, source, subform.key, view]);
+  const visibleRows = rows.filter((row) => row.values._delete !== true);
+  const removeRow = (row) => {
+    initialized.current = true;
+    const nextRows = row.values._draftNew === true ? rows.filter((item) => item.id !== row.id) : rows.map((item) => item.id === row.id ? { ...item, values: { ...item.values, _delete: true } } : item);
+    onRowsChange({ key: subform.key, dataKey: dataKey(view?.id ?? subform.viewId, source), rows: nextRows });
+    notify({ type: "info", message: "Subform \u043C\u04E9\u0440 \u0443\u0441\u0442\u0433\u0430\u0445\u0430\u0430\u0440 \u0442\u044D\u043C\u0434\u044D\u0433\u043B\u044D\u0433\u0434\u043B\u044D\u044D" });
+  };
+  const columns = useMemo3(() => [
+    ...readyColumns(view?.list?.schema.columns ?? []),
+    {
+      key: "_actions",
+      label: "\u04AE\u0439\u043B\u0434\u044D\u043B",
+      sortable: false,
+      align: "right",
+      render: (row) => /* @__PURE__ */ jsx5("button", { type: "button", className: "builder-link builder-link--danger", onClick: (event) => {
+        event.stopPropagation();
+        removeRow(row);
+      }, children: "\u0423\u0441\u0442\u0433\u0430\u0445" })
+    }
+  ], [rows, source, subform.key, subform.viewId, view]);
+  const table = useReadyTable({
+    columns,
+    data: visibleRows,
+    rowCount: visibleRows.length,
+    state: tableState,
+    getRowId: (row) => row.id
+  });
+  const form = useForm({
+    defaultValues: createBuilderEntryDefaultValues(view ?? {}, editing),
+    values: open ? createBuilderEntryDefaultValues(view ?? {}, editing) : void 0
+  });
+  const close = () => {
+    setOpen(false);
+    setEditing(null);
+  };
+  const save = form.handleSubmit((values) => {
+    if (!view) return;
+    if (parentValue) values.values[subform.childField] = parentValue;
+    const next = makeDraftEntry(view.id, values, editing);
+    initialized.current = true;
+    onRowsChange({
+      key: subform.key,
+      dataKey: dataKey(view.id, source),
+      rows: editing ? rows.map((row) => row.id === editing.id ? next : row) : [...rows, next]
+    });
+    close();
+  });
+  if (viewQuery.isError) {
+    return /* @__PURE__ */ jsx5("div", { className: "builder-state builder-state--error", children: builderErrorMessage(viewQuery.error, `${subform.label} \u043D\u044D\u044D\u0433\u0434\u0441\u044D\u043D\u0433\u04AF\u0439`) });
+  }
+  return /* @__PURE__ */ jsxs5("section", { className: "builder-subform", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "builder-subform__header", children: [
+      /* @__PURE__ */ jsx5("strong", { children: subform.label }),
+      /* @__PURE__ */ jsxs5("button", { type: "button", className: "builder-button builder-button--secondary", disabled: !view?.form, onClick: () => {
+        setEditing(null);
+        setOpen(true);
+      }, children: [
+        "+ ",
+        subform.buttonLabel ?? "\u041D\u044D\u043C\u044D\u0445"
+      ] })
+    ] }),
+    visibleRows.length > 0 || Boolean(parentValue) && entriesQuery.isPending ? /* @__PURE__ */ jsx5(
+      ReadyDataGrid,
+      {
+        controller: table,
+        isLoading: Boolean(parentValue) && entriesQuery.isPending,
+        onRowClick: (row) => {
+          setEditing(row);
+          setOpen(true);
+        },
+        emptyTitle: "\u041C\u04E9\u0440 \u0430\u043B\u0433\u0430"
+      }
+    ) : null,
+    view?.form ? /* @__PURE__ */ jsx5(ReadyOverlay, { open, presentation: subform.presentation, title: subform.label, description: view.title, onClose: close, children: /* @__PURE__ */ jsx5(FormProvider, { ...form, children: /* @__PURE__ */ jsxs5("form", { className: "builder-form", onSubmit: save, noValidate: true, children: [
+      /* @__PURE__ */ jsx5(ReadyFields, { formId: view.form.id, viewId: view.id, schema: view.form.schema }),
+      /* @__PURE__ */ jsxs5("div", { className: "builder-actions", children: [
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "builder-button builder-button--ghost", onClick: close, children: "\u0411\u043E\u043B\u0438\u0445" }),
+        /* @__PURE__ */ jsx5("button", { type: "submit", className: "builder-button builder-button--primary", children: "\u0425\u0430\u0434\u0433\u0430\u043B\u0430\u0445" })
+      ] })
+    ] }) }) }) : null
+  ] });
+}
+
+// src/ready/BuilderRuntimeComponents.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function BuilderForm({ formId }) {
+  const { hooks, notify } = useBuilderRuntime();
+  const query = hooks.useRuntimeBuilderForm(formId);
+  const save = hooks.useSaveRuntimeBuilderFormEntry(formId);
+  const defaults = useMemo4(() => createBuilderFormDefaultValues(query.data?.schema), [query.data]);
+  const form = useForm2({ defaultValues: defaults, values: query.data ? defaults : void 0 });
+  if (query.isError) return /* @__PURE__ */ jsx6(ReadyErrorState, { title: "Form \u043D\u044D\u044D\u0433\u0434\u0441\u044D\u043D\u0433\u04AF\u0439", description: builderErrorMessage(query.error, `\xAB${formId}\xBB form \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439`) });
+  if (!query.data) return /* @__PURE__ */ jsx6("div", { className: "builder-state", children: "Form \u0443\u043D\u0448\u0438\u0436 \u0431\u0430\u0439\u043D\u0430\u2026" });
+  const submit = form.handleSubmit(async (input) => {
+    try {
+      await save.mutateAsync(input);
+      form.reset(defaults);
+      notify({ type: "success", message: "Form \u0445\u0430\u0434\u0433\u0430\u043B\u0430\u0433\u0434\u043B\u0430\u0430" });
+    } catch (error) {
+      notify({ type: "error", message: builderErrorMessage(error, "\u0425\u0430\u0434\u0433\u0430\u043B\u0430\u0445\u0430\u0434 \u0430\u043B\u0434\u0430\u0430 \u0433\u0430\u0440\u043B\u0430\u0430") });
+    }
+  });
+  return /* @__PURE__ */ jsxs6("section", { className: "builder-card", children: [
+    /* @__PURE__ */ jsx6("h2", { className: "builder-title", children: query.data.title }),
+    query.data.description ? /* @__PURE__ */ jsx6("p", { className: "builder-description", children: query.data.description }) : null,
+    /* @__PURE__ */ jsx6(FormProvider2, { ...form, children: /* @__PURE__ */ jsxs6("form", { className: "builder-form", onSubmit: submit, noValidate: true, children: [
+      /* @__PURE__ */ jsx6(ReadyFields, { formId, schema: query.data.schema }),
+      /* @__PURE__ */ jsx6("div", { className: "builder-actions", children: /* @__PURE__ */ jsx6("button", { className: "builder-button builder-button--primary", type: "submit", disabled: save.isPending, children: save.isPending ? "\u0425\u0430\u0434\u0433\u0430\u043B\u0436 \u0431\u0430\u0439\u043D\u0430\u2026" : "\u0425\u0430\u0434\u0433\u0430\u043B\u0430\u0445" }) })
+    ] }) })
+  ] });
+}
+function BuilderGrid({ listId }) {
+  const { hooks } = useBuilderRuntime();
+  const listQuery = hooks.useRuntimeBuilderList(listId);
+  const state = useReadyTableState();
+  const entriesQuery = hooks.useRuntimeBuilderListEntries(listId, state.query);
+  const table = useReadyTable({
+    columns: readyColumns(listQuery.data?.schema.columns ?? []),
+    data: entriesQuery.data?.items ?? [],
+    rowCount: entriesQuery.data?.total ?? 0,
+    state,
+    getRowId: (row) => row.id
+  });
+  if (listQuery.isError) return /* @__PURE__ */ jsx6(ReadyErrorState, { title: "Grid \u043D\u044D\u044D\u0433\u0434\u0441\u044D\u043D\u0433\u04AF\u0439", description: builderErrorMessage(listQuery.error, `\xAB${listId}\xBB list \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439`) });
+  return /* @__PURE__ */ jsx6(ReadyDataGrid, { title: listQuery.data?.title ?? "Grid", description: listQuery.data?.description, controller: table, isLoading: listQuery.isPending || entriesQuery.isPending });
+}
+function dbTableName(view) {
+  if (view.list?.source?.type === "dbTable") return view.list.source.tableName;
+  if (view.form?.source?.type === "dbTable") return view.form.source.tableName;
+  return void 0;
+}
+function childPayload(row, includeIdentity) {
+  const values = Object.fromEntries(Object.entries(row.values).filter(([key]) => key === "_delete" || !key.startsWith("_")));
+  return includeIdentity && row.values._draftNew !== true ? { id: row.id, version: row.version, ...values } : values;
+}
+function BuilderEntryEditor({ view, editing, open, onClose }) {
+  const { hooks, notify } = useBuilderRuntime();
+  const [subforms, setSubforms] = useState4({});
+  const save = hooks.useSaveBuilderViewEntry(view.id);
+  const createComposite = hooks.useCreateCompositeBuilderViewEntry(view.id);
+  const updateComposite = hooks.useUpdateCompositeBuilderViewEntry(view.id);
+  const defaults = useMemo4(() => createBuilderEntryDefaultValues(view, editing), [editing, view]);
+  const form = useForm2({ defaultValues: defaults, values: open ? defaults : void 0 });
+  const close = () => {
+    setSubforms({});
+    onClose();
+  };
+  const submit = form.handleSubmit(async (input) => {
+    try {
+      const mainKey = dbTableName(view);
+      const hasSubformRows = Object.values(subforms).some((item) => item.rows.length > 0);
+      if (hasSubformRows && mainKey) {
+        const children = Object.fromEntries(Object.values(subforms).map((item) => [item.dataKey, item.rows.map((row) => childPayload(row, Boolean(editing)))]));
+        if (editing) {
+          await updateComposite.mutateAsync({ id: editing.id, input: { data: { [mainKey]: { id: editing.id, version: input.version, ...input.values }, ...children } } });
+        } else {
+          await createComposite.mutateAsync({ data: { [mainKey]: input.values, ...children } });
+        }
+      } else {
+        await save.mutateAsync({ id: editing?.id, input });
+      }
+      notify({ type: "success", message: editing ? "\u041C\u04E9\u0440 \u0445\u0430\u0434\u0433\u0430\u043B\u0430\u0433\u0434\u043B\u0430\u0430" : "\u041C\u04E9\u0440 \u043D\u044D\u043C\u044D\u0433\u0434\u043B\u044D\u044D" });
+      close();
+    } catch (error) {
+      notify({ type: "error", message: builderErrorMessage(error, "\u0425\u0430\u0434\u0433\u0430\u043B\u0430\u0445\u0430\u0434 \u0430\u043B\u0434\u0430\u0430 \u0433\u0430\u0440\u043B\u0430\u0430") });
+    }
+  });
+  const saving = save.isPending || createComposite.isPending || updateComposite.isPending;
+  const updateRows = ({ key, dataKey: dataKey2, rows }) => setSubforms((current) => ({ ...current, [key]: { dataKey: dataKey2, rows } }));
+  return /* @__PURE__ */ jsx6(ReadyOverlay, { open, presentation: view.form?.schema.presentation, title: editing ? "\u041C\u04E9\u0440 \u0437\u0430\u0441\u0430\u0445" : "\u041C\u04E9\u0440 \u043D\u044D\u043C\u044D\u0445", description: view.title, onClose: close, children: view.form ? /* @__PURE__ */ jsx6(FormProvider2, { ...form, children: /* @__PURE__ */ jsxs6("form", { className: "builder-form", onSubmit: submit, noValidate: true, children: [
+    /* @__PURE__ */ jsx6(ReadyFields, { formId: view.form.id, viewId: view.id, schema: view.form.schema }),
+    view.form.schema.subforms.map((subform) => /* @__PURE__ */ jsx6(ReadySubform, { subform, parentEntry: editing, rows: subforms[subform.key]?.rows ?? [], onRowsChange: updateRows }, subform.key)),
+    /* @__PURE__ */ jsxs6("div", { className: "builder-actions builder-actions--sticky", children: [
+      /* @__PURE__ */ jsx6("button", { type: "button", className: "builder-button builder-button--ghost", onClick: close, children: "\u0411\u043E\u043B\u0438\u0445" }),
+      /* @__PURE__ */ jsx6("button", { type: "submit", className: "builder-button builder-button--primary", disabled: saving, children: saving ? "\u0425\u0430\u0434\u0433\u0430\u043B\u0436 \u0431\u0430\u0439\u043D\u0430\u2026" : "\u0425\u0430\u0434\u0433\u0430\u043B\u0430\u0445" })
+    ] })
+  ] }) }) : /* @__PURE__ */ jsx6(ReadyErrorState, { title: "Form \u0445\u043E\u043B\u0431\u043E\u043E\u0433\u04AF\u0439", description: "\u042D\u043D\u044D view-\u0434 form \u0442\u043E\u0445\u0438\u0440\u0443\u0443\u043B\u0430\u0430\u0433\u04AF\u0439 \u0431\u0430\u0439\u043D\u0430." }) });
+}
+function BuilderView({ viewId }) {
+  const { hooks, notify } = useBuilderRuntime();
+  const [editing, setEditing] = useState4(null);
+  const [editorOpen, setEditorOpen] = useState4(false);
+  const [pendingDelete, setPendingDelete] = useState4(null);
+  const viewQuery = hooks.useRuntimeBuilderView(viewId);
+  const state = useReadyTableState();
+  const entriesQuery = hooks.useBuilderViewEntries(viewId, state.query);
+  const remove = hooks.useDeleteBuilderViewEntry(viewId);
+  const view = viewQuery.data;
+  const columns = useMemo4(() => {
+    const result = readyColumns(view?.list?.schema.columns ?? []);
+    if (!view) return result;
+    result.push({
+      key: "_actions",
+      label: "\u04AE\u0439\u043B\u0434\u044D\u043B",
+      sortable: false,
+      align: "right",
+      render: (entry) => /* @__PURE__ */ jsxs6("div", { className: "builder-row-actions", "data-builder-row-action": true, children: [
+        /* @__PURE__ */ jsx6("button", { type: "button", className: "builder-button builder-button--ghost", onClick: (event) => {
+          event.stopPropagation();
+          setEditing(entry);
+          setEditorOpen(true);
+        }, children: "\u0417\u0430\u0441\u0430\u0445" }),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: "builder-button builder-button--danger", onClick: (event) => {
+          event.stopPropagation();
+          setPendingDelete(entry);
+        }, children: "\u0423\u0441\u0442\u0433\u0430\u0445" })
+      ] })
+    });
+    return result;
+  }, [view]);
+  const table = useReadyTable({ columns, data: entriesQuery.data?.items ?? [], rowCount: entriesQuery.data?.total ?? 0, state, getRowId: (row) => row.id });
+  if (viewQuery.isError) return /* @__PURE__ */ jsx6(ReadyErrorState, { title: "View \u043D\u044D\u044D\u0433\u0434\u0441\u044D\u043D\u0433\u04AF\u0439", description: builderErrorMessage(viewQuery.error, `\xAB${viewId}\xBB view \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439`) });
+  return /* @__PURE__ */ jsxs6("div", { className: "builder-runtime", children: [
+    /* @__PURE__ */ jsx6(
+      ReadyDataGrid,
+      {
+        title: view?.title ?? "View",
+        description: view?.description,
+        controller: table,
+        isLoading: viewQuery.isPending || entriesQuery.isPending,
+        onRowClick: (entry) => {
+          setEditing(entry);
+          setEditorOpen(true);
+        },
+        toolbarExtra: /* @__PURE__ */ jsx6("button", { type: "button", className: "builder-button builder-button--primary", disabled: !view?.form, onClick: () => {
+          setEditing(null);
+          setEditorOpen(true);
+        }, children: "+ \u041D\u044D\u043C\u044D\u0445" })
+      }
+    ),
+    view ? /* @__PURE__ */ jsx6(BuilderEntryEditor, { view, editing, open: editorOpen, onClose: () => setEditorOpen(false) }) : null,
+    /* @__PURE__ */ jsx6(
+      ReadyConfirmDialog,
+      {
+        open: Boolean(pendingDelete),
+        title: "\u041C\u04E9\u0440 \u0443\u0441\u0442\u0433\u0430\u0445 \u0443\u0443?",
+        description: "\u042D\u043D\u044D \u04AF\u0439\u043B\u0434\u043B\u0438\u0439\u0433 \u0431\u0443\u0446\u0430\u0430\u0445 \u0431\u043E\u043B\u043E\u043C\u0436\u0433\u04AF\u0439.",
+        isPending: remove.isPending,
+        onClose: () => setPendingDelete(null),
+        onConfirm: () => {
+          if (!pendingDelete) return;
+          remove.mutate(pendingDelete.id, {
+            onSuccess: () => {
+              setPendingDelete(null);
+              notify({ type: "success", message: "\u041C\u04E9\u0440 \u0443\u0441\u0442\u0433\u0430\u0433\u0434\u043B\u0430\u0430" });
+            },
+            onError: (error) => notify({ type: "error", message: builderErrorMessage(error, "\u0423\u0441\u0442\u0433\u0430\u0445\u0430\u0434 \u0430\u043B\u0434\u0430\u0430 \u0433\u0430\u0440\u043B\u0430\u0430") })
+          });
+        }
+      }
+    )
+  ] });
+}
+
+// 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 ?? "",
+    presentation: subform.presentation ?? "dialog"
+  }));
   return {
     title: form.title,
     description: form.description ?? "",
+    presentation: form.schema.presentation ?? "dialog",
     sourceType: source?.type ?? "none",
     sourceTable: source?.type === "dbTable" ? source.tableName : BUILDER_EDITOR_NONE_VALUE,
     apiBasePath: source?.type === "apiEndpoint" ? source.basePath : "",
@@ -214,6 +1333,7 @@ function builderFormEditorInputFromValues(values) {
     description: values.description || null,
     source,
     schema: {
+      presentation: values.presentation ?? "dialog",
       fields: values.fields.map((field) => ({
         key: field.key,
         label: field.label,
@@ -258,7 +1378,8 @@ function builderFormEditorInputFromValues(values) {
         parentField: subform.parentField,
         childField: subform.childField,
         buttonLabel: subform.buttonLabel?.trim() || void 0,
-        icon: subform.icon?.trim() || void 0
+        icon: subform.icon?.trim() || void 0,
+        presentation: subform.presentation ?? "dialog"
       }))
     },
     triggers: values.triggers.map((trigger) => ({
@@ -302,7 +1423,7 @@ function builderViewEditorInputFromValues(values, parseTriggers) {
 }
 
 // src/admin/BuilderDefaultEditorBodies.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var styles = {
   page: {
     display: "grid",
@@ -423,7 +1544,7 @@ var styles = {
   }
 };
 function optionItems(options) {
-  return options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value));
+  return options.map((option) => /* @__PURE__ */ jsx7("option", { value: option.value, children: option.label }, option.value));
 }
 function createBuilderDefaultFormEditorBody(options) {
   return function BuilderDefaultFormEditorBody({
@@ -441,48 +1562,55 @@ function createBuilderDefaultFormEditorBody(options) {
     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." })
+    return /* @__PURE__ */ jsxs7("div", { style: styles.page, children: [
+      /* @__PURE__ */ jsxs7("div", { style: styles.header, children: [
+        /* @__PURE__ */ jsxs7("div", { children: [
+          /* @__PURE__ */ jsx7("h1", { style: styles.title, children: formId ? "Edit Dynamic Form" : "New Dynamic Form" }),
+          /* @__PURE__ */ jsx7("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__ */ jsxs7("div", { style: styles.actions, children: [
+          /* @__PURE__ */ jsx7("a", { href: options.backHref, style: styles.button, children: "Cancel" }),
+          /* @__PURE__ */ jsx7("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__ */ jsxs7("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsx7("div", { style: styles.sectionHeader, children: /* @__PURE__ */ jsx7("h2", { style: styles.sectionTitle, children: "Details" }) }),
+        /* @__PURE__ */ jsxs7("div", { style: { ...styles.grid, ...styles.twoColumn }, children: [
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Title" }),
+            /* @__PURE__ */ jsx7("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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Description" }),
+            /* @__PURE__ */ jsx7("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" })
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Presentation" }),
+            /* @__PURE__ */ jsxs7("select", { style: styles.input, ...form.register("presentation"), children: [
+              /* @__PURE__ */ jsx7("option", { value: "dialog", children: "Dialog" }),
+              /* @__PURE__ */ jsx7("option", { value: "drawer", children: "Drawer" })
             ] })
           ] }),
-          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))
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Datasource" }),
+            /* @__PURE__ */ jsxs7("select", { style: styles.input, ...form.register("sourceType"), children: [
+              /* @__PURE__ */ jsx7("option", { value: "none", children: "None" }),
+              /* @__PURE__ */ jsx7("option", { value: "dbTable", children: "DB table" }),
+              /* @__PURE__ */ jsx7("option", { value: "apiEndpoint", children: "API endpoint" })
+            ] })
+          ] }),
+          sourceType === "dbTable" ? /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Table" }),
+            /* @__PURE__ */ jsxs7("select", { style: styles.input, ...form.register("sourceTable"), children: [
+              /* @__PURE__ */ jsx7("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "Select table" }),
+              tables.map((table) => /* @__PURE__ */ jsx7("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") })
+          sourceType === "apiEndpoint" ? /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "API base path" }),
+            /* @__PURE__ */ jsx7("input", { style: styles.input, ...form.register("apiBasePath") })
           ] }) : null,
-          sourceType === "dbTable" ? /* @__PURE__ */ jsx("div", { style: { ...styles.field, justifyContent: "end" }, children: /* @__PURE__ */ jsx(
+          sourceType === "dbTable" ? /* @__PURE__ */ jsx7("div", { style: { ...styles.field, justifyContent: "end" }, children: /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -494,13 +1622,13 @@ function createBuilderDefaultFormEditorBody(options) {
           ) }) : 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__ */ jsxs7("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs7("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("h2", { style: styles.sectionTitle, children: "Fields" }),
+            /* @__PURE__ */ jsx7("p", { style: styles.description, children: "Runtime form inputs." })
           ] }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -518,18 +1646,18 @@ function createBuilderDefaultFormEditorBody(options) {
             }
           )
         ] }),
-        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`) })
+        fieldArray.fields.map((field, index) => /* @__PURE__ */ jsxs7("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Key" }),
+            /* @__PURE__ */ jsx7("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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Label" }),
+            /* @__PURE__ */ jsx7("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(
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Type" }),
+            /* @__PURE__ */ jsx7(
               "select",
               {
                 style: styles.input,
@@ -538,27 +1666,27 @@ function createBuilderDefaultFormEditorBody(options) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
-            /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`fields.${index}.required`) }),
+          /* @__PURE__ */ jsxs7("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx7("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`) }),
+          /* @__PURE__ */ jsxs7("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx7("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`) }),
+          /* @__PURE__ */ jsxs7("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx7("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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Placeholder" }),
+            /* @__PURE__ */ jsx7("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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Static options" }),
+            /* @__PURE__ */ jsx7("textarea", { style: styles.textarea, ...form.register(`fields.${index}.optionsText`) })
           ] }),
-          /* @__PURE__ */ jsx("div", { style: styles.actions, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx7("div", { style: styles.actions, children: /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -570,13 +1698,13 @@ function createBuilderDefaultFormEditorBody(options) {
           ) })
         ] }, 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__ */ jsxs7("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs7("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("h2", { style: styles.sectionTitle, children: "Layout" }),
+            /* @__PURE__ */ jsx7("p", { style: styles.description, children: "Default layout can be regenerated from current fields." })
           ] }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -588,14 +1716,14 @@ function createBuilderDefaultFormEditorBody(options) {
             }
           )
         ] }),
-        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`) })
+        form.watch("layoutGroups").map((group, groupIndex) => /* @__PURE__ */ jsxs7("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Group title" }),
+            /* @__PURE__ */ jsx7("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(
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Columns" }),
+            /* @__PURE__ */ jsxs7(
               "select",
               {
                 style: styles.input,
@@ -606,16 +1734,16 @@ function createBuilderDefaultFormEditorBody(options) {
                   { 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__ */ jsx7("option", { value: 6, children: "6" }),
+                  /* @__PURE__ */ jsx7("option", { value: 8, children: "8" }),
+                  /* @__PURE__ */ jsx7("option", { value: 12, children: "12" })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
-            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Fields" }),
-            /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Fields" }),
+            /* @__PURE__ */ jsx7(
               "input",
               {
                 style: styles.input,
@@ -626,13 +1754,13 @@ function createBuilderDefaultFormEditorBody(options) {
           ] })
         ] }, 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__ */ jsxs7("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs7("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("h2", { style: styles.sectionTitle, children: "Subforms" }),
+            /* @__PURE__ */ jsx7("p", { style: styles.description, children: "Optional nested runtime view bindings." })
           ] }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -644,48 +1772,63 @@ function createBuilderDefaultFormEditorBody(options) {
                 parentField: "id",
                 childField: "parentId",
                 buttonLabel: "",
-                icon: ""
+                icon: "",
+                presentation: "dialog"
               }),
               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`) })
+        subformArray.fields.map((subform, index) => /* @__PURE__ */ jsxs7("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Key" }),
+            /* @__PURE__ */ jsx7("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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Label" }),
+            /* @__PURE__ */ jsx7("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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "View ID" }),
+            /* @__PURE__ */ jsx7("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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Parent field" }),
+            /* @__PURE__ */ jsx7("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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Child field" }),
+            /* @__PURE__ */ jsx7("input", { style: styles.input, ...form.register(`subforms.${index}.childField`) })
+          ] }),
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Presentation" }),
+            /* @__PURE__ */ jsxs7(
+              "select",
+              {
+                style: styles.input,
+                ...form.register(`subforms.${index}.presentation`),
+                children: [
+                  /* @__PURE__ */ jsx7("option", { value: "dialog", children: "Dialog" }),
+                  /* @__PURE__ */ jsx7("option", { value: "drawer", children: "Drawer" })
+                ]
+              }
+            )
           ] }),
-          /* @__PURE__ */ jsx("button", { type: "button", style: styles.button, onClick: () => subformArray.remove(index), children: "Remove" })
+          /* @__PURE__ */ jsx7("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__ */ jsxs7("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs7("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("h2", { style: styles.sectionTitle, children: "Form Triggers" }),
+            /* @__PURE__ */ jsx7("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" })
+          /* @__PURE__ */ jsx7("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(
+        triggerArray.fields.map((trigger, index) => /* @__PURE__ */ jsxs7("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Event" }),
+            /* @__PURE__ */ jsx7(
               "select",
               {
                 style: styles.input,
@@ -696,19 +1839,19 @@ function createBuilderDefaultFormEditorBody(options) {
               }
             )
           ] }),
-          /* @__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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Route" }),
+            /* @__PURE__ */ jsx7("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`) }),
+          /* @__PURE__ */ jsxs7("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx7("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`) }),
+          /* @__PURE__ */ jsxs7("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx7("input", { type: "checkbox", ...form.register(`triggers.${index}.blocking`) }),
             "Blocking"
           ] }),
-          /* @__PURE__ */ jsx("button", { type: "button", style: styles.button, onClick: () => triggerArray.remove(index), children: "Remove" })
+          /* @__PURE__ */ jsx7("button", { type: "button", style: styles.button, onClick: () => triggerArray.remove(index), children: "Remove" })
         ] }, trigger.id))
       ] })
     ] });
@@ -728,48 +1871,48 @@ function createBuilderDefaultListEditorBody(options) {
     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." })
+    return /* @__PURE__ */ jsxs7("div", { style: styles.page, children: [
+      /* @__PURE__ */ jsxs7("div", { style: styles.header, children: [
+        /* @__PURE__ */ jsxs7("div", { children: [
+          /* @__PURE__ */ jsx7("h1", { style: styles.title, children: listId ? "Edit Dynamic List" : "New Dynamic List" }),
+          /* @__PURE__ */ jsx7("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__ */ jsxs7("div", { style: styles.actions, children: [
+          /* @__PURE__ */ jsx7("a", { href: options.backHref, style: styles.button, children: "Cancel" }),
+          /* @__PURE__ */ jsx7("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__ */ jsxs7("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsx7("div", { style: styles.sectionHeader, children: /* @__PURE__ */ jsx7("h2", { style: styles.sectionTitle, children: "Details" }) }),
+        /* @__PURE__ */ jsxs7("div", { style: { ...styles.grid, ...styles.twoColumn }, children: [
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Title" }),
+            /* @__PURE__ */ jsx7("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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Description" }),
+            /* @__PURE__ */ jsx7("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" })
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Datasource" }),
+            /* @__PURE__ */ jsxs7("select", { style: styles.input, ...form.register("sourceType"), children: [
+              /* @__PURE__ */ jsx7("option", { value: "none", children: "None" }),
+              /* @__PURE__ */ jsx7("option", { value: "dbTable", children: "DB table" }),
+              /* @__PURE__ */ jsx7("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))
+          sourceType === "dbTable" ? /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Table" }),
+            /* @__PURE__ */ jsxs7("select", { style: styles.input, ...form.register("sourceTable"), children: [
+              /* @__PURE__ */ jsx7("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "Select table" }),
+              tables.map((table) => /* @__PURE__ */ jsx7("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") })
+          sourceType === "apiEndpoint" ? /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "API base path" }),
+            /* @__PURE__ */ jsx7("input", { style: styles.input, ...form.register("apiBasePath") })
           ] }) : null,
-          sourceType === "dbTable" ? /* @__PURE__ */ jsx("div", { style: { ...styles.field, justifyContent: "end" }, children: /* @__PURE__ */ jsx(
+          sourceType === "dbTable" ? /* @__PURE__ */ jsx7("div", { style: { ...styles.field, justifyContent: "end" }, children: /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -781,13 +1924,13 @@ function createBuilderDefaultListEditorBody(options) {
           ) }) : 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__ */ jsxs7("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs7("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("h2", { style: styles.sectionTitle, children: "Columns" }),
+            /* @__PURE__ */ jsx7("p", { style: styles.description, children: "Runtime list columns." })
           ] }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -801,27 +1944,27 @@ function createBuilderDefaultListEditorBody(options) {
             }
           )
         ] }),
-        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`) })
+        columnArray.fields.map((column, index) => /* @__PURE__ */ jsxs7("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Key" }),
+            /* @__PURE__ */ jsx7("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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Label" }),
+            /* @__PURE__ */ jsx7("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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Align" }),
+            /* @__PURE__ */ jsxs7("select", { style: styles.input, ...form.register(`columns.${index}.align`), children: [
+              /* @__PURE__ */ jsx7("option", { value: "left", children: "Left" }),
+              /* @__PURE__ */ jsx7("option", { value: "right", children: "Right" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs("label", { style: styles.checkboxField, children: [
-            /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register(`columns.${index}.sortable`) }),
+          /* @__PURE__ */ jsxs7("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx7("input", { type: "checkbox", ...form.register(`columns.${index}.sortable`) }),
             "Sortable"
           ] }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
@@ -833,18 +1976,18 @@ function createBuilderDefaultListEditorBody(options) {
           )
         ] }, 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__ */ jsxs7("section", { style: styles.section, children: [
+        /* @__PURE__ */ jsxs7("div", { style: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("h2", { style: styles.sectionTitle, children: "List Triggers" }),
+            /* @__PURE__ */ jsx7("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" })
+          /* @__PURE__ */ jsx7("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(
+        triggerArray.fields.map((trigger, index) => /* @__PURE__ */ jsxs7("div", { style: styles.row, children: [
+          /* @__PURE__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Event" }),
+            /* @__PURE__ */ jsx7(
               "select",
               {
                 style: styles.input,
@@ -855,19 +1998,19 @@ function createBuilderDefaultListEditorBody(options) {
               }
             )
           ] }),
-          /* @__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__ */ jsxs7("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx7("span", { style: styles.label, children: "Route" }),
+            /* @__PURE__ */ jsx7("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`) }),
+          /* @__PURE__ */ jsxs7("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx7("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`) }),
+          /* @__PURE__ */ jsxs7("label", { style: styles.checkboxField, children: [
+            /* @__PURE__ */ jsx7("input", { type: "checkbox", ...form.register(`triggers.${index}.blocking`) }),
             "Blocking"
           ] }),
-          /* @__PURE__ */ jsx("button", { type: "button", style: styles.button, onClick: () => triggerArray.remove(index), children: "Remove" })
+          /* @__PURE__ */ jsx7("button", { type: "button", style: styles.button, onClick: () => triggerArray.remove(index), children: "Remove" })
         ] }, trigger.id))
       ] })
     ] });
@@ -875,8 +2018,8 @@ function createBuilderDefaultListEditorBody(options) {
 }
 
 // src/admin/BuilderDefaultEntityManager.tsx
-import { useMemo, useState } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useMemo as useMemo5, useState as useState5 } from "react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var styles2 = {
   page: {
     display: "grid",
@@ -972,12 +2115,12 @@ var styles2 = {
 };
 function createBuilderDefaultEntityManagerComponent(deps) {
   return function BuilderDefaultEntityManager() {
-    const [state, setState] = useState({
+    const [state, setState] = useState5({
       page: 1,
       pageSize: 20,
       search: ""
     });
-    const query = deps.hooks.useEntities(useMemo(() => deps.buildQuery(state), [state]));
+    const query = deps.hooks.useEntities(useMemo5(() => deps.buildQuery(state), [state]));
     const remove = deps.hooks.useDelete();
     const replicate = deps.hooks.useReplicate();
     const items = query.data?.items ?? [];
@@ -993,16 +2136,16 @@ function createBuilderDefaultEntityManagerComponent(deps) {
       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 })
+    return /* @__PURE__ */ jsxs8("section", { style: styles2.page, children: [
+      /* @__PURE__ */ jsxs8("div", { style: styles2.header, children: [
+        /* @__PURE__ */ jsxs8("div", { children: [
+          /* @__PURE__ */ jsx8("h1", { style: styles2.title, children: deps.labels.title }),
+          /* @__PURE__ */ jsx8("p", { style: styles2.description, children: deps.labels.description })
         ] }),
-        deps.createHref ? /* @__PURE__ */ jsx2("a", { href: deps.createHref, style: styles2.primaryButton, children: deps.labels.addLabel }) : null
+        deps.createHref ? /* @__PURE__ */ jsx8("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(
+      /* @__PURE__ */ jsxs8("div", { style: styles2.card, children: [
+        /* @__PURE__ */ jsx8("div", { style: styles2.toolbar, children: /* @__PURE__ */ jsx8(
           "input",
           {
             style: styles2.input,
@@ -1011,21 +2154,21 @@ function createBuilderDefaultEntityManagerComponent(deps) {
             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__ */ jsx8("div", { style: styles2.tableWrap, children: /* @__PURE__ */ jsxs8("table", { style: styles2.table, children: [
+          /* @__PURE__ */ jsx8("thead", { children: /* @__PURE__ */ jsxs8("tr", { children: [
+            /* @__PURE__ */ jsx8("th", { style: styles2.th, children: deps.labels.title }),
+            /* @__PURE__ */ jsx8("th", { style: styles2.th, children: "Detail" }),
+            /* @__PURE__ */ jsx8("th", { style: styles2.th, children: "Description" }),
+            /* @__PURE__ */ jsx8("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(
+          /* @__PURE__ */ jsx8("tbody", { children: items.map((entity) => /* @__PURE__ */ jsxs8("tr", { children: [
+            /* @__PURE__ */ jsx8("td", { style: styles2.td, children: /* @__PURE__ */ jsx8("a", { href: deps.editHref(entity), children: entity.title }) }),
+            /* @__PURE__ */ jsx8("td", { style: styles2.td, children: deps.getDetail?.(entity) ?? "-" }),
+            /* @__PURE__ */ jsx8("td", { style: styles2.td, children: entity.description || "-" }),
+            /* @__PURE__ */ jsx8("td", { style: styles2.td, children: /* @__PURE__ */ jsxs8("div", { style: styles2.actions, children: [
+              deps.runtimeHref ? /* @__PURE__ */ jsx8("a", { href: deps.runtimeHref(entity), style: styles2.button, children: deps.labels.runtimeLabel }) : null,
+              /* @__PURE__ */ jsx8("a", { href: deps.editHref(entity), style: styles2.button, children: deps.labels.editLabel }),
+              /* @__PURE__ */ jsx8(
                 "button",
                 {
                   type: "button",
@@ -1034,7 +2177,7 @@ function createBuilderDefaultEntityManagerComponent(deps) {
                   children: deps.labels.replicateLabel
                 }
               ),
-              /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx8(
                 "button",
                 {
                   type: "button",
@@ -1047,11 +2190,11 @@ function createBuilderDefaultEntityManagerComponent(deps) {
             ] }) })
           ] }, 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 })
+        query.isPending ? /* @__PURE__ */ jsx8("div", { style: styles2.empty, children: "Loading..." }) : null,
+        query.isError ? /* @__PURE__ */ jsx8("div", { style: styles2.empty, children: "Failed to load." }) : null,
+        !query.isPending && !query.isError && items.length === 0 ? /* @__PURE__ */ jsxs8("div", { style: styles2.empty, children: [
+          /* @__PURE__ */ jsx8("strong", { children: deps.labels.emptyTitle }),
+          /* @__PURE__ */ jsx8("div", { children: deps.labels.emptyDescription })
         ] }) : null
       ] })
     ] });
@@ -1059,9 +2202,9 @@ function createBuilderDefaultEntityManagerComponent(deps) {
 }
 
 // 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";
+import { useEffect as useEffect3 } from "react";
+import { useForm as useForm3 } from "react-hook-form";
+import { Fragment, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var styles3 = {
   page: {
     display: "grid",
@@ -1171,14 +2314,14 @@ function createBuilderDefaultViewEditorPage(options) {
     const forms = options.hooks.useBuilderFormOptions();
     const lists = options.hooks.useBuilderListOptions();
     const save = options.hooks.useSaveBuilderView();
-    const form = useForm({
+    const form = useForm3({
       defaultValues: {
         ...defaultEmptyValues,
         permissionRead: defaultPermission,
         permissionWrite: defaultPermission
       }
     });
-    useEffect(() => {
+    useEffect3(() => {
       if (viewId && !view.data) return;
       form.reset(
         builderViewEditorValuesFromEntity(
@@ -1209,64 +2352,64 @@ function createBuilderDefaultViewEditorPage(options) {
       }
     });
     if (viewId && view.isPending) {
-      return /* @__PURE__ */ jsx3("div", { style: styles3.state, children: "Loading..." });
+      return /* @__PURE__ */ jsx9("div", { style: styles3.state, children: "Loading..." });
     }
     if (viewId && view.isError) {
-      return /* @__PURE__ */ jsx3("div", { style: styles3.state, children: "Failed to load view." });
+      return /* @__PURE__ */ jsx9("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." })
+    return /* @__PURE__ */ jsxs9("form", { onSubmit, noValidate: true, style: styles3.page, children: [
+      /* @__PURE__ */ jsxs9("div", { style: styles3.header, children: [
+        /* @__PURE__ */ jsxs9("div", { children: [
+          /* @__PURE__ */ jsx9("h1", { style: styles3.title, children: viewId ? "Edit Dynamic View" : "New Dynamic View" }),
+          /* @__PURE__ */ jsx9("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__ */ jsxs9("div", { style: styles3.actions, children: [
+          /* @__PURE__ */ jsx9("a", { href: options.backHref, style: styles3.button, children: "Cancel" }),
+          /* @__PURE__ */ jsx9("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__ */ jsx9("section", { style: styles3.section, children: /* @__PURE__ */ jsxs9("div", { style: styles3.grid, children: [
+        /* @__PURE__ */ jsxs9("label", { style: styles3.field, children: [
+          /* @__PURE__ */ jsx9("span", { style: styles3.label, children: "Title" }),
+          /* @__PURE__ */ jsx9("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__ */ jsxs9("label", { style: styles3.field, children: [
+          /* @__PURE__ */ jsx9("span", { style: styles3.label, children: "Description" }),
+          /* @__PURE__ */ jsx9("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__ */ jsxs9("label", { style: styles3.field, children: [
+          /* @__PURE__ */ jsx9("span", { style: styles3.label, children: "Form" }),
+          /* @__PURE__ */ jsxs9("select", { style: styles3.input, ...form.register("formId"), children: [
+            /* @__PURE__ */ jsx9("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "No form" }),
+            (forms.data ?? []).map((item) => /* @__PURE__ */ jsx9("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))
+        /* @__PURE__ */ jsxs9("label", { style: styles3.field, children: [
+          /* @__PURE__ */ jsx9("span", { style: styles3.label, children: "List" }),
+          /* @__PURE__ */ jsxs9("select", { style: styles3.input, ...form.register("listId"), children: [
+            /* @__PURE__ */ jsx9("option", { value: BUILDER_EDITOR_NONE_VALUE, children: "No list" }),
+            (lists.data ?? []).map((item) => /* @__PURE__ */ jsx9("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))
+        showPermissions ? /* @__PURE__ */ jsxs9(Fragment, { children: [
+          /* @__PURE__ */ jsxs9("label", { style: styles3.field, children: [
+            /* @__PURE__ */ jsx9("span", { style: styles3.label, children: "Read permission" }),
+            /* @__PURE__ */ jsxs9("select", { style: styles3.input, ...form.register("permissionRead"), children: [
+              /* @__PURE__ */ jsx9("option", { value: "", children: "Authenticated users" }),
+              options.permissionOptions.map((permission) => /* @__PURE__ */ jsx9("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))
+          /* @__PURE__ */ jsxs9("label", { style: styles3.field, children: [
+            /* @__PURE__ */ jsx9("span", { style: styles3.label, children: "Write permission" }),
+            /* @__PURE__ */ jsxs9("select", { style: styles3.input, ...form.register("permissionWrite"), children: [
+              /* @__PURE__ */ jsx9("option", { value: "", children: "Authenticated users" }),
+              options.permissionOptions.map((permission) => /* @__PURE__ */ jsx9("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") })
+        /* @__PURE__ */ jsxs9("label", { style: { ...styles3.field, gridColumn: "1 / -1" }, children: [
+          /* @__PURE__ */ jsx9("span", { style: styles3.label, children: "Triggers JSON" }),
+          /* @__PURE__ */ jsx9("textarea", { style: styles3.textarea, ...form.register("triggersText") })
         ] })
       ] }) })
     ] });
@@ -1274,32 +2417,32 @@ function createBuilderDefaultViewEditorPage(options) {
 }
 
 // src/admin/BuilderEditorPage.tsx
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect4 } from "react";
 import {
-  FormProvider,
+  FormProvider as FormProvider3,
   useFieldArray,
-  useForm as useForm2,
-  useWatch
+  useForm as useForm4,
+  useWatch as useWatch2
 } from "react-hook-form";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx10 } 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({
+    const form = useForm4({
       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(() => {
+    const fields = useWatch2({ control: form.control, name: "fields" }) ?? [];
+    const subforms = useWatch2({ control: form.control, name: "subforms" }) ?? [];
+    const sourceType = useWatch2({ control: form.control, name: "sourceType" });
+    const sourceTable = useWatch2({ control: form.control, name: "sourceTable" });
+    useEffect4(() => {
       if (formId && !entityQuery.data) return;
       form.reset(builderFormEditorValuesFromEntity(entityQuery.data ?? null, deps.emptyValues));
     }, [entityQuery.data, form, formId]);
@@ -1322,12 +2465,12 @@ function createBuilderFormEditorPageComponent(deps) {
       }
     });
     if (formId && entityQuery.isPending) {
-      return /* @__PURE__ */ jsx4("div", { className: "text-muted-foreground text-sm", children: deps.states.loading });
+      return /* @__PURE__ */ jsx10("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__ */ jsx10("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(
+    return /* @__PURE__ */ jsx10(FormProvider3, { ...form, children: /* @__PURE__ */ jsx10("form", { onSubmit, noValidate: true, className: "space-y-6", children: /* @__PURE__ */ jsx10(
       Body,
       {
         formId,
@@ -1354,15 +2497,15 @@ function createBuilderListEditorPageComponent(deps) {
     const entityQuery = deps.hooks.useEntity(listId);
     const tables = deps.hooks.useTables();
     const save = deps.hooks.useSave();
-    const form = useForm2({
+    const form = useForm4({
       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(() => {
+    const sourceType = useWatch2({ control: form.control, name: "sourceType" });
+    const sourceTable = useWatch2({ control: form.control, name: "sourceTable" });
+    useEffect4(() => {
       if (listId && !entityQuery.data) return;
       form.reset(builderListEditorValuesFromEntity(entityQuery.data ?? null, deps.emptyValues));
     }, [entityQuery.data, form, listId]);
@@ -1381,12 +2524,12 @@ function createBuilderListEditorPageComponent(deps) {
       }
     });
     if (listId && entityQuery.isPending) {
-      return /* @__PURE__ */ jsx4("div", { className: "text-muted-foreground text-sm", children: deps.states.loading });
+      return /* @__PURE__ */ jsx10("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__ */ jsx10("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(
+    return /* @__PURE__ */ jsx10(FormProvider3, { ...form, children: /* @__PURE__ */ jsx10("form", { onSubmit, noValidate: true, className: "space-y-6", children: /* @__PURE__ */ jsx10(
       Body,
       {
         listId,
@@ -1406,7 +2549,7 @@ function createBuilderListEditorPageComponent(deps) {
 }
 
 // src/admin/BuilderAdminPages.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var defaultFieldTypeOptions = [
   { value: "text", label: "Text" },
   { value: "textarea", label: "Textarea" },
@@ -1534,6 +2677,7 @@ function createBuilderAdminPages({
   const emptyFormValues = {
     title: "",
     description: "",
+    presentation: "dialog",
     sourceType: "none",
     sourceTable: BUILDER_EDITOR_NONE_VALUE,
     apiBasePath: "",
@@ -1663,14 +2807,14 @@ function createBuilderAdminPages({
         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." })
+    return /* @__PURE__ */ jsxs10("section", { style: homeStyles.page, children: [
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx11("h1", { style: homeStyles.headerTitle, children: "Builder" }),
+        /* @__PURE__ */ jsx11("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 })
+      /* @__PURE__ */ jsx11("div", { style: homeStyles.grid, children: items.map((item) => /* @__PURE__ */ jsxs10("a", { href: item.href, style: homeStyles.card, children: [
+        /* @__PURE__ */ jsx11("h2", { style: homeStyles.cardTitle, children: item.title }),
+        /* @__PURE__ */ jsx11("p", { style: homeStyles.description, children: item.description })
       ] }, item.href)) })
     ] });
   };
@@ -1759,24 +2903,24 @@ function createBuilderAdminPages({
     AdminHomePage,
     AdminFormsPage,
     AdminNewFormPage: function BuilderAdminNewFormPage() {
-      return /* @__PURE__ */ jsx5(FormEditorPage, {});
+      return /* @__PURE__ */ jsx11(FormEditorPage, {});
     },
     AdminEditFormPage: function BuilderAdminEditFormPage({ formId }) {
-      return /* @__PURE__ */ jsx5(FormEditorPage, { formId });
+      return /* @__PURE__ */ jsx11(FormEditorPage, { formId });
     },
     AdminListsPage,
     AdminNewListPage: function BuilderAdminNewListPage() {
-      return /* @__PURE__ */ jsx5(ListEditorPage, {});
+      return /* @__PURE__ */ jsx11(ListEditorPage, {});
     },
     AdminEditListPage: function BuilderAdminEditListPage({ listId }) {
-      return /* @__PURE__ */ jsx5(ListEditorPage, { listId });
+      return /* @__PURE__ */ jsx11(ListEditorPage, { listId });
     },
     AdminViewsPage,
     AdminNewViewPage: function BuilderAdminNewViewPage() {
-      return /* @__PURE__ */ jsx5(ViewEditorPage, {});
+      return /* @__PURE__ */ jsx11(ViewEditorPage, {});
     },
     AdminEditViewPage: function BuilderAdminEditViewPage({ viewId }) {
-      return /* @__PURE__ */ jsx5(ViewEditorPage, { viewId });
+      return /* @__PURE__ */ jsx11(ViewEditorPage, { viewId });
     },
     routes: {
       adminBasePath,
@@ -1794,16 +2938,16 @@ function createBuilderAdminPages({
 }
 
 // src/admin/BuilderEntityManager.tsx
-import { useCallback, useMemo as useMemo2, useState as useState2 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useMemo as useMemo6, useState as useState6 } from "react";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function createBuilderEntityManagerComponent(deps) {
   return function BuilderEntityManager() {
-    const [pendingDelete, setPendingDelete] = useState2(null);
+    const [pendingDelete, setPendingDelete] = useState6(null);
     const state = deps.useDataTableState({ pageSize: 20 });
     const query = deps.hooks.useEntities(state.query);
     const remove = deps.hooks.useDelete();
     const replicate = deps.hooks.useReplicate();
-    const columns = useMemo2(
+    const columns = useMemo6(
       () => deps.buildColumns({
         onEdit: deps.navigateToEdit,
         onReplicate: async (entity) => {
@@ -1823,8 +2967,8 @@ function createBuilderEntityManagerComponent(deps) {
       state,
       getRowId: (row) => row.id
     });
-    return /* @__PURE__ */ jsxs5("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsxs11("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx12(
         deps.DataGrid,
         {
           title: deps.labels.title,
@@ -1835,10 +2979,10 @@ function createBuilderEntityManagerComponent(deps) {
           emptyTitle: deps.labels.emptyTitle,
           emptyDescription: deps.labels.emptyDescription,
           onRowClick: deps.navigateToEdit,
-          toolbarExtra: /* @__PURE__ */ jsx6(deps.AddButton, { href: deps.createHref, label: deps.labels.addLabel })
+          toolbarExtra: /* @__PURE__ */ jsx12(deps.AddButton, { href: deps.createHref, label: deps.labels.addLabel })
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx12(
         deps.DeleteDialog,
         {
           entity: pendingDelete,
@@ -1858,18 +3002,18 @@ function createBuilderEntityManagerComponent(deps) {
 }
 function createBuilderEntityDialogManagerComponent(deps) {
   return function BuilderEntityDialogManager() {
-    const [editing, setEditing] = useState2(null);
-    const [isEditorOpen, setEditorOpen] = useState2(false);
-    const [pendingDelete, setPendingDelete] = useState2(null);
+    const [editing, setEditing] = useState6(null);
+    const [isEditorOpen, setEditorOpen] = useState6(false);
+    const [pendingDelete, setPendingDelete] = useState6(null);
     const state = deps.useDataTableState({ pageSize: 20 });
     const query = deps.hooks.useEntities(state.query);
     const remove = deps.hooks.useDelete();
     const replicate = deps.hooks.useReplicate();
-    const openEditor = useCallback((entity) => {
+    const openEditor = useCallback2((entity) => {
       setEditing(entity);
       setEditorOpen(true);
     }, []);
-    const columns = useMemo2(
+    const columns = useMemo6(
       () => deps.buildColumns({
         onEdit: (entity) => openEditor(entity),
         onReplicate: async (entity) => {
@@ -1889,8 +3033,8 @@ function createBuilderEntityDialogManagerComponent(deps) {
       state,
       getRowId: (row) => row.id
     });
-    return /* @__PURE__ */ jsxs5("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsxs11("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx12(
         deps.DataGrid,
         {
           title: deps.labels.title,
@@ -1901,10 +3045,10 @@ function createBuilderEntityDialogManagerComponent(deps) {
           emptyTitle: deps.labels.emptyTitle,
           emptyDescription: deps.labels.emptyDescription,
           onRowClick: openEditor,
-          toolbarExtra: /* @__PURE__ */ jsx6(deps.AddButton, { label: deps.labels.addLabel, onAdd: () => openEditor(null) })
+          toolbarExtra: /* @__PURE__ */ jsx12(deps.AddButton, { label: deps.labels.addLabel, onAdd: () => openEditor(null) })
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx12(
         deps.EditorDialog,
         {
           open: isEditorOpen,
@@ -1912,7 +3056,7 @@ function createBuilderEntityDialogManagerComponent(deps) {
           onClose: () => setEditorOpen(false)
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx12(
         deps.DeleteDialog,
         {
           entity: pendingDelete,
@@ -1932,9 +3076,9 @@ function createBuilderEntityDialogManagerComponent(deps) {
 }
 
 // src/admin/BuilderViewDialog.tsx
-import { useEffect as useEffect3 } from "react";
-import { FormProvider as FormProvider2, useForm as useForm3 } from "react-hook-form";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { useEffect as useEffect5 } from "react";
+import { FormProvider as FormProvider4, useForm as useForm5 } from "react-hook-form";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function createBuilderViewDialogComponent(deps) {
   return function BuilderViewDialog({
     open,
@@ -1945,11 +3089,11 @@ function createBuilderViewDialogComponent(deps) {
     onSave,
     isSaving
   }) {
-    const form = useForm3({
+    const form = useForm5({
       resolver: deps.resolver,
       defaultValues: deps.emptyValues
     });
-    useEffect3(() => {
+    useEffect5(() => {
       if (!open) return;
       form.reset(
         builderViewEditorValuesFromEntity(editing, deps.emptyValues, deps.defaultPermission)
@@ -1964,7 +3108,7 @@ function createBuilderViewDialogComponent(deps) {
         deps.notifications.error(error);
       }
     });
-    return /* @__PURE__ */ jsx7(deps.Shell, { open, editing, onClose, children: /* @__PURE__ */ jsx7(FormProvider2, { ...form, children: /* @__PURE__ */ jsx7("form", { onSubmit, noValidate: true, children: deps.Body({
+    return /* @__PURE__ */ jsx13(deps.Shell, { open, editing, onClose, children: /* @__PURE__ */ jsx13(FormProvider4, { ...form, children: /* @__PURE__ */ jsx13("form", { onSubmit, noValidate: true, children: deps.Body({
       form,
       editing,
       forms,
@@ -1978,8 +3122,8 @@ function createBuilderViewDialogComponent(deps) {
 }
 
 // src/admin/formLayoutEditorState.ts
-import { useMemo as useMemo3 } from "react";
-import { useWatch as useWatch2 } from "react-hook-form";
+import { useMemo as useMemo7 } from "react";
+import { useWatch as useWatch3 } from "react-hook-form";
 var builderFormLayoutDragDataType = "application/x-winu-builder-layout-field";
 function clampBuilderFormLayoutSpan(span, columns) {
   return Math.max(1, Math.min(columns, span));
@@ -2026,8 +3170,8 @@ function parseBuilderFormLayoutDragPayload(raw) {
   }
 }
 function useBuilderFormLayoutEditor({ form, fields, subforms = [] }) {
-  const layoutGroups = useWatch2({ control: form.control, name: "layoutGroups" }) ?? [];
-  const layoutItems = useMemo3(
+  const layoutGroups = useWatch3({ control: form.control, name: "layoutGroups" }) ?? [];
+  const layoutItems = useMemo7(
     () => [
       ...fields.map((field) => ({
         key: field.key,
@@ -2044,11 +3188,11 @@ function useBuilderFormLayoutEditor({ form, fields, subforms = [] }) {
     ],
     [fields, subforms]
   );
-  const assignedKeys = useMemo3(
+  const assignedKeys = useMemo7(
     () => new Set(layoutGroups.flatMap((group) => group.fields.map((field) => field.key))),
     [layoutGroups]
   );
-  const unassignedItems = useMemo3(
+  const unassignedItems = useMemo7(
     () => layoutItems.filter((item) => !assignedKeys.has(item.key)),
     [assignedKeys, layoutItems]
   );
@@ -2133,149 +3277,32 @@ function useBuilderFormLayoutEditor({ form, fields, subforms = [] }) {
   return {
     assignedKeys,
     layoutGroups,
-    layoutItems,
-    unassignedItems,
-    addGroup,
-    addItemToGroup,
-    addItemToNewGroup,
-    applyDragPayload,
-    resetDefaultLayout,
-    setGroups,
-    updateGroup,
-    updateGroupFields
-  };
-}
-
-// src/api/createBuilderApiClient.ts
-function queryParams(query) {
-  return { ...query };
-}
-function fieldOptionsQueryParams(query) {
-  const flatQuery = { search: query.search };
-  for (const [key, value] of Object.entries(query.depends ?? {})) {
-    flatQuery[`depends.${key}`] = value;
-  }
-  return flatQuery;
-}
-function createBuilderApiClient(transport) {
-  return {
-    listBuilderForms: (query) => transport.get("/builder/forms", {
-      query: queryParams(query)
-    }),
-    listBuilderDbTables: () => transport.get("/builder/datasources/tables"),
-    listBuilderFormOptions: () => transport.get("/builder/forms/options"),
-    getBuilderForm: (id) => transport.get(`/builder/forms/${encodeURIComponent(id)}`),
-    createBuilderForm: (input) => transport.post("/builder/forms", input),
-    updateBuilderForm: (id, input) => transport.patch(`/builder/forms/${encodeURIComponent(id)}`, input),
-    replicateBuilderForm: (id, input) => transport.post(`/builder/forms/${encodeURIComponent(id)}/replicate`, input),
-    deleteBuilderForm: (id) => transport.delete(`/builder/forms/${encodeURIComponent(id)}`),
-    listBuilderLists: (query) => transport.get("/builder/lists", {
-      query: queryParams(query)
-    }),
-    listBuilderListOptions: () => transport.get("/builder/lists/options"),
-    getBuilderList: (id) => transport.get(`/builder/lists/${encodeURIComponent(id)}`),
-    createBuilderList: (input) => transport.post("/builder/lists", input),
-    updateBuilderList: (id, input) => transport.patch(`/builder/lists/${encodeURIComponent(id)}`, input),
-    replicateBuilderList: (id, input) => transport.post(`/builder/lists/${encodeURIComponent(id)}/replicate`, input),
-    deleteBuilderList: (id) => transport.delete(`/builder/lists/${encodeURIComponent(id)}`),
-    listBuilderViews: (query) => transport.get("/builder/views", {
-      query: queryParams(query)
-    }),
-    getBuilderView: (id) => transport.get(`/builder/views/${encodeURIComponent(id)}`),
-    createBuilderView: (input) => transport.post("/builder/views", input),
-    updateBuilderView: (id, input) => transport.patch(`/builder/views/${encodeURIComponent(id)}`, input),
-    replicateBuilderView: (id, input) => transport.post(`/builder/views/${encodeURIComponent(id)}/replicate`, input),
-    deleteBuilderView: (id) => transport.delete(`/builder/views/${encodeURIComponent(id)}`),
-    getRuntimeBuilderForm: (id) => transport.get(`/builder/runtime/forms/${encodeURIComponent(id)}`),
-    createRuntimeBuilderFormEntry: (formId, input) => transport.post(
-      `/builder/runtime/forms/${encodeURIComponent(formId)}/entries`,
-      input
-    ),
-    listRuntimeBuilderFormFieldOptions: (formId, fieldKey, query) => transport.get(
-      `/builder/runtime/forms/${encodeURIComponent(formId)}/fields/${encodeURIComponent(fieldKey)}/options`,
-      { query: fieldOptionsQueryParams(query) }
-    ),
-    runRuntimeBuilderFormFieldTrigger: (formId, fieldKey, event, input) => transport.post(
-      `/builder/runtime/forms/${encodeURIComponent(formId)}/fields/${encodeURIComponent(fieldKey)}/triggers/${encodeURIComponent(event)}`,
-      input
-    ),
-    getRuntimeBuilderList: (id) => transport.get(`/builder/runtime/lists/${encodeURIComponent(id)}`),
-    listRuntimeBuilderListEntries: (listId, query) => transport.get(
-      `/builder/runtime/lists/${encodeURIComponent(listId)}/entries`,
-      { query: queryParams(query) }
-    ),
-    getRuntimeBuilderView: (id) => transport.get(`/builder/runtime/views/${encodeURIComponent(id)}`),
-    runRuntimeBuilderViewFieldTrigger: (viewId, fieldKey, event, input) => transport.post(
-      `/builder/runtime/views/${encodeURIComponent(viewId)}/fields/${encodeURIComponent(fieldKey)}/triggers/${encodeURIComponent(event)}`,
-      input
-    ),
-    listBuilderViewEntries: (viewId, query) => transport.get(
-      `/builder/runtime/views/${encodeURIComponent(viewId)}/entries`,
-      { query: queryParams(query) }
-    ),
-    createBuilderViewEntry: (viewId, input) => transport.post(
-      `/builder/runtime/views/${encodeURIComponent(viewId)}/entries`,
-      input
-    ),
-    createCompositeBuilderViewEntry: (viewId, input) => transport.post(
-      `/builder/runtime/views/${encodeURIComponent(viewId)}/composite-entries`,
-      input
-    ),
-    updateCompositeBuilderViewEntry: (viewId, id, input) => transport.patch(
-      `/builder/runtime/views/${encodeURIComponent(viewId)}/composite-entries/${encodeURIComponent(id)}`,
-      input
-    ),
-    updateBuilderViewEntry: (viewId, id, input) => transport.patch(
-      `/builder/runtime/views/${encodeURIComponent(viewId)}/entries/${encodeURIComponent(id)}`,
-      input
-    ),
-    deleteBuilderViewEntry: (viewId, id) => transport.delete(
-      `/builder/runtime/views/${encodeURIComponent(viewId)}/entries/${encodeURIComponent(id)}`
-    )
+    layoutItems,
+    unassignedItems,
+    addGroup,
+    addItemToGroup,
+    addItemToNewGroup,
+    applyDragPayload,
+    resetDefaultLayout,
+    setGroups,
+    updateGroup,
+    updateGroupFields
   };
 }
 
 // src/components/DynamicForm.tsx
-import { useMemo as useMemo4 } from "react";
-import { FormProvider as FormProvider3, useForm as useForm4 } from "react-hook-form";
-
-// src/runtime/runtimeUtils.ts
-function emptyFieldValue(field) {
-  return field.type === "checkbox" ? false : "";
-}
-function createBuilderFormDefaultValues(schema) {
-  const values = {};
-  for (const field of schema?.fields ?? []) {
-    values[field.key] = emptyFieldValue(field);
-  }
-  return { values };
-}
-function createBuilderEntryDefaultValues(view, editing) {
-  const values = {};
-  for (const field of view.form?.schema.fields ?? []) {
-    const existing = editing?.values[field.key];
-    values[field.key] = existing === void 0 ? emptyFieldValue(field) : existing;
-  }
-  return { values, version: editing?.version ?? 0 };
-}
-function formatBuilderRuntimeValue(value, locale = "mn-MN") {
-  if (value === null || value === void 0 || value === "") return "\u2014";
-  if (typeof value === "boolean") return value ? "\u0422\u0438\u0439\u043C" : "\u04AE\u0433\u04AF\u0439";
-  if (typeof value === "number") return new Intl.NumberFormat(locale).format(value);
-  return String(value);
-}
-
-// src/components/DynamicForm.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useMemo as useMemo8 } from "react";
+import { FormProvider as FormProvider5, useForm as useForm6 } from "react-hook-form";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function createDynamicFormComponent(deps) {
   return function DynamicForm({ formId }) {
     const query = deps.hooks.useRuntimeBuilderForm(formId);
     const save = deps.hooks.useSaveRuntimeBuilderFormEntry(formId);
-    const formValues = useMemo4(
+    const formValues = useMemo8(
       () => query.data ? createBuilderFormDefaultValues(query.data.schema) : void 0,
       [query.data]
     );
-    const form = useForm4({
+    const form = useForm6({
       defaultValues: createBuilderFormDefaultValues(query.data?.schema),
       values: formValues
     });
@@ -2289,7 +3316,7 @@ function createDynamicFormComponent(deps) {
       }
     });
     if (query.isError) {
-      return /* @__PURE__ */ jsx8(
+      return /* @__PURE__ */ jsx14(
         deps.ErrorState,
         {
           title: "Form \u043D\u044D\u044D\u0433\u0434\u0441\u044D\u043D\u0433\u04AF\u0439",
@@ -2298,22 +3325,22 @@ function createDynamicFormComponent(deps) {
       );
     }
     if (!query.data) return null;
-    return /* @__PURE__ */ jsx8(deps.FormShell, { title: query.data.title, children: /* @__PURE__ */ jsx8(FormProvider3, { ...form, children: /* @__PURE__ */ jsxs6("form", { onSubmit, noValidate: true, className: "space-y-6", children: [
-      /* @__PURE__ */ jsx8(deps.FormFields, { formId, schema: query.data.schema, namePrefix: "values" }),
-      /* @__PURE__ */ jsx8(deps.SubmitButton, { isSaving: save.isPending })
+    return /* @__PURE__ */ jsx14(deps.FormShell, { title: query.data.title, children: /* @__PURE__ */ jsx14(FormProvider5, { ...form, children: /* @__PURE__ */ jsxs12("form", { onSubmit, noValidate: true, className: "space-y-6", children: [
+      /* @__PURE__ */ jsx14(deps.FormFields, { formId, schema: query.data.schema, namePrefix: "values" }),
+      /* @__PURE__ */ jsx14(deps.SubmitButton, { isSaving: save.isPending })
     ] }) }) });
   };
 }
 
 // src/components/DynamicList.tsx
-import { useMemo as useMemo5 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { useMemo as useMemo9 } from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function createDynamicListComponent(deps) {
   return function DynamicList({ listId }) {
     const query = deps.hooks.useRuntimeBuilderList(listId);
     const state = deps.useDataTableState({ pageSize: 20 });
     const entriesQuery = deps.hooks.useRuntimeBuilderListEntries(listId, state.query);
-    const columns = useMemo5(() => query.data ? deps.buildColumns(query.data) : [], [query.data]);
+    const columns = useMemo9(() => query.data ? deps.buildColumns(query.data) : [], [query.data]);
     const entries = entriesQuery.data?.items ?? [];
     const controller = deps.useDataTable({
       columns,
@@ -2323,7 +3350,7 @@ function createDynamicListComponent(deps) {
       getRowId: (row) => row.id
     });
     if (query.isError) {
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx15(
         deps.ErrorState,
         {
           title: "List \u043D\u044D\u044D\u0433\u0434\u0441\u044D\u043D\u0433\u04AF\u0439",
@@ -2331,560 +3358,269 @@ function createDynamicListComponent(deps) {
         }
       );
     }
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx15(
       deps.DataGrid,
       {
         title: query.data?.title ?? "Dynamic List",
-        description: query.data?.description ?? `/winu/list?id=${listId}`,
-        controller,
-        isLoading: query.isPending || entriesQuery.isPending,
-        searchPlaceholder: "\u041C\u04E9\u0440 \u0445\u0430\u0439\u0445...",
-        emptyTitle: "\u041C\u04E9\u0440 \u0430\u043B\u0433\u0430",
-        emptyDescription: "\u042D\u043D\u044D list-\u0438\u0439\u043D datasource \u0434\u044D\u044D\u0440 \u043C\u04E9\u0440 \u0430\u043B\u0433\u0430."
-      }
-    );
-  };
-}
-
-// src/components/DynamicView.tsx
-import { useMemo as useMemo6, useState as useState3 } from "react";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-function createDynamicViewComponent(deps) {
-  return function DynamicView({ viewId }) {
-    const [editing, setEditing] = useState3(null);
-    const [isDialogOpen, setDialogOpen] = useState3(false);
-    const [pendingDelete, setPendingDelete] = useState3(null);
-    const viewQuery = deps.hooks.useRuntimeBuilderView(viewId);
-    const state = deps.useDataTableState({ pageSize: 20 });
-    const entriesQuery = deps.hooks.useBuilderViewEntries(viewId, state.query);
-    const save = deps.hooks.useSaveBuilderViewEntry(viewId);
-    const remove = deps.hooks.useDeleteBuilderViewEntry(viewId);
-    const view = viewQuery.data;
-    const columns = useMemo6(
-      () => view ? deps.buildColumns(view, {
-        onEdit: (entry) => {
-          setEditing(entry);
-          setDialogOpen(true);
-        },
-        onDelete: setPendingDelete
-      }) : [],
-      [view]
-    );
-    const controller = deps.useDataTable({
-      columns,
-      data: entriesQuery.data?.items ?? [],
-      rowCount: entriesQuery.data?.total ?? 0,
-      state,
-      getRowId: (row) => row.id
-    });
-    if (viewQuery.isError) {
-      return /* @__PURE__ */ jsx10(
-        deps.ErrorState,
-        {
-          title: "View \u043D\u044D\u044D\u0433\u0434\u0441\u044D\u043D\u0433\u04AF\u0439",
-          description: `\xAB${viewId}\xBB id-\u0442\u0430\u0439 view \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439.`
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxs7("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsx10(
-        deps.DataGrid,
-        {
-          title: view?.title ?? "Dynamic View",
-          description: view?.description ?? `/winu/view?id=${viewId}`,
-          controller,
-          isLoading: viewQuery.isPending || entriesQuery.isPending,
-          searchPlaceholder: "\u041C\u04E9\u0440 \u0445\u0430\u0439\u0445...",
-          emptyTitle: "\u041C\u04E9\u0440 \u0430\u043B\u0433\u0430",
-          emptyDescription: "\u042D\u043D\u044D view \u0434\u044D\u044D\u0440 \u044D\u0445\u043D\u0438\u0439 \u043C\u04E9\u0440\u04E9\u04E9 \u043D\u044D\u043C\u044D\u044D\u0440\u044D\u0439.",
-          onRowClick: (entry) => {
-            setEditing(entry);
-            setDialogOpen(true);
-          },
-          toolbarExtra: /* @__PURE__ */ jsx10(
-            deps.AddButton,
-            {
-              disabled: !view?.form,
-              onAdd: () => {
-                setEditing(null);
-                setDialogOpen(true);
-              }
-            }
-          )
-        }
-      ),
-      view ? /* @__PURE__ */ jsx10(
-        deps.EntryDialog,
-        {
-          open: isDialogOpen,
-          view,
-          editing,
-          onClose: () => setDialogOpen(false),
-          onSave: save.mutateAsync,
-          isSaving: save.isPending
-        }
-      ) : null,
-      /* @__PURE__ */ jsx10(
-        deps.DeleteDialog,
-        {
-          entry: pendingDelete,
-          isDeleting: remove.isPending,
-          onClose: () => setPendingDelete(null),
-          onConfirm: async () => {
-            if (!pendingDelete) return;
-            await remove.mutateAsync(pendingDelete.id);
-            setPendingDelete(null);
-          }
-        }
-      )
-    ] });
-  };
-}
-
-// src/components/RuntimeEntryDialog.tsx
-import { useEffect as useEffect4, useMemo as useMemo7, useState as useState4 } from "react";
-import { FormProvider as FormProvider4, useForm as useForm5 } from "react-hook-form";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-function isDbTableSource(source) {
-  return source?.type === "dbTable" && "tableName" in source;
-}
-function runtimeViewTableName(view) {
-  const listSource = view.list?.source;
-  if (isDbTableSource(listSource)) return listSource.tableName;
-  const formSource = view.form?.source;
-  return isDbTableSource(formSource) ? formSource.tableName : void 0;
-}
-function cleanRowValues(values) {
-  return Object.fromEntries(
-    Object.entries(values).filter(([key]) => key === "_delete" || !key.startsWith("_"))
-  );
-}
-function childRowPayload(row, includeIdentity) {
-  const values = cleanRowValues(row.values);
-  if (!includeIdentity || row.values._draftNew === true) return values;
-  return {
-    id: row.id,
-    version: row.version,
-    ...values
-  };
-}
-function createRuntimeEntryDialogComponent(deps) {
-  return function RuntimeEntryDialog({
-    open,
-    view,
-    editing,
-    onClose,
-    onSave,
-    isSaving
-  }) {
-    const [draftSubforms, setDraftSubforms] = useState4({});
-    const compositeCreate = deps.useCreateCompositeEntry?.(view.id);
-    const compositeUpdate = deps.useUpdateCompositeEntry?.(view.id);
-    const form = useForm5({
-      defaultValues: createBuilderEntryDefaultValues(view, editing),
-      values: open ? createBuilderEntryDefaultValues(view, editing) : void 0
-    });
-    const mainTableName = runtimeViewTableName(view);
-    const hasDraftRows = useMemo7(
-      () => Object.values(draftSubforms).some((draft) => draft.rows.length > 0),
-      [draftSubforms]
-    );
-    useEffect4(() => {
-      if (open) setDraftSubforms({});
-    }, [open]);
-    const onSubmit = form.handleSubmit(async (values) => {
-      try {
-        if (!editing && hasDraftRows) {
-          if (!mainTableName) throw new Error("Main form datasource table \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439");
-          if (!compositeCreate) throw new Error("Composite create handler \u0442\u043E\u0445\u0438\u0440\u0443\u0443\u043B\u0430\u0433\u0434\u0430\u0430\u0433\u04AF\u0439 \u0431\u0430\u0439\u043D\u0430");
-          await compositeCreate.mutateAsync({
-            data: {
-              [mainTableName]: values.values,
-              ...Object.fromEntries(
-                Object.values(draftSubforms).map((draft) => [
-                  draft.dataKey,
-                  draft.rows.filter((row) => row.values._delete !== true).map((row) => childRowPayload(row, false))
-                ])
-              )
-            }
-          });
-        } else if (editing && hasDraftRows) {
-          if (!mainTableName) throw new Error("Main form datasource table \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439");
-          if (!compositeUpdate) throw new Error("Composite update handler \u0442\u043E\u0445\u0438\u0440\u0443\u0443\u043B\u0430\u0433\u0434\u0430\u0430\u0433\u04AF\u0439 \u0431\u0430\u0439\u043D\u0430");
-          await compositeUpdate.mutateAsync({
-            id: editing.id,
-            input: {
-              data: {
-                [mainTableName]: {
-                  id: editing.id,
-                  version: values.version,
-                  ...values.values
-                },
-                ...Object.fromEntries(
-                  Object.values(draftSubforms).map((draft) => [
-                    draft.dataKey,
-                    draft.rows.map((row) => childRowPayload(row, true))
-                  ])
-                )
-              }
-            }
-          });
-        } else {
-          await onSave({ id: editing?.id, input: values });
-        }
-        onClose();
-        deps.notifications.success(editing ? "\u041C\u04E9\u0440 \u0445\u0430\u0434\u0433\u0430\u043B\u0430\u0433\u0434\u043B\u0430\u0430" : "\u041C\u04E9\u0440 \u043D\u044D\u043C\u044D\u0433\u0434\u043B\u044D\u044D");
-      } catch (error) {
-        deps.notifications.error(deps.notifications.errorMessage(error, "\u0425\u0430\u0434\u0433\u0430\u043B\u0430\u0445\u0430\u0434 \u0430\u043B\u0434\u0430\u0430 \u0433\u0430\u0440\u043B\u0430\u0430"));
-      }
-    });
-    const saving = isSaving || Boolean(compositeCreate?.isPending || compositeUpdate?.isPending);
-    const extraItems = deps.SubformField && view.form?.schema.subforms?.length ? view.form.schema.subforms.map((subform) => ({
-      key: subform.key,
-      render: () => deps.SubformField ? /* @__PURE__ */ jsx11(
-        deps.SubformField,
-        {
-          subform,
-          parentEntry: editing,
-          draftRows: draftSubforms[subform.key]?.rows ?? [],
-          onDraftRowsChange: ({ subformKey, dataKey, rows }) => {
-            setDraftSubforms((current) => ({
-              ...current,
-              [subformKey]: { dataKey, rows }
-            }));
-          }
-        }
-      ) : null
-    })) : void 0;
-    return /* @__PURE__ */ jsx11(
-      deps.DialogShell,
-      {
-        open,
-        title: editing ? "\u041C\u04E9\u0440 \u0437\u0430\u0441\u0430\u0445" : "\u041C\u04E9\u0440 \u043D\u044D\u043C\u044D\u0445",
-        description: view.title,
-        onClose,
-        children: /* @__PURE__ */ jsx11(FormProvider4, { ...form, children: /* @__PURE__ */ jsxs8("form", { onSubmit, noValidate: true, className: deps.formClassName, children: [
-          view.form ? /* @__PURE__ */ jsx11(
-            deps.FormFields,
-            {
-              formId: view.form.id,
-              viewId: view.id,
-              entry: editing,
-              schema: view.form.schema,
-              namePrefix: "values",
-              extraItems
-            }
-          ) : null,
-          /* @__PURE__ */ jsx11(deps.Actions, { isSaving: saving, onClose })
-        ] }) })
+        description: query.data?.description ?? `/winu/list?id=${listId}`,
+        controller,
+        isLoading: query.isPending || entriesQuery.isPending,
+        searchPlaceholder: "\u041C\u04E9\u0440 \u0445\u0430\u0439\u0445...",
+        emptyTitle: "\u041C\u04E9\u0440 \u0430\u043B\u0433\u0430",
+        emptyDescription: "\u042D\u043D\u044D list-\u0438\u0439\u043D datasource \u0434\u044D\u044D\u0440 \u043C\u04E9\u0440 \u0430\u043B\u0433\u0430."
       }
     );
   };
 }
 
-// src/hooks/createBuilderHooks.ts
-import { keepPreviousData, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-function createBuilderKeys() {
-  const builderKeys = {
-    forms: ["builder", "forms"],
-    dbTables: () => ["builder", "datasources", "tables"],
-    formList: (query) => [...builderKeys.forms, "list", query],
-    form: (id) => [...builderKeys.forms, "detail", id],
-    formOptions: () => [...builderKeys.forms, "options"],
-    lists: ["builder", "lists"],
-    listList: (query) => [...builderKeys.lists, "list", query],
-    list: (id) => [...builderKeys.lists, "detail", id],
-    listOptions: () => [...builderKeys.lists, "options"],
-    views: ["builder", "views"],
-    viewList: (query) => [...builderKeys.views, "list", query],
-    view: (id) => [...builderKeys.views, "detail", id],
-    runtimeForm: (id) => ["builder", "runtime", "form", id],
-    runtimeFieldOptions: (formId, fieldKey, query) => [...builderKeys.runtimeForm(formId), "fields", fieldKey, "options", query],
-    runtimeFormEntries: (id) => [...builderKeys.runtimeForm(id), "entries"],
-    runtimeList: (id) => ["builder", "runtime", "list", id],
-    runtimeListEntries: (id, query) => [...builderKeys.runtimeList(id), "entries", query],
-    runtimeView: (id) => ["builder", "runtime", "view", id],
-    entries: (id, query) => [...builderKeys.runtimeView(id), "entries", query]
-  };
-  return builderKeys;
+// src/components/DynamicView.tsx
+import { useMemo as useMemo10, useState as useState7 } from "react";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var interactiveRowTargetSelector = "button,a,input,select,textarea,[role='button'],[role='menuitem'],[data-builder-row-action]";
+function hasClosest(target) {
+  return typeof target === "object" && target !== null && "closest" in target && typeof target.closest === "function";
 }
-function createBuilderHooks(client) {
-  const builderKeys = createBuilderKeys();
-  function invalidateRuntimeViewEntries(queryClient, viewId) {
-    return Promise.all([
-      queryClient.invalidateQueries({ queryKey: builderKeys.runtimeView(viewId) }),
-      queryClient.invalidateQueries({ queryKey: [...builderKeys.runtimeView(viewId), "entries"] })
-    ]);
-  }
-  function useBuilderDbTables() {
-    return useQuery({ queryKey: builderKeys.dbTables(), queryFn: client.listBuilderDbTables });
-  }
-  function useBuilderForms(query) {
-    return useQuery({
-      queryKey: builderKeys.formList(query),
-      queryFn: () => client.listBuilderForms(query),
-      placeholderData: keepPreviousData
-    });
-  }
-  function useBuilderFormOptions() {
-    return useQuery({
-      queryKey: builderKeys.formOptions(),
-      queryFn: client.listBuilderFormOptions
-    });
-  }
-  function useBuilderForm(id) {
-    return useQuery({
-      queryKey: builderKeys.form(id ?? ""),
-      queryFn: () => client.getBuilderForm(id ?? ""),
-      enabled: Boolean(id)
-    });
-  }
-  function useSaveBuilderForm() {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: ({ id, input }) => id ? client.updateBuilderForm(id, input) : client.createBuilderForm(input),
-      onSuccess: (form) => {
-        queryClient.invalidateQueries({ queryKey: builderKeys.forms });
-        queryClient.invalidateQueries({ queryKey: builderKeys.form(form.id) });
-        queryClient.invalidateQueries({ queryKey: builderKeys.runtimeForm(form.id) });
-      }
-    });
-  }
-  function useReplicateBuilderForm() {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: ({ id, input }) => client.replicateBuilderForm(id, input),
-      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.forms })
-    });
-  }
-  function useDeleteBuilderForm() {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: client.deleteBuilderForm,
-      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.forms })
-    });
-  }
-  function useBuilderLists(query) {
-    return useQuery({
-      queryKey: builderKeys.listList(query),
-      queryFn: () => client.listBuilderLists(query),
-      placeholderData: keepPreviousData
-    });
-  }
-  function useBuilderListOptions() {
-    return useQuery({
-      queryKey: builderKeys.listOptions(),
-      queryFn: client.listBuilderListOptions
-    });
-  }
-  function useBuilderList(id) {
-    return useQuery({
-      queryKey: builderKeys.list(id ?? ""),
-      queryFn: () => client.getBuilderList(id ?? ""),
-      enabled: Boolean(id)
-    });
-  }
-  function useSaveBuilderList() {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: ({ id, input }) => id ? client.updateBuilderList(id, input) : client.createBuilderList(input),
-      onSuccess: (list) => {
-        queryClient.invalidateQueries({ queryKey: builderKeys.lists });
-        queryClient.invalidateQueries({ queryKey: builderKeys.list(list.id) });
-        queryClient.invalidateQueries({ queryKey: builderKeys.runtimeList(list.id) });
-      }
-    });
-  }
-  function useReplicateBuilderList() {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: ({ id, input }) => client.replicateBuilderList(id, input),
-      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.lists })
-    });
-  }
-  function useDeleteBuilderList() {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: client.deleteBuilderList,
-      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.lists })
-    });
-  }
-  function useBuilderViews(query) {
-    return useQuery({
-      queryKey: builderKeys.viewList(query),
-      queryFn: () => client.listBuilderViews(query),
-      placeholderData: keepPreviousData
-    });
-  }
-  function useBuilderView(id) {
-    return useQuery({
-      queryKey: builderKeys.view(id ?? ""),
-      queryFn: () => client.getBuilderView(id ?? ""),
-      enabled: Boolean(id)
-    });
-  }
-  function useSaveBuilderView() {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: ({ id, input }) => id ? client.updateBuilderView(id, input) : client.createBuilderView(input),
-      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.views })
-    });
-  }
-  function useReplicateBuilderView() {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: ({ id, input }) => client.replicateBuilderView(id, input),
-      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.views })
-    });
-  }
-  function useDeleteBuilderView() {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: client.deleteBuilderView,
-      onSuccess: () => queryClient.invalidateQueries({ queryKey: builderKeys.views })
-    });
-  }
-  function useRuntimeBuilderForm(id) {
-    return useQuery({
-      queryKey: builderKeys.runtimeForm(id),
-      queryFn: () => client.getRuntimeBuilderForm(id)
-    });
-  }
-  function useRuntimeBuilderFormFieldOptions(formId, fieldKey, query, enabled = true) {
-    return useQuery({
-      queryKey: builderKeys.runtimeFieldOptions(formId ?? "", fieldKey, query),
-      queryFn: () => client.listRuntimeBuilderFormFieldOptions(formId ?? "", fieldKey, query),
-      enabled: Boolean(formId) && enabled
+function shouldHandleDynamicViewRowClick(event) {
+  if (!event) return true;
+  if (event.defaultPrevented) return false;
+  return !hasClosest(event.target) || !event.target.closest(interactiveRowTargetSelector);
+}
+function createDynamicViewComponent(deps) {
+  return function DynamicView({ viewId }) {
+    const [editing, setEditing] = useState7(null);
+    const [isDialogOpen, setDialogOpen] = useState7(false);
+    const [pendingDelete, setPendingDelete] = useState7(null);
+    const viewQuery = deps.hooks.useRuntimeBuilderView(viewId);
+    const state = deps.useDataTableState({ pageSize: 20 });
+    const entriesQuery = deps.hooks.useBuilderViewEntries(viewId, state.query);
+    const save = deps.hooks.useSaveBuilderViewEntry(viewId);
+    const remove = deps.hooks.useDeleteBuilderViewEntry(viewId);
+    const view = viewQuery.data;
+    const columns = useMemo10(
+      () => view ? deps.buildColumns(view, {
+        onEdit: (entry, event) => {
+          event?.stopPropagation?.();
+          setEditing(entry);
+          setDialogOpen(true);
+        },
+        onDelete: (entry, event) => {
+          event?.stopPropagation?.();
+          setPendingDelete(entry);
+        }
+      }) : [],
+      [view]
+    );
+    const controller = deps.useDataTable({
+      columns,
+      data: entriesQuery.data?.items ?? [],
+      rowCount: entriesQuery.data?.total ?? 0,
+      state,
+      getRowId: (row) => row.id
     });
-  }
-  function useRunRuntimeBuilderFieldTrigger() {
-    return useMutation({
-      mutationFn: (args) => {
-        if (args.viewId) {
-          return client.runRuntimeBuilderViewFieldTrigger(
-            args.viewId,
-            args.fieldKey,
-            args.event,
-            args.input
-          );
+    if (viewQuery.isError) {
+      return /* @__PURE__ */ jsx16(
+        deps.ErrorState,
+        {
+          title: "View \u043D\u044D\u044D\u0433\u0434\u0441\u044D\u043D\u0433\u04AF\u0439",
+          description: `\xAB${viewId}\xBB id-\u0442\u0430\u0439 view \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439.`
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs13("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx16(
+        deps.DataGrid,
+        {
+          title: view?.title ?? "Dynamic View",
+          description: view?.description ?? `/winu/view?id=${viewId}`,
+          controller,
+          isLoading: viewQuery.isPending || entriesQuery.isPending,
+          searchPlaceholder: "\u041C\u04E9\u0440 \u0445\u0430\u0439\u0445...",
+          emptyTitle: "\u041C\u04E9\u0440 \u0430\u043B\u0433\u0430",
+          emptyDescription: "\u042D\u043D\u044D view \u0434\u044D\u044D\u0440 \u044D\u0445\u043D\u0438\u0439 \u043C\u04E9\u0440\u04E9\u04E9 \u043D\u044D\u043C\u044D\u044D\u0440\u044D\u0439.",
+          onRowClick: (entry, event) => {
+            if (!shouldHandleDynamicViewRowClick(event)) return;
+            setEditing(entry);
+            setDialogOpen(true);
+          },
+          toolbarExtra: /* @__PURE__ */ jsx16(
+            deps.AddButton,
+            {
+              disabled: !view?.form,
+              onAdd: () => {
+                setEditing(null);
+                setDialogOpen(true);
+              }
+            }
+          )
+        }
+      ),
+      view ? /* @__PURE__ */ jsx16(
+        deps.EntryDialog,
+        {
+          open: isDialogOpen,
+          view,
+          editing,
+          onClose: () => setDialogOpen(false),
+          onSave: save.mutateAsync,
+          isSaving: save.isPending
+        }
+      ) : null,
+      /* @__PURE__ */ jsx16(
+        deps.DeleteDialog,
+        {
+          entry: pendingDelete,
+          isDeleting: remove.isPending,
+          onClose: () => setPendingDelete(null),
+          onConfirm: async () => {
+            if (!pendingDelete) return;
+            await remove.mutateAsync(pendingDelete.id);
+            setPendingDelete(null);
+          }
         }
-        if (args.formId) {
-          return client.runRuntimeBuilderFormFieldTrigger(
-            args.formId,
-            args.fieldKey,
-            args.event,
-            args.input
-          );
+      )
+    ] });
+  };
+}
+
+// src/components/RuntimeEntryDialog.tsx
+import { useEffect as useEffect6, useMemo as useMemo11, useState as useState8 } from "react";
+import { FormProvider as FormProvider6, useForm as useForm7 } from "react-hook-form";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+function isDbTableSource(source) {
+  return source?.type === "dbTable" && "tableName" in source;
+}
+function runtimeViewTableName(view) {
+  const listSource = view.list?.source;
+  if (isDbTableSource(listSource)) return listSource.tableName;
+  const formSource = view.form?.source;
+  return isDbTableSource(formSource) ? formSource.tableName : void 0;
+}
+function cleanRowValues(values) {
+  return Object.fromEntries(
+    Object.entries(values).filter(([key]) => key === "_delete" || !key.startsWith("_"))
+  );
+}
+function childRowPayload(row, includeIdentity) {
+  const values = cleanRowValues(row.values);
+  if (!includeIdentity || row.values._draftNew === true) return values;
+  return {
+    id: row.id,
+    version: row.version,
+    ...values
+  };
+}
+function createRuntimeEntryDialogComponent(deps) {
+  return function RuntimeEntryDialog({
+    open,
+    view,
+    editing,
+    onClose,
+    onSave,
+    isSaving
+  }) {
+    const [draftSubforms, setDraftSubforms] = useState8({});
+    const compositeCreate = deps.useCreateCompositeEntry?.(view.id);
+    const compositeUpdate = deps.useUpdateCompositeEntry?.(view.id);
+    const form = useForm7({
+      defaultValues: createBuilderEntryDefaultValues(view, editing),
+      values: open ? createBuilderEntryDefaultValues(view, editing) : void 0
+    });
+    const mainTableName = runtimeViewTableName(view);
+    const hasDraftRows = useMemo11(
+      () => Object.values(draftSubforms).some((draft) => draft.rows.length > 0),
+      [draftSubforms]
+    );
+    useEffect6(() => {
+      if (open) setDraftSubforms({});
+    }, [open]);
+    const onSubmit = form.handleSubmit(async (values) => {
+      try {
+        if (!editing && hasDraftRows) {
+          if (!mainTableName) throw new Error("Main form datasource table \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439");
+          if (!compositeCreate) throw new Error("Composite create handler \u0442\u043E\u0445\u0438\u0440\u0443\u0443\u043B\u0430\u0433\u0434\u0430\u0430\u0433\u04AF\u0439 \u0431\u0430\u0439\u043D\u0430");
+          await compositeCreate.mutateAsync({
+            data: {
+              [mainTableName]: values.values,
+              ...Object.fromEntries(
+                Object.values(draftSubforms).map((draft) => [
+                  draft.dataKey,
+                  draft.rows.filter((row) => row.values._delete !== true).map((row) => childRowPayload(row, false))
+                ])
+              )
+            }
+          });
+        } else if (editing && hasDraftRows) {
+          if (!mainTableName) throw new Error("Main form datasource table \u043E\u043B\u0434\u0441\u043E\u043D\u0433\u04AF\u0439");
+          if (!compositeUpdate) throw new Error("Composite update handler \u0442\u043E\u0445\u0438\u0440\u0443\u0443\u043B\u0430\u0433\u0434\u0430\u0430\u0433\u04AF\u0439 \u0431\u0430\u0439\u043D\u0430");
+          await compositeUpdate.mutateAsync({
+            id: editing.id,
+            input: {
+              data: {
+                [mainTableName]: {
+                  id: editing.id,
+                  version: values.version,
+                  ...values.values
+                },
+                ...Object.fromEntries(
+                  Object.values(draftSubforms).map((draft) => [
+                    draft.dataKey,
+                    draft.rows.map((row) => childRowPayload(row, true))
+                  ])
+                )
+              }
+            }
+          });
+        } else {
+          await onSave({ id: editing?.id, input: values });
         }
-        throw new Error("formId \u044D\u0441\u0432\u044D\u043B viewId \u0448\u0430\u0430\u0440\u0434\u043B\u0430\u0433\u0430\u0442\u0430\u0439");
+        onClose();
+        deps.notifications.success(editing ? "\u041C\u04E9\u0440 \u0445\u0430\u0434\u0433\u0430\u043B\u0430\u0433\u0434\u043B\u0430\u0430" : "\u041C\u04E9\u0440 \u043D\u044D\u043C\u044D\u0433\u0434\u043B\u044D\u044D");
+      } catch (error) {
+        deps.notifications.error(deps.notifications.errorMessage(error, "\u0425\u0430\u0434\u0433\u0430\u043B\u0430\u0445\u0430\u0434 \u0430\u043B\u0434\u0430\u0430 \u0433\u0430\u0440\u043B\u0430\u0430"));
       }
     });
-  }
-  function useRuntimeBuilderList(id) {
-    return useQuery({
-      queryKey: builderKeys.runtimeList(id),
-      queryFn: () => client.getRuntimeBuilderList(id)
-    });
-  }
-  function useRuntimeBuilderListEntries(id, query) {
-    return useQuery({
-      queryKey: builderKeys.runtimeListEntries(id, query),
-      queryFn: () => client.listRuntimeBuilderListEntries(id, query),
-      placeholderData: keepPreviousData
-    });
-  }
-  function useSaveRuntimeBuilderFormEntry(formId) {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: (input) => client.createRuntimeBuilderFormEntry(formId, input),
-      onSuccess: () => {
-        queryClient.invalidateQueries({ queryKey: builderKeys.runtimeFormEntries(formId) });
-        queryClient.invalidateQueries({ queryKey: builderKeys.runtimeForm(formId) });
-        queryClient.invalidateQueries({ queryKey: ["builder", "runtime", "list"] });
+    const saving = isSaving || Boolean(compositeCreate?.isPending || compositeUpdate?.isPending);
+    const extraItems = deps.SubformField && view.form?.schema.subforms?.length ? view.form.schema.subforms.map((subform) => ({
+      key: subform.key,
+      render: () => deps.SubformField ? /* @__PURE__ */ jsx17(
+        deps.SubformField,
+        {
+          subform,
+          parentEntry: editing,
+          draftRows: draftSubforms[subform.key]?.rows ?? [],
+          onDraftRowsChange: ({ subformKey, dataKey: dataKey2, rows }) => {
+            setDraftSubforms((current) => ({
+              ...current,
+              [subformKey]: { dataKey: dataKey2, rows }
+            }));
+          }
+        }
+      ) : null
+    })) : void 0;
+    return /* @__PURE__ */ jsx17(
+      deps.DialogShell,
+      {
+        open,
+        presentation: view.form?.schema.presentation ?? "dialog",
+        title: editing ? "\u041C\u04E9\u0440 \u0437\u0430\u0441\u0430\u0445" : "\u041C\u04E9\u0440 \u043D\u044D\u043C\u044D\u0445",
+        description: view.title,
+        onClose,
+        children: /* @__PURE__ */ jsx17(FormProvider6, { ...form, children: /* @__PURE__ */ jsxs14("form", { onSubmit, noValidate: true, className: deps.formClassName, children: [
+          view.form ? /* @__PURE__ */ jsx17(
+            deps.FormFields,
+            {
+              formId: view.form.id,
+              viewId: view.id,
+              entry: editing,
+              schema: view.form.schema,
+              namePrefix: "values",
+              extraItems
+            }
+          ) : null,
+          /* @__PURE__ */ jsx17(deps.Actions, { isSaving: saving, onClose })
+        ] }) })
       }
-    });
-  }
-  function useRuntimeBuilderView(id, enabled = true) {
-    return useQuery({
-      queryKey: builderKeys.runtimeView(id),
-      queryFn: () => client.getRuntimeBuilderView(id),
-      enabled: Boolean(id) && enabled
-    });
-  }
-  function useBuilderViewEntries(id, query, enabled = true) {
-    return useQuery({
-      queryKey: builderKeys.entries(id, query),
-      queryFn: () => client.listBuilderViewEntries(id, query),
-      placeholderData: keepPreviousData,
-      enabled: Boolean(id) && enabled
-    });
-  }
-  function useSaveBuilderViewEntry(viewId) {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: ({ id, input }) => id ? client.updateBuilderViewEntry(viewId, id, input) : client.createBuilderViewEntry(
-        viewId,
-        input
-      ),
-      onSuccess: () => invalidateRuntimeViewEntries(queryClient, viewId)
-    });
-  }
-  function useCreateCompositeBuilderViewEntry(viewId) {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: (input) => client.createCompositeBuilderViewEntry(viewId, input),
-      onSuccess: () => invalidateRuntimeViewEntries(queryClient, viewId)
-    });
-  }
-  function useUpdateCompositeBuilderViewEntry(viewId) {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: ({
-        id,
-        input
-      }) => client.updateCompositeBuilderViewEntry(viewId, id, input),
-      onSuccess: () => invalidateRuntimeViewEntries(queryClient, viewId)
-    });
-  }
-  function useDeleteBuilderViewEntry(id) {
-    const queryClient = useQueryClient();
-    return useMutation({
-      mutationFn: (entryId) => client.deleteBuilderViewEntry(id, entryId),
-      onSuccess: () => invalidateRuntimeViewEntries(queryClient, id)
-    });
-  }
-  return {
-    builderKeys,
-    useBuilderDbTables,
-    useBuilderForm,
-    useBuilderFormOptions,
-    useBuilderForms,
-    useBuilderList,
-    useBuilderListOptions,
-    useBuilderLists,
-    useBuilderViewEntries,
-    useBuilderView,
-    useBuilderViews,
-    useDeleteBuilderForm,
-    useDeleteBuilderList,
-    useDeleteBuilderView,
-    useDeleteBuilderViewEntry,
-    useCreateCompositeBuilderViewEntry,
-    useReplicateBuilderForm,
-    useReplicateBuilderList,
-    useReplicateBuilderView,
-    useRuntimeBuilderForm,
-    useRuntimeBuilderFormFieldOptions,
-    useRuntimeBuilderList,
-    useRuntimeBuilderListEntries,
-    useRuntimeBuilderView,
-    useRunRuntimeBuilderFieldTrigger,
-    useSaveBuilderForm,
-    useSaveBuilderList,
-    useSaveBuilderView,
-    useSaveBuilderViewEntry,
-    useSaveRuntimeBuilderFormEntry,
-    useUpdateCompositeBuilderViewEntry
+    );
   };
 }
 
@@ -2905,7 +3641,7 @@ 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 api = createBuilderApiClient(config.transport, { apiBasePath: config.apiBasePath });
   const hooks = createBuilderHooks(api);
   const formsPath = `${adminBasePath}/forms`;
   const listsPath = `${adminBasePath}/lists`;
@@ -2936,18 +3672,51 @@ function createBuilderIntegration(config) {
     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."
+    },
+    {
+      name: "apiBasePath",
+      ok: config.apiBasePath === void 0 || normalizeBasePath(config.apiBasePath).startsWith("/"),
+      message: "apiBasePath must be an absolute API path."
+    }
+  ].map((check) => check.ok ? { name: check.name, ok: true } : check);
+  return { ok: checks.every((check) => check.ok), checks };
+}
 
 // src/index.ts
 var builderUiPackage = {
   name: "@duke333/builder-ui",
-  version: "0.1.1"
+  version: "0.2.0"
 };
 export {
   BUILDER_EDITOR_NONE_VALUE,
+  BuilderForm,
+  BuilderGrid,
+  BuilderProvider,
+  BuilderView,
   builderEditorOptionsToText,
   builderEditorSearchFieldsToText,
   builderEditorTextToOptions,
   builderEditorTextToSearchFields,
+  builderErrorMessage,
   builderFormEditorFieldsFromTable,
   builderFormEditorInputFromValues,
   builderFormEditorValuesFromEntity,
@@ -2961,6 +3730,7 @@ export {
   clampBuilderFormLayoutSpan,
   createBuilderAdminPages,
   createBuilderApiClient,
+  createBuilderClient,
   createBuilderDefaultEntityManagerComponent,
   createBuilderDefaultFormEditorBody,
   createBuilderDefaultListEditorBody,
@@ -2974,6 +3744,7 @@ export {
   createBuilderIntegration,
   createBuilderKeys,
   createBuilderListEditorPageComponent,
+  createBuilderPortalIntegration,
   createBuilderViewDialogComponent,
   createDynamicFormComponent,
   createDynamicListComponent,
@@ -2984,7 +3755,10 @@ export {
   nextBuilderFormLayoutGroupId,
   parseBuilderFormLayoutDragPayload,
   serializeBuilderFormLayoutDragPayload,
+  shouldHandleDynamicViewRowClick,
   swapBuilderFormLayoutItems,
-  useBuilderFormLayoutEditor
+  useBuilderFormLayoutEditor,
+  useBuilderRuntime,
+  validateBuilderFrontendSetup
 };
 //# sourceMappingURL=index.js.map