@nice2dev/ui-forms 1.1.10 → 1.2.1

package/dist/index.mjs

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
 import { useNiceTranslation as ze } from "@nice2dev/i18n";
 import { useControllableState as le, NiceIcon as z, NiceDataGrid as fe, useNiceTranslation as Z, evaluateValidation as Ee, NiceTutorialButton as se, resolveTutorial as ce, NiceTooltip as X, NiceForm as Je, useNiceAI as Ue, useFormGeneration as He, NiceScriptRunner as we, NiceLifecycleHooksEditor as ke, NiceRevisionHistory as Se, NiceConsole as Te, NiceLogConsole as Fe, NiceBadge as ae, NiceValidationBuilder as Ge, NiceButton as te, NiceTabs as We, NiceCheckbox as Ye, NiceSelect as Qe, NiceTextInput as Xe, NiceAccessManager as Ze, NiceViewEditor as et, NiceWorkflowDesigner as tt, NiceDataSourceBuilder as it } from "@nice2dev/ui";
-import nt, { useState as K, forwardRef as ee, useMemo as P, useEffect as oe, useCallback as Q, useImperativeHandle as at } from "react";
+import nt, { useState as M, forwardRef as ee, useMemo as q, useEffect as oe, useCallback as Q, useImperativeHandle as at } from "react";
 import { useNiceTranslation as ot, useControllableState as rt, NiceTutorialButton as lt, resolveTutorial as st, NiceIcon as be } from "@nice2dev/ui-core";
-function Bt(t) {
+function Jt(t) {
   var l, o;
   const r = {
     text: "text",
@@ -85,7 +85,7 @@ function ve(t) {
     helpText: t.helpText
   };
 }
-function zt(t) {
+function Ut(t) {
   const r = [];
   for (const a of t.sections)
     a.title ? r.push({
@@ -96,7 +96,7 @@ function zt(t) {
     }) : r.push(...a.fields.map(ve));
   return r;
 }
-function Jt(t) {
+function Ht(t) {
   const r = [];
   t.version || r.push("Missing schema version"), t.id || r.push("Missing form ID"), (!t.sections || t.sections.length === 0) && r.push("Form must have at least one section");
   const a = /* @__PURE__ */ new Set();
@@ -106,13 +106,13 @@ function Jt(t) {
   return { valid: r.length === 0, errors: r };
 }
 function _e(t) {
-  const { value: r, onChange: a, readOnly: l } = t, [o, i] = K(() => {
+  const { value: r, onChange: a, readOnly: l } = t, [o, i] = M(() => {
     try {
       return r === void 0 ? "" : JSON.stringify(r, null, 2);
     } catch {
       return "";
     }
-  }), [n, c] = K(null);
+  }), [n, c] = M(null);
   return nt.useEffect(() => {
     try {
       i(r === void 0 ? "" : JSON.stringify(r, null, 2));
@@ -329,7 +329,7 @@ const ue = "__nafRid";
 function mt(t) {
   return Array.isArray(t) ? `[${t.length}]` : t && typeof t == "object" ? "{…}" : t == null ? "" : String(t);
 }
-const pt = ee(
+const pt = /* @__PURE__ */ ee(
   function(r, a) {
     const {
       value: l,
@@ -348,14 +348,14 @@ const pt = ee(
       fallbackValue: [],
       onChange: i,
       componentName: "NiceArrayField"
-    }), D = n.properties ?? {}, A = P(() => (p ?? Object.keys(D)).map((I) => {
-      const v = D[I] ?? {}, k = { field: I, header: v.title ?? I };
+    }), K = n.properties ?? {}, A = q(() => (p ?? Object.keys(K)).map((I) => {
+      const v = K[I] ?? {}, k = { field: I, header: v.title ?? I };
       return v.type === "boolean" ? (k.render = (j) => j ? /* @__PURE__ */ e(z, { name: "check", size: 14, title: "true" }) : "", k.align = "center") : (v.type === "array" || v.type === "object") && (k.render = (j) => mt(j)), k;
-    }), [n, p]), C = P(
+    }), [n, p]), C = q(
       () => xe(n),
       [n]
-    ), w = P(() => F.map((M, I) => ({ ...M, [ue]: String(I) })), [F]), $ = (M) => {
-      const { [ue]: I, ...v } = M;
+    ), w = q(() => F.map((D, I) => ({ ...D, [ue]: String(I) })), [F]), $ = (D) => {
+      const { [ue]: I, ...v } = D;
       return v;
     }, J = "nice-array-field" + (y ? ` ${y}` : "");
     return /* @__PURE__ */ e("div", { ref: a, className: J, style: s, "data-testid": h, children: /* @__PURE__ */ e(
@@ -369,17 +369,17 @@ const pt = ee(
         editFormTitle: c ? `${c} — item` : "Edit item",
         emptyText: `No items${c ? ` in ${c}` : ""}`,
         compact: !0,
-        onRowAdd: f ? void 0 : (M) => O([...F, $(M)]),
-        onRowEdit: f ? void 0 : (M, I) => {
-          const v = Number(M);
+        onRowAdd: f ? void 0 : (D) => O([...F, $(D)]),
+        onRowEdit: f ? void 0 : (D, I) => {
+          const v = Number(D);
           O(
             F.map(
               (k, j) => j === v ? $(I) : k
             )
           );
         },
-        onRowDelete: f ? void 0 : (M) => {
-          const I = Number(M);
+        onRowDelete: f ? void 0 : (D) => {
+          const I = Number(D);
           O(F.filter((v, k) => k !== I));
         }
       }
@@ -434,7 +434,7 @@ function ft(t) {
 function yt(t, r) {
   return Ee(ft(t), r).filter((a) => a.severity === "error").map((a) => ({ field: a.field, message: a.message }));
 }
-const de = ee(
+const de = /* @__PURE__ */ ee(
   function(r, a) {
     const {
       schema: l,
@@ -449,19 +449,19 @@ const de = ee(
       labelPosition: h = "top",
       readOnly: F = !1,
       liveValidation: O = !0,
-      validationRules: D,
+      validationRules: K,
       tutorial: A,
       className: C,
       style: w,
       id: $,
       "data-testid": J
-    } = r, { t: M } = Z(), [I, v] = le({
+    } = r, { t: D } = Z(), [I, v] = le({
       value: n,
       defaultValue: c,
       fallbackValue: {},
       onChange: f,
       componentName: "NiceSchemaForm"
-    }), [k, j] = K(!1), [U, L] = K(""), [S, H] = K(null), N = P(() => l ? xe(l, {
+    }), [k, j] = M(!1), [U, L] = M(""), [S, H] = M(null), N = q(() => l ? xe(l, {
       uiSchema: i,
       // Inject the structured array editor (avoids an import cycle in the converter).
       renderArrayField: (E, g, x, R) => /* @__PURE__ */ e(
@@ -474,17 +474,17 @@ const de = ee(
           readOnly: F
         }
       )
-    }) : o ? Ce(o, { uiSchema: i }) : [], [l, o, i, F]), q = P(() => {
+    }) : o ? Ce(o, { uiSchema: i }) : [], [l, o, i, F]), P = q(() => {
       const E = l ? Ie(I, l) : o ? yt(o, I) : [];
-      if (D != null && D.length) {
-        const g = Ee(D, I).filter((x) => x.severity === "error").map((x) => ({ field: x.field, message: x.message }));
+      if (K != null && K.length) {
+        const g = Ee(K, I).filter((x) => x.severity === "error").map((x) => ({ field: x.field, message: x.message }));
         return [...E, ...g];
       }
       return E;
-    }, [l, o, I, D]);
+    }, [l, o, I, K]);
     oe(() => {
-      p == null || p(q);
-    }, [q, p]), oe(() => {
+      p == null || p(P);
+    }, [P, p]), oe(() => {
       if (k)
         try {
           L(JSON.stringify(I, null, 2)), H(null);
@@ -503,20 +503,20 @@ const de = ee(
             type: "button",
             className: "nice-schema-form__tab" + (k ? "" : " nice-schema-form__tab--active"),
             onClick: () => j(!1),
-            children: M("schemaForm.tab.form", "Form")
+            children: D("schemaForm.tab.form", "Form")
           }
         ),
         /* @__PURE__ */ e(
           X,
           {
-            content: M("schemaForm.tab.json.help", "Edit the raw JSON value directly"),
+            content: D("schemaForm.tab.json.help", "Edit the raw JSON value directly"),
             children: /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "nice-schema-form__tab" + (k ? " nice-schema-form__tab--active" : ""),
                 onClick: () => j(!0),
-                children: M("schemaForm.tab.json", "JSON")
+                children: D("schemaForm.tab.json", "JSON")
               }
             )
           }
@@ -540,7 +540,7 @@ const de = ee(
                 H(null), v(x);
               } catch (x) {
                 H(
-                  x instanceof Error ? x.message : M("schemaForm.invalidJson", "Invalid JSON")
+                  x instanceof Error ? x.message : D("schemaForm.invalidJson", "Invalid JSON")
                 );
               }
             }
@@ -558,7 +558,7 @@ const de = ee(
           readOnly: F
         }
       ),
-      O && q.length > 0 && /* @__PURE__ */ e("ul", { className: "nice-schema-form__errors", role: "alert", children: q.map((E, g) => /* @__PURE__ */ e("li", { className: "nice-schema-form__error", children: E.message }, `${E.field}-${g}`)) })
+      O && P.length > 0 && /* @__PURE__ */ e("ul", { className: "nice-schema-form__errors", role: "alert", children: P.map((E, g) => /* @__PURE__ */ e("li", { className: "nice-schema-form__error", children: E.message }, `${E.field}-${g}`)) })
     ] });
   }
 ), gt = [
@@ -635,236 +635,230 @@ function vt(t) {
     };
   });
 }
-const Ut = ee(
-  function(r, a) {
-    const {
-      enableAI: l = !0,
-      aiModel: o,
-      enableGenerate: i = !0,
-      enableSuggestions: n = !0,
-      onGenerate: c,
-      showAIToolbar: f = !0,
-      templates: p = gt,
-      fields: y,
-      onChange: s
-    } = r, [h, F] = K(!1), [O, D] = K(""), [A, C] = K([]), [w, $] = K(y || []), [J, M] = K(!1), [I, v] = K({}), { t: k } = ze(), j = Ue(), { generateForm: U, isLoading: L } = He(), S = l && j.isConfigured, H = Q(
-      async (g) => {
-        if (!S || !i || !g.trim())
-          return [];
-        try {
-          const x = await U(g);
-          return C(x), c == null || c(g, x), x;
-        } catch {
-          return [];
-        }
-      },
-      [S, i, U, c]
-    ), N = Q(
-      (g) => {
-        const x = vt(g);
-        $((R) => [...R, ...x]), s == null || s([...w, ...x]), F(!1), C([]), D("");
-      },
-      [s]
-    ), q = Q(() => w, [w]), m = Q(() => {
-      $([]), s == null || s([]);
-    }, [s]), _ = (g) => {
-      D(g.description), M(!1), H(g.description);
-    };
-    at(a, () => ({
-      generateForm: H,
-      getFields: q,
-      applyFields: N,
-      clearFields: m
-    }));
-    const E = (g) => ({
-      text: "edit",
-      textarea: "file",
-      number: "hash",
-      email: "mail",
-      password: "lock",
-      phone: "phone",
-      date: "calendar",
-      select: "list",
-      checkbox: "check",
-      toggle: "settings",
-      radio: "circle",
-      file: "paperclip",
-      rating: "star"
-    })[g] || "edit";
-    return /* @__PURE__ */ u("div", { className: "nice-form-builder-ai", "data-testid": r["data-testid"], children: [
-      f && S && /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__toolbar", children: [
-        /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__toolbar-left", children: [
-          /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__badge", children: "AI" }),
-          L && /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__loading", children: k("formBuilderAI.generating", "Generating...") })
-        ] }),
-        /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__toolbar-right", children: [
-          i && /* @__PURE__ */ u(
+const Gt = /* @__PURE__ */ ee(function(r, a) {
+  const {
+    enableAI: l = !0,
+    aiModel: o,
+    enableGenerate: i = !0,
+    enableSuggestions: n = !0,
+    onGenerate: c,
+    showAIToolbar: f = !0,
+    templates: p = gt,
+    fields: y,
+    onChange: s
+  } = r, [h, F] = M(!1), [O, K] = M(""), [A, C] = M([]), [w, $] = M(y || []), [J, D] = M(!1), [I, v] = M({}), { t: k } = ze(), j = Ue(), { generateForm: U, isLoading: L } = He(), S = l && j.isConfigured, H = Q(
+    async (g) => {
+      if (!S || !i || !g.trim())
+        return [];
+      try {
+        const x = await U(g);
+        return C(x), c == null || c(g, x), x;
+      } catch {
+        return [];
+      }
+    },
+    [S, i, U, c]
+  ), N = Q(
+    (g) => {
+      const x = vt(g);
+      $((R) => [...R, ...x]), s == null || s([...w, ...x]), F(!1), C([]), K("");
+    },
+    [s]
+  ), P = Q(() => w, [w]), m = Q(() => {
+    $([]), s == null || s([]);
+  }, [s]), _ = (g) => {
+    K(g.description), D(!1), H(g.description);
+  };
+  at(a, () => ({
+    generateForm: H,
+    getFields: P,
+    applyFields: N,
+    clearFields: m
+  }));
+  const E = (g) => ({
+    text: "edit",
+    textarea: "file",
+    number: "hash",
+    email: "mail",
+    password: "lock",
+    phone: "phone",
+    date: "calendar",
+    select: "list",
+    checkbox: "check",
+    toggle: "settings",
+    radio: "circle",
+    file: "paperclip",
+    rating: "star"
+  })[g] || "edit";
+  return /* @__PURE__ */ u("div", { className: "nice-form-builder-ai", "data-testid": r["data-testid"], children: [
+    f && S && /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__toolbar", children: [
+      /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__toolbar-left", children: [
+        /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__badge", children: "AI" }),
+        L && /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__loading", children: k("formBuilderAI.generating", "Generating...") })
+      ] }),
+      /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__toolbar-right", children: [
+        i && /* @__PURE__ */ u(
+          "button",
+          {
+            type: "button",
+            className: "nice-form-builder-ai__btn",
+            onClick: () => F(!0),
+            disabled: L,
+            children: [
+              /* @__PURE__ */ e(z, { name: "zap", size: "sm" }),
+              " ",
+              k("formBuilderAI.generateForm", "Generate Form")
+            ]
+          }
+        ),
+        /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__templates-dropdown", children: [
+          /* @__PURE__ */ u(
             "button",
             {
               type: "button",
-              className: "nice-form-builder-ai__btn",
-              onClick: () => F(!0),
-              disabled: L,
+              className: "nice-form-builder-ai__btn nice-form-builder-ai__btn--secondary",
+              onClick: () => D(!J),
               children: [
-                /* @__PURE__ */ e(z, { name: "zap", size: "sm" }),
+                /* @__PURE__ */ e(z, { name: "list", size: "sm" }),
+                " ",
+                k("formBuilderAI.templates", "Templates"),
                 " ",
-                k("formBuilderAI.generateForm", "Generate Form")
+                /* @__PURE__ */ e(z, { name: "chevron-down", size: "sm" })
               ]
             }
           ),
-          /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__templates-dropdown", children: [
-            /* @__PURE__ */ u(
-              "button",
-              {
-                type: "button",
-                className: "nice-form-builder-ai__btn nice-form-builder-ai__btn--secondary",
-                onClick: () => M(!J),
-                children: [
-                  /* @__PURE__ */ e(z, { name: "list", size: "sm" }),
-                  " ",
-                  k("formBuilderAI.templates", "Templates"),
-                  " ",
-                  /* @__PURE__ */ e(z, { name: "chevron-down", size: "sm" })
-                ]
-              }
-            ),
-            J && /* @__PURE__ */ e("div", { className: "nice-form-builder-ai__templates-menu", children: p.map((g, x) => /* @__PURE__ */ u(
-              "button",
-              {
-                type: "button",
-                className: "nice-form-builder-ai__template-item",
-                onClick: () => _(g),
-                children: [
-                  /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__template-name", children: g.name }),
-                  /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__template-desc", children: g.description })
-                ]
-              },
-              x
-            )) })
-          ] })
+          J && /* @__PURE__ */ e("div", { className: "nice-form-builder-ai__templates-menu", children: p.map((g, x) => /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              className: "nice-form-builder-ai__template-item",
+              onClick: () => _(g),
+              children: [
+                /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__template-name", children: g.name }),
+                /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__template-desc", children: g.description })
+              ]
+            },
+            x
+          )) })
         ] })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "nice-form-builder-ai__builder-wrapper", children: /* @__PURE__ */ e(
-        de,
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "nice-form-builder-ai__builder-wrapper", children: /* @__PURE__ */ e(
+      de,
+      {
+        fields: w,
+        value: I,
+        onChange: v,
+        columns: 1
+      }
+    ) }),
+    h && /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel", children: [
+      /* @__PURE__ */ e(
+        "div",
         {
-          fields: w,
-          value: I,
-          onChange: v,
-          columns: 1
+          className: "nice-form-builder-ai__panel-overlay",
+          onClick: () => F(!1)
         }
-      ) }),
-      h && /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel", children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: "nice-form-builder-ai__panel-overlay",
-            onClick: () => F(!1)
-          }
-        ),
-        /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel-content", children: [
-          /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel-header", children: [
-            /* @__PURE__ */ u("h4", { children: [
-              /* @__PURE__ */ e(z, { name: "zap", size: "sm" }),
-              " ",
-              k("formBuilderAI.generateFormTitle", "Generate Form with AI")
-            ] }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                className: "nice-form-builder-ai__panel-close",
-                onClick: () => {
-                  F(!1), C([]), D("");
-                },
-                "aria-label": "Close",
-                children: /* @__PURE__ */ e(z, { name: "close", size: "sm" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel-body", children: [
-            /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__prompt-section", children: [
-              /* @__PURE__ */ e("label", { className: "nice-form-builder-ai__label", children: k("formBuilderAI.describeForm", "Describe the form you want to create:") }),
-              /* @__PURE__ */ e(
-                "textarea",
-                {
-                  className: "nice-form-builder-ai__textarea",
-                  placeholder: k(
-                    "formBuilderAI.promptPlaceholder",
-                    'e.g., "A contact form with name, email, phone, subject dropdown, and message textarea"'
-                  ),
-                  value: O,
-                  onChange: (g) => D(g.target.value),
-                  rows: 3
-                }
-              ),
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  className: "nice-form-builder-ai__generate-btn",
-                  onClick: () => H(O),
-                  disabled: L || !O.trim(),
-                  children: L ? k("formBuilderAI.generating", "Generating...") : k("formBuilderAI.generate", "Generate")
-                }
-              )
-            ] }),
-            A.length > 0 && /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__preview-section", children: [
-              /* @__PURE__ */ u("h5", { children: [
-                k("formBuilderAI.preview", "Preview"),
-                " (",
-                A.length,
-                " ",
-                k("formBuilderAI.fields", "fields"),
-                ")"
-              ] }),
-              /* @__PURE__ */ e("div", { className: "nice-form-builder-ai__fields-preview", children: A.map((g, x) => /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__field-preview", children: [
-                /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__field-icon", children: /* @__PURE__ */ e(z, { name: E(g.type), size: "sm" }) }),
-                /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__field-info", children: [
-                  /* @__PURE__ */ u("span", { className: "nice-form-builder-ai__field-label", children: [
-                    g.label,
-                    g.required && /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__required", children: "*" })
-                  ] }),
-                  /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__field-type", children: g.type })
-                ] }),
-                g.options && /* @__PURE__ */ u("span", { className: "nice-form-builder-ai__field-options", children: [
-                  g.options.length,
-                  " options"
-                ] })
-              ] }, x)) })
-            ] })
+      ),
+      /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel-content", children: [
+        /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel-header", children: [
+          /* @__PURE__ */ u("h4", { children: [
+            /* @__PURE__ */ e(z, { name: "zap", size: "sm" }),
+            " ",
+            k("formBuilderAI.generateFormTitle", "Generate Form with AI")
           ] }),
-          /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel-footer", children: [
-            /* @__PURE__ */ u(
-              "button",
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-form-builder-ai__panel-close",
+              onClick: () => {
+                F(!1), C([]), K("");
+              },
+              "aria-label": k("formBuilderAI.close", "Close"),
+              children: /* @__PURE__ */ e(z, { name: "close", size: "sm" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel-body", children: [
+          /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__prompt-section", children: [
+            /* @__PURE__ */ e("label", { className: "nice-form-builder-ai__label", children: k("formBuilderAI.describeForm", "Describe the form you want to create:") }),
+            /* @__PURE__ */ e(
+              "textarea",
               {
-                type: "button",
-                className: "nice-form-builder-ai__apply-btn",
-                onClick: () => N(A),
-                disabled: A.length === 0 || L,
-                children: [
-                  /* @__PURE__ */ e(z, { name: "check", size: "sm" }),
-                  " ",
-                  k("formBuilderAI.addToForm", "Add to Form")
-                ]
+                className: "nice-form-builder-ai__textarea",
+                placeholder: k(
+                  "formBuilderAI.promptPlaceholder",
+                  'e.g., "A contact form with name, email, phone, subject dropdown, and message textarea"'
+                ),
+                value: O,
+                onChange: (g) => K(g.target.value),
+                rows: 3
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                className: "nice-form-builder-ai__cancel-btn",
-                onClick: () => {
-                  F(!1), C([]), D("");
-                },
-                children: k("formBuilderAI.cancel", "Cancel")
+                className: "nice-form-builder-ai__generate-btn",
+                onClick: () => H(O),
+                disabled: L || !O.trim(),
+                children: L ? k("formBuilderAI.generating", "Generating...") : k("formBuilderAI.generate", "Generate")
               }
             )
+          ] }),
+          A.length > 0 && /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__preview-section", children: [
+            /* @__PURE__ */ e("h5", { children: k("formBuilderAI.previewCount", "Preview ({count} fields)").replace(
+              "{count}",
+              String(A.length)
+            ) }),
+            /* @__PURE__ */ e("div", { className: "nice-form-builder-ai__fields-preview", children: A.map((g, x) => /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__field-preview", children: [
+              /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__field-icon", children: /* @__PURE__ */ e(z, { name: E(g.type), size: "sm" }) }),
+              /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__field-info", children: [
+                /* @__PURE__ */ u("span", { className: "nice-form-builder-ai__field-label", children: [
+                  g.label,
+                  g.required && /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__required", children: "*" })
+                ] }),
+                /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__field-type", children: g.type })
+              ] }),
+              g.options && /* @__PURE__ */ u("span", { className: "nice-form-builder-ai__field-options", children: [
+                g.options.length,
+                " options"
+              ] })
+            ] }, x)) })
           ] })
+        ] }),
+        /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel-footer", children: [
+          /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              className: "nice-form-builder-ai__apply-btn",
+              onClick: () => N(A),
+              disabled: A.length === 0 || L,
+              children: [
+                /* @__PURE__ */ e(z, { name: "check", size: "sm" }),
+                " ",
+                k("formBuilderAI.addToForm", "Add to Form")
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "nice-form-builder-ai__cancel-btn",
+              onClick: () => {
+                F(!1), C([]), K("");
+              },
+              children: k("formBuilderAI.cancel", "Cancel")
+            }
+          )
         ] })
       ] })
-    ] });
-  }
-), _t = {
+    ] })
+  ] });
+}), _t = {
   text: { type: "string" },
   textarea: { type: "string" },
   password: { type: "string", format: "password" },
@@ -929,7 +923,7 @@ function Et(t) {
     enum: t.options.map((l) => typeof l == "string" ? l : String(l.value))
   }), Nt(a, t.validations), a;
 }
-function Ht(t) {
+function Wt(t) {
   const r = {}, a = [], l = (i) => {
     var n;
     for (const c of i) {
@@ -979,155 +973,153 @@ const wt = [
     content: "Each section can be edited as a visual form or as raw JSON — use the toggle inside the section.",
     placement: "auto"
   }
-];
-function Gt(t) {
+], kt = [];
+function Yt(t) {
   return t;
 }
-const Wt = ee(
-  function(r, a) {
-    var x;
-    const {
-      value: l,
-      defaultValue: o,
-      sections: i,
-      onChange: n,
-      jsonView: c = !0,
-      scriptRunner: f,
-      triggers: p,
-      bindings: y = [],
-      handlers: s,
-      onBindingsChange: h,
-      revisions: F,
-      onRollback: O,
-      loadContent: D,
-      logs: A,
-      onClearLogs: C,
-      extraTabs: w,
-      validate: $,
-      theme: J = "light",
-      height: M = 560,
-      tutorial: I,
-      className: v,
-      style: k,
-      id: j,
-      "data-testid": U
-    } = r, { t: L } = Z(), [S, H] = le({
-      value: l,
-      defaultValue: o,
-      fallbackValue: {},
-      onChange: n,
-      componentName: "NiceManifestEditor"
-    }), N = P(() => {
-      const R = i.map((G) => ({
-        key: `section:${G.id}`,
-        label: G.title,
-        icon: G.icon,
-        content: /* @__PURE__ */ e("div", { className: "nice-manifest-editor__pane", children: /* @__PURE__ */ e(
-          de,
-          {
-            schema: G.schema,
-            fields: G.fields,
-            uiSchema: G.uiSchema,
-            value: S,
-            onChange: H,
-            showJsonView: c
-          }
-        ) })
-      }));
-      return f && R.push({
-        key: "scripts",
-        label: L("manifestEditor.tab.scripts", "Scripts"),
-        content: /* @__PURE__ */ e("div", { className: "nice-manifest-editor__pane", children: /* @__PURE__ */ e(we, { ...f }) })
-      }), p && p.length > 0 && R.push({
-        key: "lifecycle",
-        label: L("manifestEditor.tab.lifecycle", "Lifecycle"),
-        content: /* @__PURE__ */ e("div", { className: "nice-manifest-editor__pane", children: /* @__PURE__ */ e(
-          ke,
-          {
-            triggers: p,
-            bindings: y,
-            handlers: s,
-            onChange: (G) => h == null ? void 0 : h(G),
-            groupByTrigger: !0,
-            allowCondition: !0
-          }
-        ) })
-      }), F && F.length > 0 && R.push({
-        key: "history",
-        label: L("manifestEditor.tab.history", "History"),
-        content: /* @__PURE__ */ e("div", { className: "nice-manifest-editor__pane", children: /* @__PURE__ */ e(
-          Se,
-          {
-            revisions: F,
-            onRollback: O,
-            loadContent: D,
-            language: "json"
-          }
-        ) })
-      }), w && R.push(...w), R;
-    }, [
-      i,
-      S,
-      H,
-      c,
-      f,
-      p,
-      y,
-      s,
-      h,
-      F,
-      O,
-      D,
-      w,
-      L
-    ]), [q, m] = K(((x = N[0]) == null ? void 0 : x.key) ?? "");
-    oe(() => {
-      N.length > 0 && !N.some((R) => R.key === q) && m(N[0].key);
-    }, [N, q]);
-    const _ = P(() => $ ? $(S) : [], [$, S]), E = P(() => {
-      const R = [
+const Qt = /* @__PURE__ */ ee(function(r, a) {
+  var x;
+  const {
+    value: l,
+    defaultValue: o,
+    sections: i = kt,
+    onChange: n,
+    jsonView: c = !0,
+    scriptRunner: f,
+    triggers: p,
+    bindings: y = [],
+    handlers: s,
+    onBindingsChange: h,
+    revisions: F,
+    onRollback: O,
+    loadContent: K,
+    logs: A,
+    onClearLogs: C,
+    extraTabs: w,
+    validate: $,
+    theme: J = "light",
+    height: D = 560,
+    tutorial: I,
+    className: v,
+    style: k,
+    id: j,
+    "data-testid": U
+  } = r, { t: L } = Z(), [S, H] = le({
+    value: l,
+    defaultValue: o,
+    fallbackValue: {},
+    onChange: n,
+    componentName: "NiceManifestEditor"
+  }), N = q(() => {
+    const R = i.map((G) => ({
+      key: `section:${G.id}`,
+      label: G.title,
+      icon: G.icon,
+      content: /* @__PURE__ */ e("div", { className: "nice-manifest-editor__pane", children: /* @__PURE__ */ e(
+        de,
         {
-          key: "sections",
-          label: `${i.length} ${L("manifestEditor.sections", "sections")}`,
-          position: "left"
+          schema: G.schema,
+          fields: G.fields,
+          uiSchema: G.uiSchema,
+          value: S,
+          onChange: H,
+          showJsonView: c
         }
-      ];
-      return $ && R.push({
-        key: "validation",
-        label: /* @__PURE__ */ u("span", { className: "nice-manifest-editor__status", children: [
-          /* @__PURE__ */ e(z, { name: _.length === 0 ? "check" : "warning", size: 12 }),
-          _.length === 0 ? L("manifestEditor.status.valid", "Valid") : `${_.length} ${L("manifestEditor.status.issues", "issues")}`
-        ] }),
-        position: "left"
-      }), R;
-    }, [i.length, $, _.length, L]), g = "nice-manifest-editor" + (v ? ` ${v}` : "");
-    return /* @__PURE__ */ e(
-      Te,
+      ) })
+    }));
+    return f && R.push({
+      key: "scripts",
+      label: L("manifestEditor.tab.scripts", "Scripts"),
+      content: /* @__PURE__ */ e("div", { className: "nice-manifest-editor__pane", children: /* @__PURE__ */ e(we, { ...f }) })
+    }), p && p.length > 0 && R.push({
+      key: "lifecycle",
+      label: L("manifestEditor.tab.lifecycle", "Lifecycle"),
+      content: /* @__PURE__ */ e("div", { className: "nice-manifest-editor__pane", children: /* @__PURE__ */ e(
+        ke,
+        {
+          triggers: p,
+          bindings: y,
+          handlers: s,
+          onChange: (G) => h == null ? void 0 : h(G),
+          groupByTrigger: !0,
+          allowCondition: !0
+        }
+      ) })
+    }), F && F.length > 0 && R.push({
+      key: "history",
+      label: L("manifestEditor.tab.history", "History"),
+      content: /* @__PURE__ */ e("div", { className: "nice-manifest-editor__pane", children: /* @__PURE__ */ e(
+        Se,
+        {
+          revisions: F,
+          onRollback: O,
+          loadContent: K,
+          language: "json"
+        }
+      ) })
+    }), w && R.push(...w), R;
+  }, [
+    i,
+    S,
+    H,
+    c,
+    f,
+    p,
+    y,
+    s,
+    h,
+    F,
+    O,
+    K,
+    w,
+    L
+  ]), [P, m] = M(((x = N[0]) == null ? void 0 : x.key) ?? "");
+  oe(() => {
+    N.length > 0 && !N.some((R) => R.key === P) && m(N[0].key);
+  }, [N, P]);
+  const _ = q(() => $ ? $(S) : [], [$, S]), E = q(() => {
+    const R = [
       {
-        ref: a,
-        id: j,
-        className: g,
-        style: { height: M, ...k },
-        "data-testid": U,
-        theme: J,
-        tabs: N,
-        activeTabKey: q,
-        onTabChange: m,
-        statusItems: E,
-        toolbar: I ? /* @__PURE__ */ e(se, { steps: ce(I, wt) }) : void 0,
-        bottomPanel: A !== void 0 ? /* @__PURE__ */ e(
-          Fe,
-          {
-            title: L("manifestEditor.output", "Output"),
-            entries: A,
-            onClear: C,
-            maxHeight: "100%"
-          }
-        ) : void 0
+        key: "sections",
+        label: `${i.length} ${L("manifestEditor.sections", "sections")}`,
+        position: "left"
       }
-    );
-  }
-), me = "__eeRid", pe = "__eeFid", kt = [
+    ];
+    return $ && R.push({
+      key: "validation",
+      label: /* @__PURE__ */ u("span", { className: "nice-manifest-editor__status", children: [
+        /* @__PURE__ */ e(z, { name: _.length === 0 ? "check" : "warning", size: 12 }),
+        _.length === 0 ? L("manifestEditor.status.valid", "Valid") : `${_.length} ${L("manifestEditor.status.issues", "issues")}`
+      ] }),
+      position: "left"
+    }), R;
+  }, [i.length, $, _.length, L]), g = "nice-manifest-editor" + (v ? ` ${v}` : "");
+  return /* @__PURE__ */ e(
+    Te,
+    {
+      ref: a,
+      id: j,
+      className: g,
+      style: { height: D, ...k },
+      "data-testid": U,
+      theme: J,
+      tabs: N,
+      activeTabKey: P,
+      onTabChange: m,
+      statusItems: E,
+      toolbar: I ? /* @__PURE__ */ e(se, { steps: ce(I, wt) }) : void 0,
+      bottomPanel: A !== void 0 ? /* @__PURE__ */ e(
+        Fe,
+        {
+          title: L("manifestEditor.output", "Output"),
+          entries: A,
+          onClear: C,
+          maxHeight: "100%"
+        }
+      ) : void 0
+    }
+  );
+}), me = "__eeRid", pe = "__eeFid", St = [
   {
     target: ".nice-entity-editor",
     titleKey: "tutorial.entityEditor.intro.title",
@@ -1136,7 +1128,7 @@ const Wt = ee(
     content: "Browse your entities in the list, then click one (or “New entity”) to edit its metadata, fields and validation on a dedicated screen.",
     placement: "auto"
   }
-], St = {
+], Tt = {
   type: "object",
   properties: {
     name: {
@@ -1177,7 +1169,7 @@ const Wt = ee(
     }
   },
   required: ["name"]
-}, Tt = {
+}, Ft = {
   type: "object",
   properties: {
     name: {
@@ -1273,7 +1265,7 @@ function he({ title: t, help: r }) {
     r ? /* @__PURE__ */ e(X, { content: r, children: /* @__PURE__ */ e("span", { className: "nice-entity-editor__help", role: "img", "aria-label": r, children: /* @__PURE__ */ e(z, { name: "info", size: 14 }) }) }) : null
   ] });
 }
-function Ft({
+function xt({
   schema: t,
   value: r,
   onChange: a,
@@ -1327,13 +1319,13 @@ function Ft({
     ] }, i);
   }) });
 }
-function xt({
+function Ct({
   fields: t,
   onChange: r,
   fieldSchema: a,
   readOnly: l
 }) {
-  const { t: o } = Z(), [i, n] = K(null), c = P(() => t.map((s, h) => ({ ...s, [pe]: String(h) })), [t]), f = P(
+  const { t: o } = Z(), [i, n] = M(null), c = q(() => t.map((s, h) => ({ ...s, [pe]: String(h) })), [t]), f = q(
     () => [
       {
         field: "name",
@@ -1372,14 +1364,14 @@ function xt({
               "secondary"
             ]
           ];
-          return /* @__PURE__ */ e("span", { className: "nice-entity-editor__flags", children: F.filter(([O]) => O).map(([, O, D, A]) => /* @__PURE__ */ e(X, { content: D, children: /* @__PURE__ */ e(ae, { variant: A, size: "sm", children: O }) }, O)) });
+          return /* @__PURE__ */ e("span", { className: "nice-entity-editor__flags", children: F.filter(([O]) => O).map(([, O, K, A]) => /* @__PURE__ */ e(X, { content: K, children: /* @__PURE__ */ e(ae, { variant: A, size: "sm", children: O }) }, O)) });
         }
       }
     ],
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   ), p = (s, h, F) => {
-    r(t.map((O, D) => D === s ? { ...O, [h]: F } : O));
+    r(t.map((O, K) => K === s ? { ...O, [h]: F } : O));
   }, y = () => {
     const s = [...t, { name: `field${t.length + 1}`, dataType: "string" }];
     r(s), n(s.length - 1);
@@ -1402,7 +1394,7 @@ function xt({
         /* @__PURE__ */ e("span", { className: "nice-entity-editor__edit-title", children: String(s.name ?? o("entityEditor.field.untitled", "New field")) })
       ] }),
       /* @__PURE__ */ e(
-        Ft,
+        xt,
         {
           schema: a,
           value: s,
@@ -1439,14 +1431,14 @@ function xt({
     }
   );
 }
-const Ct = ee(
+const It = /* @__PURE__ */ ee(
   function(r, a) {
     const {
       value: l,
       defaultValue: o,
       onChange: i,
-      entityMetaSchema: n = St,
-      fieldSchema: c = Tt,
+      entityMetaSchema: n = Tt,
+      fieldSchema: c = Ft,
       fieldsKey: f = "fields",
       validationsKey: p = "validations",
       nameKey: y = "name",
@@ -1454,7 +1446,7 @@ const Ct = ee(
       readOnly: h = !1,
       tutorial: F,
       className: O,
-      style: D,
+      style: K,
       id: A,
       "data-testid": C
     } = r, { t: w } = Z(), [$, J] = le({
@@ -1463,10 +1455,10 @@ const Ct = ee(
       fallbackValue: [],
       onChange: i,
       componentName: "NiceEntityEditor"
-    }), [M, I] = K("list"), [v, k] = K(0), [j, U] = K("general"), L = Math.min(v, Math.max(0, $.length - 1)), S = $[L], H = M === "edit" && S != null, N = P(() => {
+    }), [D, I] = M("list"), [v, k] = M(0), [j, U] = M("general"), L = Math.min(v, Math.max(0, $.length - 1)), S = $[L], H = D === "edit" && S != null, N = q(() => {
       const T = S == null ? void 0 : S[f];
       return Array.isArray(T) ? T : [];
-    }, [S, f]), q = P(() => {
+    }, [S, f]), P = q(() => {
       const T = (B) => {
         const Y = B.toLowerCase();
         return /(int|long|decimal|double|float|number|money)/.test(Y) ? "number" : /bool/.test(Y) ? "boolean" : /date|time/.test(Y) ? "date" : "string";
@@ -1480,10 +1472,10 @@ const Ct = ee(
         });
       }
       return V;
-    }, [N]), m = P(() => {
+    }, [N]), m = q(() => {
       const T = S == null ? void 0 : S[p];
       return Array.isArray(T) ? T : [];
-    }, [S, p]), _ = P(() => $.map((T, V) => ({ ...T, [me]: String(V) })), [$]), E = (T) => {
+    }, [S, p]), _ = q(() => $.map((T, V) => ({ ...T, [me]: String(V) })), [$]), E = (T) => {
       J($.map((V, B) => B === L ? { ...V, ...T } : V));
     }, g = (T) => {
       E({ [f]: T });
@@ -1494,7 +1486,7 @@ const Ct = ee(
       J(T), k(T.length - 1), U("general"), I("edit");
     }, G = (T) => {
       J($.filter((V, B) => B !== T)), k((V) => V >= T ? Math.max(0, V - 1) : V);
-    }, re = P(
+    }, re = q(
       () => [
         {
           field: y,
@@ -1553,7 +1545,7 @@ const Ct = ee(
       ],
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [y, f]
-    ), W = P(() => {
+    ), W = q(() => {
       const T = [
         {
           id: "general",
@@ -1575,7 +1567,7 @@ const Ct = ee(
           label: w("entityEditor.tab.fields", "Fields"),
           badge: N.length || void 0,
           content: /* @__PURE__ */ e(
-            xt,
+            Ct,
             {
               fields: N,
               onChange: g,
@@ -1591,7 +1583,7 @@ const Ct = ee(
           content: /* @__PURE__ */ e(
             Ge,
             {
-              fields: q,
+              fields: P,
               value: m,
               onChange: (V) => E({ [p]: V })
             }
@@ -1607,15 +1599,15 @@ const Ct = ee(
       S,
       N,
       m,
-      q,
+      P,
       n,
       c,
       h,
       s,
       $
     ]), ie = "nice-entity-editor" + (O ? ` ${O}` : "");
-    return /* @__PURE__ */ u("div", { ref: a, id: A, className: ie, style: D, "data-testid": C, children: [
-      F && /* @__PURE__ */ e("div", { className: "nice-entity-editor__tutorial", children: /* @__PURE__ */ e(se, { steps: ce(F, kt) }) }),
+    return /* @__PURE__ */ u("div", { ref: a, id: A, className: ie, style: K, "data-testid": C, children: [
+      F && /* @__PURE__ */ e("div", { className: "nice-entity-editor__tutorial", children: /* @__PURE__ */ e(se, { steps: ce(F, St) }) }),
       H ? /* @__PURE__ */ u("div", { className: "nice-entity-editor__edit", children: [
         /* @__PURE__ */ u("header", { className: "nice-entity-editor__edit-header", children: [
           /* @__PURE__ */ e(X, { content: w("entityEditor.backHint", "Back to the entity list"), children: /* @__PURE__ */ e(
@@ -1679,7 +1671,7 @@ const Ct = ee(
       ) })
     ] });
   }
-), It = [
+), At = [
   {
     target: ".nice-i18n-editor",
     titleKey: "tutorial.i18nEditor.intro.title",
@@ -1704,7 +1696,7 @@ const Ct = ee(
     content: "Add a new translation key or a new locale column here; new cells start empty and are flagged as missing.",
     placement: "top"
   }
-], At = ee(
+], $t = /* @__PURE__ */ ee(
   function(r, a) {
     const {
       value: l,
@@ -1719,14 +1711,14 @@ const Ct = ee(
       className: h,
       style: F,
       id: O,
-      "data-testid": D
+      "data-testid": K
     } = r, { t: A } = ot(), [C, w] = rt({
       value: l,
       defaultValue: o,
       fallbackValue: {},
       onChange: i,
       componentName: "NiceI18nEditor"
-    }), [$, J] = K(""), [M, I] = K(""), v = P(() => n ?? Object.keys(C), [n, C]), k = P(() => {
+    }), [$, J] = M(""), [D, I] = M(""), v = q(() => n ?? Object.keys(C), [n, C]), k = q(() => {
       const m = /* @__PURE__ */ new Set();
       for (const _ of Object.keys(C))
         for (const E of Object.keys(C[_] ?? {}))
@@ -1761,7 +1753,7 @@ const Ct = ee(
         _[E] || (_[E] = C[E]);
       w(_), J("");
     }, H = () => {
-      const m = M.trim();
+      const m = D.trim();
       if (!m || C[m])
         return;
       const _ = {};
@@ -1771,9 +1763,9 @@ const Ct = ee(
     }, N = (m) => {
       const _ = { ...C };
       delete _[m], w(_);
-    }, q = "nice-i18n-editor" + (h ? ` ${h}` : "");
-    return /* @__PURE__ */ u("div", { ref: a, id: O, className: q, style: F, "data-testid": D, children: [
-      s && /* @__PURE__ */ e("div", { className: "nice-i18n-editor__tutorial", children: /* @__PURE__ */ e(lt, { steps: st(s, It) }) }),
+    }, P = "nice-i18n-editor" + (h ? ` ${h}` : "");
+    return /* @__PURE__ */ u("div", { ref: a, id: O, className: P, style: F, "data-testid": K, children: [
+      s && /* @__PURE__ */ e("div", { className: "nice-i18n-editor__tutorial", children: /* @__PURE__ */ e(lt, { steps: st(s, At) }) }),
       /* @__PURE__ */ e("div", { className: "nice-i18n-editor__scroll", "data-tour": "i18n-grid", children: /* @__PURE__ */ u("table", { className: "nice-i18n-editor__table", children: [
         /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ u("tr", { children: [
           /* @__PURE__ */ e("th", { className: "nice-i18n-editor__key-head", children: A("i18nEditor.keyHead", "Key") }),
@@ -1858,7 +1850,7 @@ const Ct = ee(
             {
               className: "nice-i18n-editor__add-input",
               placeholder: A("i18nEditor.newLocalePlaceholder", "locale (e.g. de)"),
-              value: M,
+              value: D,
               onChange: (m) => I(m.target.value),
               onKeyDown: (m) => {
                 m.key === "Enter" && H();
@@ -1874,7 +1866,7 @@ const Ct = ee(
       ] })
     ] });
   }
-), $t = [
+), Mt = [
   {
     target: ".nice-module-editor",
     titleKey: "tutorial.moduleEditor.intro.title",
@@ -1923,12 +1915,12 @@ const Ct = ee(
     content: "Validation results and load/save activity are logged here.",
     placement: "top"
   }
-], Yt = ee(
+], Ot = [], Xt = /* @__PURE__ */ ee(
   function(r, a) {
     var ge;
     const {
       dataProvider: l,
-      manifestSections: o,
+      manifestSections: o = Ot,
       entityConfig: i,
       locales: n,
       validate: c,
@@ -1939,15 +1931,15 @@ const Ct = ee(
       onBindingsChange: h,
       revisions: F,
       onRollback: O,
-      loadContent: D,
+      loadContent: K,
       theme: A = "light",
       height: C = 640,
       tutorial: w,
       className: $,
       style: J,
-      id: M,
+      id: D,
       "data-testid": I
-    } = r, { t: v } = Z(), [k, j] = K([]), [U, L] = K(""), [S, H] = K(null), [N, q] = K(null), [m, _] = K(!1), [E, g] = K(!1), [x, R] = K([]), [G, re] = K(""), W = Q((d, b, je) => {
+    } = r, { t: v } = Z(), [k, j] = M([]), [U, L] = M(""), [S, H] = M(null), [N, P] = M(null), [m, _] = M(!1), [E, g] = M(!1), [x, R] = M([]), [G, re] = M(""), W = Q((d, b, je) => {
       R((Be) => [...Be, { level: d, message: b, data: je, timestamp: Date.now() }].slice(-200));
     }, []), ie = Q(async () => {
       g(!0);
@@ -1967,7 +1959,7 @@ const Ct = ee(
         g(!0);
         try {
           const b = await l.loadModule(d);
-          q(b), H(d), _(!1), W("info", `Loaded module ${d}`);
+          P(b), H(d), _(!1), W("info", `Loaded module ${d}`);
         } catch (b) {
           W("error", `Load failed: ${b instanceof Error ? b.message : String(b)}`);
         } finally {
@@ -1986,7 +1978,7 @@ const Ct = ee(
           g(!1);
         }
       }
-    }, [S, N, l, W]), B = P(() => {
+    }, [S, N, l, W]), B = q(() => {
       if (!N)
         return [];
       const d = [];
@@ -2002,20 +1994,20 @@ const Ct = ee(
           W("error", `${d.field}: ${d.message}`);
       }
     }, [B, W]), Ae = (d) => {
-      q((b) => b && { ...b, manifest: d }), _(!0);
+      P((b) => b && { ...b, manifest: d }), _(!0);
     }, $e = (d) => {
-      q((b) => b && { ...b, entities: d }), _(!0);
-    }, Ke = (d) => {
-      q((b) => b && { ...b, i18n: d }), _(!0);
+      P((b) => b && { ...b, entities: d }), _(!0);
+    }, Me = (d) => {
+      P((b) => b && { ...b, i18n: d }), _(!0);
     }, Oe = (d) => {
-      q((b) => b && { ...b, views: d }), _(!0);
+      P((b) => b && { ...b, views: d }), _(!0);
+    }, Ke = (d) => {
+      P((b) => b && { ...b, workflows: d }), _(!0);
     }, De = (d) => {
-      q((b) => b && { ...b, workflows: d }), _(!0);
-    }, Me = (d) => {
-      q((b) => b && { ...b, dataSources: d }), _(!0);
+      P((b) => b && { ...b, dataSources: d }), _(!0);
     }, Le = (d) => {
-      q((b) => b && { ...b, rbac: d }), _(!0);
-    }, ne = P(() => {
+      P((b) => b && { ...b, rbac: d }), _(!0);
+    }, ne = q(() => {
       if (!N)
         return [];
       const d = o.map((b) => ({
@@ -2038,7 +2030,7 @@ const Ct = ee(
         key: "entities",
         label: v("moduleEditor.tab.entities", "Entities"),
         content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
-          Ct,
+          It,
           {
             value: N.entities ?? [],
             onChange: $e,
@@ -2052,7 +2044,7 @@ const Ct = ee(
       }), d.push({
         key: "i18n",
         label: v("moduleEditor.tab.i18n", "i18n"),
-        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(At, { value: N.i18n ?? {}, onChange: Ke, locales: n }) })
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e($t, { value: N.i18n ?? {}, onChange: Me, locales: n }) })
       }), d.push({
         key: "views",
         label: v("moduleEditor.tab.views", "Views"),
@@ -2067,16 +2059,16 @@ const Ct = ee(
       }), d.push({
         key: "workflows",
         label: v("moduleEditor.tab.workflows", "Workflows"),
-        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(Ot, { workflows: N.workflows ?? [], onChange: De }) })
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(Dt, { workflows: N.workflows ?? [], onChange: Ke }) })
       }), d.push({
         key: "data",
         label: v("moduleEditor.tab.data", "Data"),
         content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
-          Lt,
+          Pt,
           {
             dataSources: N.dataSources ?? [],
-            schemas: Dt(N.entities ?? []),
-            onChange: Me
+            schemas: Lt(N.entities ?? []),
+            onChange: De
           }
         ) })
       }), d.push({
@@ -2085,7 +2077,7 @@ const Ct = ee(
         content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
           Ze,
           {
-            value: N.rbac ?? Mt(N),
+            value: N.rbac ?? Vt(N),
             onChange: Le
           }
         ) })
@@ -2115,7 +2107,7 @@ const Ct = ee(
           {
             revisions: F,
             onRollback: O,
-            loadContent: D,
+            loadContent: K,
             language: "json"
           }
         ) })
@@ -2139,12 +2131,12 @@ const Ct = ee(
     oe(() => {
       ne.length > 0 && !ne.some((d) => d.key === G) && re(ne[0].key);
     }, [ne, G]);
-    const ye = P(() => {
+    const ye = q(() => {
       const d = U.trim().toLowerCase();
       return d ? k.filter(
         (b) => b.id.toLowerCase().includes(d) || (b.name ?? "").toLowerCase().includes(d) || (b.category ?? "").toLowerCase().includes(d)
       ) : k;
-    }, [k, U]), Ve = P(() => {
+    }, [k, U]), Ve = q(() => {
       const d = [];
       return S && d.push({ key: "mod", label: S + (m ? " •" : ""), position: "left" }), d.push({
         key: "val",
@@ -2154,7 +2146,7 @@ const Ct = ee(
         ] }),
         position: "left"
       }), d;
-    }, [S, m, B.length, v]), qe = /* @__PURE__ */ u("div", { className: "nice-module-editor__browser", "data-tour": "nme-browser", children: [
+    }, [S, m, B.length, v]), Pe = /* @__PURE__ */ u("div", { className: "nice-module-editor__browser", "data-tour": "nme-browser", children: [
       /* @__PURE__ */ e(
         "input",
         {
@@ -2182,9 +2174,9 @@ const Ct = ee(
         )),
         ye.length === 0 && /* @__PURE__ */ e("div", { className: "nice-module-editor__browser-empty", children: E ? v("moduleEditor.loading", "Loading…") : v("moduleEditor.noModules", "No modules. Open a source first.") })
       ] })
-    ] }), Pe = /* @__PURE__ */ u("div", { className: "nice-module-editor__toolbar", children: [
+    ] }), qe = /* @__PURE__ */ u("div", { className: "nice-module-editor__toolbar", children: [
       /* @__PURE__ */ e("strong", { className: "nice-module-editor__title", "data-tour": "nme-tabs", children: S ? ((ge = N == null ? void 0 : N.manifest) == null ? void 0 : ge.packageName) ?? S : v("moduleEditor.title", "Module Editor") }),
-      w && /* @__PURE__ */ e(se, { steps: ce(w, $t) }),
+      w && /* @__PURE__ */ e(se, { steps: ce(w, Mt) }),
       /* @__PURE__ */ e("span", { className: "nice-module-editor__spacer" }),
       /* @__PURE__ */ u("button", { type: "button", onClick: () => void ie(), disabled: E, children: [
         /* @__PURE__ */ e(z, { name: "refresh", size: 14 }),
@@ -2212,7 +2204,7 @@ const Ct = ee(
       Te,
       {
         ref: a,
-        id: M,
+        id: D,
         className: Re,
         style: { height: C, ...J },
         "data-testid": I,
@@ -2220,8 +2212,8 @@ const Ct = ee(
         tabs: ne,
         activeTabKey: G,
         onTabChange: re,
-        toolbar: Pe,
-        sidePanel: qe,
+        toolbar: qe,
+        sidePanel: Pe,
         sidePanelWidth: 260,
         statusItems: Ve,
         bottomPanel: /* @__PURE__ */ e("div", { "data-tour": "nme-output", style: { height: "100%" }, children: /* @__PURE__ */ e(
@@ -2244,7 +2236,7 @@ function Kt({
   onChange: a
 }) {
   var y;
-  const { t: l } = Z(), [o, i] = K(((y = t[0]) == null ? void 0 : y.id) ?? null), n = t.find((s) => s.id === o) ?? null, c = (s) => {
+  const { t: l } = Z(), [o, i] = M(((y = t[0]) == null ? void 0 : y.id) ?? null), n = t.find((s) => s.id === o) ?? null, c = (s) => {
     a(t.map((h) => h.id === o ? s : h)), s.id !== o && i(s.id);
   }, f = () => {
     const s = {
@@ -2286,12 +2278,12 @@ function Kt({
     ) })
   ] });
 }
-function Ot({
+function Dt({
   workflows: t,
   onChange: r
 }) {
   var p;
-  const { t: a } = Z(), [l, o] = K(((p = t[0]) == null ? void 0 : p.id) ?? null), i = t.find((y) => y.id === l) ?? null, n = (y) => {
+  const { t: a } = Z(), [l, o] = M(((p = t[0]) == null ? void 0 : p.id) ?? null), i = t.find((y) => y.id === l) ?? null, n = (y) => {
     r(t.map((s) => s.id === l ? y : s)), y.id !== l && o(y.id);
   }, c = () => {
     const y = {
@@ -2333,7 +2325,7 @@ function Ot({
     ) })
   ] });
 }
-function Dt(t) {
+function Lt(t) {
   return t.map((r) => {
     const a = r;
     return {
@@ -2347,7 +2339,7 @@ function Dt(t) {
     };
   });
 }
-function Mt(t) {
+function Vt(t) {
   const r = t.manifest ?? {}, a = String(r.displayName || r.packageName || "Module"), l = (t.views ?? []).map((i) => ({
     id: `view:${i.id}`,
     label: i.name,
@@ -2381,13 +2373,13 @@ function Mt(t) {
     grants: {}
   };
 }
-function Lt({
+function Pt({
   dataSources: t,
   schemas: r,
   onChange: a
 }) {
   var y;
-  const { t: l } = Z(), [o, i] = K(((y = t[0]) == null ? void 0 : y.key) ?? null), n = t.find((s) => s.key === o) ?? null, c = (s) => {
+  const { t: l } = Z(), [o, i] = M(((y = t[0]) == null ? void 0 : y.key) ?? null), n = t.find((s) => s.key === o) ?? null, c = (s) => {
     a(t.map((h) => h.key === o ? s : h)), s.key !== o && i(s.key);
   }, f = () => {
     const s = {
@@ -2429,18 +2421,18 @@ function Lt({
 }
 export {
   pt as NiceArrayField,
-  Ct as NiceEntityEditor,
-  Ut as NiceFormBuilderAI,
-  At as NiceI18nEditor,
-  Wt as NiceManifestEditor,
-  Yt as NiceModuleEditor,
+  It as NiceEntityEditor,
+  Gt as NiceFormBuilderAI,
+  $t as NiceI18nEditor,
+  Qt as NiceManifestEditor,
+  Xt as NiceModuleEditor,
   de as NiceSchemaForm,
-  Gt as defineManifestSection,
-  Bt as formBuilderSchemaToNiceFormItems,
+  Yt as defineManifestSection,
+  Jt as formBuilderSchemaToNiceFormItems,
   Ce as formFieldsToFormItems,
-  Ht as formSchemaToJsonSchema,
+  Wt as formSchemaToJsonSchema,
   xe as jsonSchemaToFormItems,
-  zt as schemaToFormItems,
+  Ut as schemaToFormItems,
   Ie as validateAgainstJsonSchema,
-  Jt as validateFormSchema
+  Ht as validateFormSchema
 };