@nice2dev/ui-forms 1.2.1 → 1.3.0

package/dist/index.mjs

@@ -1,8 +1,8 @@
 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 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";
+import { useNiceTranslation as Je } 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 Ue, useNiceAI as He, useFormGeneration as Ge, NiceScriptRunner as we, NiceLifecycleHooksEditor as ke, NiceRevisionHistory as Se, NiceConsole as Te, NiceLogConsole as Fe, NiceBadge as ae, NiceValidationBuilder as We, NiceButton as te, NiceTabs as Ye, NiceCheckbox as Qe, NiceSelect as Xe, NiceTextInput as Ze, NiceAccessManager as et, NiceViewEditor as tt, NiceWorkflowDesigner as it, NiceDataSourceBuilder as nt } from "@nice2dev/ui";
+import at, { useState as M, forwardRef as ee, useMemo as q, useEffect as oe, useCallback as Q, useImperativeHandle as ot } from "react";
+import { useNiceTranslation as xe, useControllableState as rt, NiceTutorialButton as lt, resolveTutorial as st, NiceIcon as be } from "@nice2dev/ui-core";
 function Jt(t) {
   var l, o;
   const r = {
@@ -106,45 +106,47 @@ function Ht(t) {
   return { valid: r.length === 0, errors: r };
 }
 function _e(t) {
-  const { value: r, onChange: a, readOnly: l } = t, [o, i] = M(() => {
+  const { t: r } = xe(), { value: a, onChange: l, readOnly: o } = t, [i, n] = M(() => {
     try {
-      return r === void 0 ? "" : JSON.stringify(r, null, 2);
+      return a === void 0 ? "" : JSON.stringify(a, null, 2);
     } catch {
       return "";
     }
-  }), [n, c] = M(null);
-  return nt.useEffect(() => {
+  }), [c, h] = M(null);
+  return at.useEffect(() => {
     try {
-      i(r === void 0 ? "" : JSON.stringify(r, null, 2));
+      n(a === void 0 ? "" : JSON.stringify(a, null, 2));
     } catch {
     }
-  }, [JSON.stringify(r)]), /* @__PURE__ */ u("div", { className: "nice-schema-form__json-field", children: [
+  }, [JSON.stringify(a)]), /* @__PURE__ */ u("div", { className: "nice-schema-form__json-field", children: [
     /* @__PURE__ */ e(
       "textarea",
       {
         className: "nice-schema-form__json-textarea",
-        value: o,
-        readOnly: l,
+        value: i,
+        readOnly: o,
         spellCheck: !1,
-        rows: Math.min(12, Math.max(3, o.split(`
+        rows: Math.min(12, Math.max(3, i.split(`
 `).length)),
         onChange: (f) => {
-          const p = f.target.value;
-          i(p);
-          const y = p.trim();
-          if (y === "") {
-            c(null), a(void 0);
+          const y = f.target.value;
+          n(y);
+          const s = y.trim();
+          if (s === "") {
+            h(null), l(void 0);
             return;
           }
           try {
-            a(JSON.parse(y)), c(null);
-          } catch (s) {
-            c(s instanceof Error ? s.message : "Invalid JSON");
+            l(JSON.parse(s)), h(null);
+          } catch (m) {
+            h(
+              m instanceof Error ? m.message : r("jsonSchemaToFormItems.invalidJson", "Invalid JSON")
+            );
           }
         }
       }
     ),
-    n && /* @__PURE__ */ e("div", { className: "nice-schema-form__json-error", children: n })
+    c && /* @__PURE__ */ e("div", { className: "nice-schema-form__json-error", children: c })
   ] });
 }
 function ct(t) {
@@ -206,9 +208,9 @@ function dt(t, r, a, l = {}) {
         const n = l.renderArrayField;
         return {
           ...o,
-          render: (c, f) => n(
+          render: (c, h) => n(
             c ?? [],
-            f,
+            h,
             i,
             o.label
           )
@@ -240,11 +242,11 @@ function dt(t, r, a, l = {}) {
       return { ...o, type: "text" };
   }
 }
-function xe(t, r = {}) {
+function Ce(t, r = {}) {
   const { uiSchema: a, renderArrayField: l, renderObjectField: o } = r, i = { renderArrayField: l, renderObjectField: o }, n = t.properties ?? {}, c = new Set(t.required ?? []);
-  return Object.keys(n).map((f) => {
-    const p = dt(f, n[f], c.has(f), i);
-    return a != null && a[f] ? { ...p, ...a[f] } : p;
+  return Object.keys(n).map((h) => {
+    const f = dt(h, n[h], c.has(h), i);
+    return a != null && a[h] ? { ...f, ...a[h] } : f;
   });
 }
 const ut = {
@@ -267,40 +269,40 @@ const ut = {
   rating: "rating",
   color: "color"
 };
-function Ce(t, r = {}) {
+function Ie(t, r = {}) {
   var o, i;
   const { uiSchema: a } = r, l = [];
   for (const n of t) {
     if (n.type === "section" && n.children) {
-      for (const p of Ce(n.children, r))
-        l.push(n.label ? { ...p, group: n.label } : p);
+      for (const f of Ie(n.children, r))
+        l.push(n.label ? { ...f, group: n.label } : f);
       continue;
     }
     const c = ut[n.type];
     if (!c)
       continue;
-    const f = {
+    const h = {
       field: n.name,
       label: n.label,
       type: c,
-      required: n.required || ((o = n.validations) == null ? void 0 : o.some((p) => p.type === "required")),
+      required: n.required || ((o = n.validations) == null ? void 0 : o.some((f) => f.type === "required")),
       placeholder: n.placeholder,
       hint: n.helpText,
       defaultValue: n.defaultValue,
       disabled: n.disabled,
       readOnly: n.readonly,
       options: (i = n.options) == null ? void 0 : i.map(
-        (p) => typeof p == "string" ? { label: p, value: p } : { label: p.label, value: p.value }
+        (f) => typeof f == "string" ? { label: f, value: f } : { label: f.label, value: f.value }
       )
     };
-    l.push(a != null && a[n.name] ? { ...f, ...a[n.name] } : f);
+    l.push(a != null && a[n.name] ? { ...h, ...a[n.name] } : h);
   }
   return l;
 }
 function Ne(t) {
   return t == null || t === "" || Array.isArray(t) && t.length === 0;
 }
-function Ie(t, r) {
+function Ae(t, r) {
   const a = [], l = r.properties ?? {}, o = new Set(r.required ?? []);
   for (const i of Object.keys(l)) {
     const n = l[i], c = t[i];
@@ -337,31 +339,31 @@ const pt = /* @__PURE__ */ ee(
       onChange: i,
       itemSchema: n,
       title: c,
-      readOnly: f = !1,
-      columns: p,
+      readOnly: h = !1,
+      columns: f,
       className: y,
       style: s,
-      "data-testid": h
+      "data-testid": m
     } = r, [F, O] = le({
       value: l,
       defaultValue: o,
       fallbackValue: [],
       onChange: i,
       componentName: "NiceArrayField"
-    }), K = n.properties ?? {}, A = q(() => (p ?? Object.keys(K)).map((I) => {
+    }), K = n.properties ?? {}, A = q(() => (f ?? 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 = q(
-      () => xe(n),
+    }), [n, f]), C = q(
+      () => Ce(n),
       [n]
-    ), w = q(() => F.map((D, I) => ({ ...D, [ue]: String(I) })), [F]), $ = (D) => {
+    ), N = 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(
+    return /* @__PURE__ */ e("div", { ref: a, className: J, style: s, "data-testid": m, children: /* @__PURE__ */ e(
       fe,
       {
-        data: w,
+        data: N,
         keyField: ue,
         columns: A,
         editMode: "popup",
@@ -369,8 +371,8 @@ const pt = /* @__PURE__ */ ee(
         editFormTitle: c ? `${c} — item` : "Edit item",
         emptyText: `No items${c ? ` in ${c}` : ""}`,
         compact: !0,
-        onRowAdd: f ? void 0 : (D) => O([...F, $(D)]),
-        onRowEdit: f ? void 0 : (D, I) => {
+        onRowAdd: h ? void 0 : (D) => O([...F, $(D)]),
+        onRowEdit: h ? void 0 : (D, I) => {
           const v = Number(D);
           O(
             F.map(
@@ -378,7 +380,7 @@ const pt = /* @__PURE__ */ ee(
             )
           );
         },
-        onRowDelete: f ? void 0 : (D) => {
+        onRowDelete: h ? void 0 : (D) => {
           const I = Number(D);
           O(F.filter((v, k) => k !== I));
         }
@@ -442,59 +444,59 @@ const de = /* @__PURE__ */ ee(
       uiSchema: i,
       value: n,
       defaultValue: c,
-      onChange: f,
-      onValidate: p,
+      onChange: h,
+      onValidate: f,
       showJsonView: y = !1,
       columns: s = 1,
-      labelPosition: h = "top",
+      labelPosition: m = "top",
       readOnly: F = !1,
       liveValidation: O = !0,
       validationRules: K,
       tutorial: A,
       className: C,
-      style: w,
+      style: N,
       id: $,
       "data-testid": J
     } = r, { t: D } = Z(), [I, v] = le({
       value: n,
       defaultValue: c,
       fallbackValue: {},
-      onChange: f,
+      onChange: h,
       componentName: "NiceSchemaForm"
-    }), [k, j] = M(!1), [U, L] = M(""), [S, H] = M(null), N = q(() => l ? xe(l, {
+    }), [k, j] = M(!1), [U, L] = M(""), [S, H] = M(null), E = q(() => l ? Ce(l, {
       uiSchema: i,
       // Inject the structured array editor (avoids an import cycle in the converter).
-      renderArrayField: (E, g, x, R) => /* @__PURE__ */ e(
+      renderArrayField: (w, g, x, R) => /* @__PURE__ */ e(
         pt,
         {
-          value: E,
+          value: w,
           onChange: g,
           itemSchema: x,
           title: R,
           readOnly: F
         }
       )
-    }) : o ? Ce(o, { uiSchema: i }) : [], [l, o, i, F]), P = q(() => {
-      const E = l ? Ie(I, l) : o ? yt(o, I) : [];
+    }) : o ? Ie(o, { uiSchema: i }) : [], [l, o, i, F]), P = q(() => {
+      const w = l ? Ae(I, l) : o ? yt(o, I) : [];
       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 [...w, ...g];
       }
-      return E;
+      return w;
     }, [l, o, I, K]);
     oe(() => {
-      p == null || p(P);
-    }, [P, p]), oe(() => {
+      f == null || f(P);
+    }, [P, f]), oe(() => {
       if (k)
         try {
           L(JSON.stringify(I, null, 2)), H(null);
         } catch {
         }
     }, [k, I]);
-    const m = (E, g) => {
-      v({ ...I, [E]: g });
+    const p = (w, g) => {
+      v({ ...I, [w]: g });
     }, _ = "nice-schema-form" + (C ? ` ${C}` : "");
-    return /* @__PURE__ */ u("div", { ref: a, id: $, className: _, style: w, "data-testid": J, children: [
+    return /* @__PURE__ */ u("div", { ref: a, id: $, className: _, style: N, "data-testid": J, children: [
       A && /* @__PURE__ */ e("div", { className: "nice-schema-form__tutorial", children: /* @__PURE__ */ e(se, { steps: ce(A, ht) }) }),
       y && /* @__PURE__ */ u("div", { className: "nice-schema-form__toolbar", "data-tour": "sf-viewtoggle", children: [
         /* @__PURE__ */ e(
@@ -532,8 +534,8 @@ const de = /* @__PURE__ */ ee(
             spellCheck: !1,
             rows: Math.min(24, Math.max(6, U.split(`
 `).length)),
-            onChange: (E) => {
-              const g = E.target.value;
+            onChange: (w) => {
+              const g = w.target.value;
               L(g);
               try {
                 const x = JSON.parse(g);
@@ -548,17 +550,17 @@ const de = /* @__PURE__ */ ee(
         ),
         S && /* @__PURE__ */ e("div", { className: "nice-schema-form__json-error", children: S })
       ] }) : /* @__PURE__ */ e(
-        Je,
+        Ue,
         {
-          items: N,
+          items: E,
           data: I,
-          onFieldChange: m,
+          onFieldChange: p,
           columns: s,
-          labelPosition: h,
+          labelPosition: m,
           readOnly: F
         }
       ),
-      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}`)) })
+      O && P.length > 0 && /* @__PURE__ */ e("ul", { className: "nice-schema-form__errors", role: "alert", children: P.map((w, g) => /* @__PURE__ */ e("li", { className: "nice-schema-form__error", children: w.message }, `${w.field}-${g}`)) })
     ] });
   }
 ), gt = [
@@ -642,11 +644,11 @@ const Gt = /* @__PURE__ */ ee(function(r, a) {
     enableGenerate: i = !0,
     enableSuggestions: n = !0,
     onGenerate: c,
-    showAIToolbar: f = !0,
-    templates: p = gt,
+    showAIToolbar: h = !0,
+    templates: f = 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(
+  } = r, [m, F] = M(!1), [O, K] = M(""), [A, C] = M([]), [N, $] = M(y || []), [J, D] = M(!1), [I, v] = M({}), { t: k } = Je(), j = He(), { generateForm: U, isLoading: L } = Ge(), S = l && j.isConfigured, H = Q(
     async (g) => {
       if (!S || !i || !g.trim())
         return [];
@@ -658,24 +660,25 @@ const Gt = /* @__PURE__ */ ee(function(r, a) {
       }
     },
     [S, i, U, c]
-  ), N = Q(
+  ), E = Q(
     (g) => {
       const x = vt(g);
-      $((R) => [...R, ...x]), s == null || s([...w, ...x]), F(!1), C([]), K("");
+      $((R) => [...R, ...x]), s == null || s([...N, ...x]), F(!1), C([]), K("");
     },
-    [s]
-  ), P = Q(() => w, [w]), m = Q(() => {
+    // currentFields: until 1.2.2 onChange got the fields of the render this callback was made in
+    [s, N]
+  ), P = Q(() => N, [N]), p = Q(() => {
     $([]), s == null || s([]);
   }, [s]), _ = (g) => {
     K(g.description), D(!1), H(g.description);
   };
-  at(a, () => ({
+  ot(a, () => ({
     generateForm: H,
     getFields: P,
-    applyFields: N,
-    clearFields: m
+    applyFields: E,
+    clearFields: p
   }));
-  const E = (g) => ({
+  const w = (g) => ({
     text: "edit",
     textarea: "file",
     number: "hash",
@@ -691,9 +694,9 @@ const Gt = /* @__PURE__ */ ee(function(r, a) {
     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: [
+    h && 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" }),
+        /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__badge", children: k("formBuilderAI.ai", "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: [
@@ -727,7 +730,7 @@ const Gt = /* @__PURE__ */ ee(function(r, a) {
               ]
             }
           ),
-          J && /* @__PURE__ */ e("div", { className: "nice-form-builder-ai__templates-menu", children: p.map((g, x) => /* @__PURE__ */ u(
+          J && /* @__PURE__ */ e("div", { className: "nice-form-builder-ai__templates-menu", children: f.map((g, x) => /* @__PURE__ */ u(
             "button",
             {
               type: "button",
@@ -746,16 +749,17 @@ const Gt = /* @__PURE__ */ ee(function(r, a) {
     /* @__PURE__ */ e("div", { className: "nice-form-builder-ai__builder-wrapper", children: /* @__PURE__ */ e(
       de,
       {
-        fields: w,
+        fields: N,
         value: I,
         onChange: v,
         columns: 1
       }
     ) }),
-    h && /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel", children: [
+    m && /* @__PURE__ */ u("div", { className: "nice-form-builder-ai__panel", children: [
       /* @__PURE__ */ e(
         "div",
         {
+          role: "presentation",
           className: "nice-form-builder-ai__panel-overlay",
           onClick: () => F(!1)
         }
@@ -813,7 +817,7 @@ const Gt = /* @__PURE__ */ ee(function(r, a) {
               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__ */ e("span", { className: "nice-form-builder-ai__field-icon", children: /* @__PURE__ */ e(z, { name: w(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,
@@ -821,10 +825,10 @@ const Gt = /* @__PURE__ */ ee(function(r, a) {
                 ] }),
                 /* @__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"
-              ] })
+              g.options && /* @__PURE__ */ e("span", { className: "nice-form-builder-ai__field-options", children: k("formBuilderAI.options", "{options} options").replace(
+                "{options}",
+                String(g.options.length)
+              ) })
             ] }, x)) })
           ] })
         ] }),
@@ -834,7 +838,7 @@ const Gt = /* @__PURE__ */ ee(function(r, a) {
             {
               type: "button",
               className: "nice-form-builder-ai__apply-btn",
-              onClick: () => N(A),
+              onClick: () => E(A),
               disabled: A.length === 0 || L,
               children: [
                 /* @__PURE__ */ e(z, { name: "check", size: "sm" }),
@@ -931,8 +935,8 @@ function Wt(t) {
         l(c.children);
         continue;
       }
-      const f = Et(c);
-      f && (r[c.name] = f, (c.required || (n = c.validations) != null && n.some((p) => p.type === "required")) && a.push(c.name));
+      const h = Et(c);
+      h && (r[c.name] = h, (c.required || (n = c.validations) != null && n.some((f) => f.type === "required")) && a.push(c.name));
     }
   };
   for (const i of t.sections)
@@ -985,17 +989,17 @@ const Qt = /* @__PURE__ */ ee(function(r, a) {
     sections: i = kt,
     onChange: n,
     jsonView: c = !0,
-    scriptRunner: f,
-    triggers: p,
+    scriptRunner: h,
+    triggers: f,
     bindings: y = [],
     handlers: s,
-    onBindingsChange: h,
+    onBindingsChange: m,
     revisions: F,
     onRollback: O,
     loadContent: K,
     logs: A,
     onClearLogs: C,
-    extraTabs: w,
+    extraTabs: N,
     validate: $,
     theme: J = "light",
     height: D = 560,
@@ -1010,7 +1014,7 @@ const Qt = /* @__PURE__ */ ee(function(r, a) {
     fallbackValue: {},
     onChange: n,
     componentName: "NiceManifestEditor"
-  }), N = q(() => {
+  }), E = q(() => {
     const R = i.map((G) => ({
       key: `section:${G.id}`,
       label: G.title,
@@ -1027,20 +1031,20 @@ const Qt = /* @__PURE__ */ ee(function(r, a) {
         }
       ) })
     }));
-    return f && R.push({
+    return h && 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({
+      content: /* @__PURE__ */ e("div", { className: "nice-manifest-editor__pane", children: /* @__PURE__ */ e(we, { ...h }) })
+    }), f && f.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,
+          triggers: f,
           bindings: y,
           handlers: s,
-          onChange: (G) => h == null ? void 0 : h(G),
+          onChange: (G) => m == null ? void 0 : m(G),
           groupByTrigger: !0,
           allowCondition: !0
         }
@@ -1057,27 +1061,27 @@ const Qt = /* @__PURE__ */ ee(function(r, a) {
           language: "json"
         }
       ) })
-    }), w && R.push(...w), R;
+    }), N && R.push(...N), R;
   }, [
     i,
     S,
     H,
     c,
+    h,
     f,
-    p,
     y,
     s,
-    h,
+    m,
     F,
     O,
     K,
-    w,
+    N,
     L
-  ]), [P, m] = M(((x = N[0]) == null ? void 0 : x.key) ?? "");
+  ]), [P, p] = M(((x = E[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(() => {
+    E.length > 0 && !E.some((R) => R.key === P) && p(E[0].key);
+  }, [E, P]);
+  const _ = q(() => $ ? $(S) : [], [$, S]), w = q(() => {
     const R = [
       {
         key: "sections",
@@ -1103,10 +1107,10 @@ const Qt = /* @__PURE__ */ ee(function(r, a) {
       style: { height: D, ...k },
       "data-testid": U,
       theme: J,
-      tabs: N,
+      tabs: E,
       activeTabKey: P,
-      onTabChange: m,
-      statusItems: E,
+      onTabChange: p,
+      statusItems: w,
       toolbar: I ? /* @__PURE__ */ e(se, { steps: ce(I, wt) }) : void 0,
       bottomPanel: A !== void 0 ? /* @__PURE__ */ e(
         Fe,
@@ -1273,16 +1277,16 @@ function xt({
 }) {
   const o = t.properties ?? {};
   return /* @__PURE__ */ e("div", { className: "nice-entity-editor__field-form", children: Object.entries(o).map(([i, n]) => {
-    const c = r[i], f = n.description, p = n.title ?? i;
+    const c = r[i], h = n.description, f = n.title ?? i;
     if (n.type === "boolean")
       return /* @__PURE__ */ e(
         "div",
         {
           className: "nice-entity-editor__field-row nice-entity-editor__field-row--check",
           children: /* @__PURE__ */ e(
-            Ye,
+            Qe,
             {
-              label: /* @__PURE__ */ e(he, { title: p, help: f }),
+              label: /* @__PURE__ */ e(he, { title: f, help: h }),
               checked: !!c,
               onChange: (s) => a(i, s),
               disabled: l
@@ -1293,9 +1297,9 @@ function xt({
       );
     if (Array.isArray(n.enum) && n.enum.length > 0)
       return /* @__PURE__ */ u("div", { className: "nice-entity-editor__field-row", children: [
-        /* @__PURE__ */ e(he, { title: p, help: f }),
+        /* @__PURE__ */ e(he, { title: f, help: h }),
         /* @__PURE__ */ e(
-          Qe,
+          Xe,
           {
             options: n.enum.map((s) => ({ label: String(s), value: String(s) })),
             value: c == null ? "" : String(c),
@@ -1307,9 +1311,9 @@ function xt({
       ] }, i);
     const y = n.type === "integer" || n.type === "number";
     return /* @__PURE__ */ u("div", { className: "nice-entity-editor__field-row", children: [
-      /* @__PURE__ */ e(he, { title: p, help: f }),
+      /* @__PURE__ */ e(he, { title: f, help: h }),
       /* @__PURE__ */ e(
-        Xe,
+        Ze,
         {
           value: c == null ? "" : String(c),
           onChange: (s) => a(i, y ? s === "" ? void 0 : Number(s) : s),
@@ -1325,7 +1329,7 @@ function Ct({
   fieldSchema: a,
   readOnly: l
 }) {
-  const { t: o } = Z(), [i, n] = M(null), c = q(() => t.map((s, h) => ({ ...s, [pe]: String(h) })), [t]), f = q(
+  const { t: o } = Z(), [i, n] = M(null), c = q(() => t.map((s, m) => ({ ...s, [pe]: String(m) })), [t]), h = q(
     () => [
       {
         field: "name",
@@ -1346,19 +1350,19 @@ function Ct({
           "entityEditor.field.flags.help",
           "Key / required / unique / indexed constraints on this field"
         ),
-        render: (s, h) => {
+        render: (s, m) => {
           const F = [
-            [!!(h != null && h.isPrimaryKey), "PK", o("entityEditor.flag.pk", "Primary key"), "info"],
-            [!!(h != null && h.isForeignKey), "FK", o("entityEditor.flag.fk", "Foreign key"), "info"],
+            [!!(m != null && m.isPrimaryKey), "PK", o("entityEditor.flag.pk", "Primary key"), "info"],
+            [!!(m != null && m.isForeignKey), "FK", o("entityEditor.flag.fk", "Foreign key"), "info"],
             [
-              !!(h != null && h.isRequired),
+              !!(m != null && m.isRequired),
               "Req",
               o("entityEditor.flag.required", "Required (NOT NULL)"),
               "warning"
             ],
-            [!!(h != null && h.isUnique), "Uniq", o("entityEditor.flag.unique", "Unique"), "secondary"],
+            [!!(m != null && m.isUnique), "Uniq", o("entityEditor.flag.unique", "Unique"), "secondary"],
             [
-              !!(h != null && h.isIndexed),
+              !!(m != null && m.isIndexed),
               "Idx",
               o("entityEditor.flag.indexed", "Indexed"),
               "secondary"
@@ -1370,8 +1374,8 @@ function Ct({
     ],
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), p = (s, h, F) => {
-    r(t.map((O, K) => K === s ? { ...O, [h]: F } : O));
+  ), f = (s, m, F) => {
+    r(t.map((O, K) => K === s ? { ...O, [m]: F } : O));
   }, y = () => {
     const s = [...t, { name: `field${t.length + 1}`, dataType: "string" }];
     r(s), n(s.length - 1);
@@ -1398,7 +1402,7 @@ function Ct({
         {
           schema: a,
           value: s,
-          onChange: (h, F) => p(i, h, F),
+          onChange: (m, F) => f(i, m, F),
           readOnly: l
         }
       ),
@@ -1410,12 +1414,12 @@ function Ct({
     {
       data: c,
       keyField: pe,
-      columns: f,
+      columns: h,
       searchable: !0,
       searchPlaceholder: o("entityEditor.field.search", "Search fields…"),
       emptyText: o("entityEditor.field.empty", "No fields yet. Add one to define this entity."),
       onRowClick: (s) => n(Number(s[pe])),
-      onRowDelete: l ? void 0 : (s) => r(t.filter((h, F) => F !== Number(s))),
+      onRowDelete: l ? void 0 : (s) => r(t.filter((m, F) => F !== Number(s))),
       toolbar: l ? void 0 : /* @__PURE__ */ e(
         te,
         {
@@ -1439,31 +1443,31 @@ const It = /* @__PURE__ */ ee(
       onChange: i,
       entityMetaSchema: n = Tt,
       fieldSchema: c = Ft,
-      fieldsKey: f = "fields",
-      validationsKey: p = "validations",
+      fieldsKey: h = "fields",
+      validationsKey: f = "validations",
       nameKey: y = "name",
       renderErPreview: s,
-      readOnly: h = !1,
+      readOnly: m = !1,
       tutorial: F,
       className: O,
       style: K,
       id: A,
       "data-testid": C
-    } = r, { t: w } = Z(), [$, J] = le({
+    } = r, { t: N } = Z(), [$, J] = le({
       value: l,
       defaultValue: o,
       fallbackValue: [],
       onChange: i,
       componentName: "NiceEntityEditor"
-    }), [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];
+    }), [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, E = q(() => {
+      const T = S == null ? void 0 : S[h];
       return Array.isArray(T) ? T : [];
-    }, [S, f]), P = q(() => {
+    }, [S, h]), 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";
       }, V = [];
-      for (const B of N) {
+      for (const B of E) {
         const Y = String(B.name ?? "");
         Y && V.push({
           field: Y,
@@ -1472,17 +1476,17 @@ const It = /* @__PURE__ */ ee(
         });
       }
       return V;
-    }, [N]), m = q(() => {
-      const T = S == null ? void 0 : S[p];
+    }, [E]), p = q(() => {
+      const T = S == null ? void 0 : S[f];
       return Array.isArray(T) ? T : [];
-    }, [S, p]), _ = q(() => $.map((T, V) => ({ ...T, [me]: String(V) })), [$]), E = (T) => {
+    }, [S, f]), _ = q(() => $.map((T, V) => ({ ...T, [me]: String(V) })), [$]), w = (T) => {
       J($.map((V, B) => B === L ? { ...V, ...T } : V));
     }, g = (T) => {
-      E({ [f]: T });
+      w({ [h]: T });
     }, x = (T) => {
       k(T), U("general"), I("edit");
     }, R = () => {
-      const T = [...$, { [y]: `Entity${$.length + 1}`, [f]: [] }];
+      const T = [...$, { [y]: `Entity${$.length + 1}`, [h]: [] }];
       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);
@@ -1490,27 +1494,27 @@ const It = /* @__PURE__ */ ee(
       () => [
         {
           field: y,
-          header: w("entityEditor.col.name", "Name"),
+          header: N("entityEditor.col.name", "Name"),
           sortable: !0,
           render: (T) => /* @__PURE__ */ e("span", { className: "nice-entity-editor__name", children: String(T ?? "") })
         },
         {
           field: "displayName",
-          header: w("entityEditor.col.displayName", "Display name"),
+          header: N("entityEditor.col.displayName", "Display name"),
           sortable: !0,
           render: (T) => /* @__PURE__ */ e("span", { className: "nice-entity-editor__muted", children: String(T ?? "—") })
         },
         {
           field: "tableName",
-          header: w("entityEditor.col.table", "Table"),
+          header: N("entityEditor.col.table", "Table"),
           sortable: !0,
           render: (T) => /* @__PURE__ */ e("span", { className: "nice-entity-editor__muted", children: String(T ?? "—") })
         },
         {
-          field: f,
-          header: w("entityEditor.col.fields", "Fields"),
+          field: h,
+          header: N("entityEditor.col.fields", "Fields"),
           align: "center",
-          headerTooltip: w(
+          headerTooltip: N(
             "entityEditor.col.fields.help",
             "Number of fields defined on this entity"
           ),
@@ -1518,91 +1522,91 @@ const It = /* @__PURE__ */ ee(
         },
         {
           field: "__flags",
-          header: w("entityEditor.col.flags", "Flags"),
+          header: N("entityEditor.col.flags", "Flags"),
           render: (T, V) => /* @__PURE__ */ u("span", { className: "nice-entity-editor__flags", children: [
             V != null && V.isAudited ? /* @__PURE__ */ e(
               X,
               {
-                content: w(
+                content: N(
                   "entityEditor.flag.audited",
                   "Audited — tracks who changed each record and when"
                 ),
-                children: /* @__PURE__ */ e(ae, { variant: "info", size: "sm", outline: !0, children: w("entityEditor.flag.audited.abbr", "Audit") })
+                children: /* @__PURE__ */ e(ae, { variant: "info", size: "sm", outline: !0, children: N("entityEditor.flag.audited.abbr", "Audit") })
               }
             ) : null,
             V != null && V.isSoftDeleteEnabled ? /* @__PURE__ */ e(
               X,
               {
-                content: w(
+                content: N(
                   "entityEditor.flag.softDelete",
                   "Soft delete — rows are flagged deleted, never physically removed"
                 ),
-                children: /* @__PURE__ */ e(ae, { variant: "secondary", size: "sm", outline: !0, children: w("entityEditor.flag.softDelete.abbr", "Soft-del") })
+                children: /* @__PURE__ */ e(ae, { variant: "secondary", size: "sm", outline: !0, children: N("entityEditor.flag.softDelete.abbr", "Soft-del") })
               }
             ) : null
           ] })
         }
       ],
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [y, f]
+      [y, h]
     ), W = q(() => {
       const T = [
         {
           id: "general",
-          label: w("entityEditor.tab.general", "General"),
+          label: N("entityEditor.tab.general", "General"),
           content: S ? /* @__PURE__ */ e(
             de,
             {
               schema: n,
               value: S,
-              onChange: (V) => E(V),
+              onChange: (V) => w(V),
               columns: 2,
-              readOnly: h,
+              readOnly: m,
               liveValidation: !0
             }
           ) : null
         },
         {
           id: "fields",
-          label: w("entityEditor.tab.fields", "Fields"),
-          badge: N.length || void 0,
+          label: N("entityEditor.tab.fields", "Fields"),
+          badge: E.length || void 0,
           content: /* @__PURE__ */ e(
             Ct,
             {
-              fields: N,
+              fields: E,
               onChange: g,
               fieldSchema: c,
-              readOnly: h
+              readOnly: m
             }
           )
         },
         {
           id: "validation",
-          label: w("entityEditor.tab.validation", "Validation"),
-          badge: m.length || void 0,
+          label: N("entityEditor.tab.validation", "Validation"),
+          badge: p.length || void 0,
           content: /* @__PURE__ */ e(
-            Ge,
+            We,
             {
               fields: P,
-              value: m,
-              onChange: (V) => E({ [p]: V })
+              value: p,
+              onChange: (V) => w({ [f]: V })
             }
           )
         }
       ];
       return s && T.push({
         id: "er",
-        label: w("entityEditor.tab.er", "ER diagram"),
+        label: N("entityEditor.tab.er", "ER diagram"),
         content: /* @__PURE__ */ e("div", { className: "nice-entity-editor__er", children: s($) })
       }), T;
     }, [
       S,
-      N,
-      m,
+      E,
+      p,
       P,
       n,
       c,
-      h,
+      m,
       s,
       $
     ]), ie = "nice-entity-editor" + (O ? ` ${O}` : "");
@@ -1610,19 +1614,19 @@ const It = /* @__PURE__ */ ee(
       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(
+          /* @__PURE__ */ e(X, { content: N("entityEditor.backHint", "Back to the entity list"), children: /* @__PURE__ */ e(
             te,
             {
               variant: "ghost",
               size: "sm",
               leftIcon: /* @__PURE__ */ e(z, { name: "arrow-left", size: 14 }),
               onClick: () => I("list"),
-              children: w("entityEditor.back", "Entities")
+              children: N("entityEditor.back", "Entities")
             }
           ) }),
           /* @__PURE__ */ e("span", { className: "nice-entity-editor__breadcrumb-sep", children: "/" }),
-          /* @__PURE__ */ e("span", { className: "nice-entity-editor__edit-title", children: String((S == null ? void 0 : S[y]) ?? w("entityEditor.untitled", "Untitled entity")) }),
-          !h && /* @__PURE__ */ e(X, { content: w("entityEditor.deleteHint", "Delete this entity"), children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e("span", { className: "nice-entity-editor__edit-title", children: String((S == null ? void 0 : S[y]) ?? N("entityEditor.untitled", "Untitled entity")) }),
+          !m && /* @__PURE__ */ e(X, { content: N("entityEditor.deleteHint", "Delete this entity"), children: /* @__PURE__ */ e(
             te,
             {
               variant: "ghost",
@@ -1631,12 +1635,12 @@ const It = /* @__PURE__ */ ee(
               onClick: () => {
                 G(L), I("list");
               },
-              children: w("entityEditor.delete", "Delete")
+              children: N("entityEditor.delete", "Delete")
             }
           ) })
         ] }),
         /* @__PURE__ */ e(
-          We,
+          Ye,
           {
             tabs: W,
             activeTab: j,
@@ -1651,18 +1655,18 @@ const It = /* @__PURE__ */ ee(
           keyField: me,
           columns: re,
           searchable: !0,
-          searchPlaceholder: w("entityEditor.search", "Search entities…"),
-          emptyText: w("entityEditor.empty", "No entities yet. Create one to get started."),
+          searchPlaceholder: N("entityEditor.search", "Search entities…"),
+          emptyText: N("entityEditor.empty", "No entities yet. Create one to get started."),
           onRowClick: (T) => x(Number(T[me])),
-          onRowDelete: h ? void 0 : (T) => G(Number(T)),
-          toolbar: h ? void 0 : /* @__PURE__ */ e(
+          onRowDelete: m ? void 0 : (T) => G(Number(T)),
+          toolbar: m ? void 0 : /* @__PURE__ */ e(
             te,
             {
               variant: "primary",
               size: "sm",
               leftIcon: /* @__PURE__ */ e(z, { name: "plus", size: 14 }),
               onClick: R,
-              children: w("entityEditor.new", "New entity")
+              children: N("entityEditor.new", "New entity")
             }
           ),
           compact: !0,
@@ -1704,137 +1708,137 @@ const It = /* @__PURE__ */ ee(
       onChange: i,
       locales: n,
       allowEditLocales: c = !0,
-      allowEditKeys: f = !0,
-      highlightMissing: p = !0,
+      allowEditKeys: h = !0,
+      highlightMissing: f = !0,
       readOnly: y = !1,
       tutorial: s,
-      className: h,
+      className: m,
       style: F,
       id: O,
       "data-testid": K
-    } = r, { t: A } = ot(), [C, w] = rt({
+    } = r, { t: A } = xe(), [C, N] = rt({
       value: l,
       defaultValue: o,
       fallbackValue: {},
       onChange: i,
       componentName: "NiceI18nEditor"
     }), [$, J] = M(""), [D, I] = M(""), v = q(() => n ?? Object.keys(C), [n, C]), k = q(() => {
-      const m = /* @__PURE__ */ new Set();
+      const p = /* @__PURE__ */ new Set();
       for (const _ of Object.keys(C))
-        for (const E of Object.keys(C[_] ?? {}))
-          m.add(E);
-      return [...m].sort();
-    }, [C]), j = (m, _, E) => {
-      w({ ...C, [m]: { ...C[m] ?? {}, [_]: E } });
-    }, U = (m, _) => {
-      if (!_ || _ === m)
+        for (const w of Object.keys(C[_] ?? {}))
+          p.add(w);
+      return [...p].sort();
+    }, [C]), j = (p, _, w) => {
+      N({ ...C, [p]: { ...C[p] ?? {}, [_]: w } });
+    }, U = (p, _) => {
+      if (!_ || _ === p)
         return;
-      const E = {};
+      const w = {};
       for (const g of Object.keys(C)) {
         const x = { ...C[g] ?? {} };
-        m in x && (x[_] = x[m], delete x[m]), E[g] = x;
+        p in x && (x[_] = x[p], delete x[p]), w[g] = x;
       }
-      w(E);
-    }, L = (m) => {
+      N(w);
+    }, L = (p) => {
       const _ = {};
-      for (const E of Object.keys(C)) {
-        const g = { ...C[E] ?? {} };
-        delete g[m], _[E] = g;
+      for (const w of Object.keys(C)) {
+        const g = { ...C[w] ?? {} };
+        delete g[p], _[w] = g;
       }
-      w(_);
+      N(_);
     }, S = () => {
-      const m = $.trim();
-      if (!m || k.includes(m))
+      const p = $.trim();
+      if (!p || k.includes(p))
         return;
       const _ = {};
-      for (const E of v)
-        _[E] = { ...C[E] ?? {}, [m]: "" };
-      for (const E of Object.keys(C))
-        _[E] || (_[E] = C[E]);
-      w(_), J("");
+      for (const w of v)
+        _[w] = { ...C[w] ?? {}, [p]: "" };
+      for (const w of Object.keys(C))
+        _[w] || (_[w] = C[w]);
+      N(_), J("");
     }, H = () => {
-      const m = D.trim();
-      if (!m || C[m])
+      const p = D.trim();
+      if (!p || C[p])
         return;
       const _ = {};
-      for (const E of k)
-        _[E] = "";
-      w({ ...C, [m]: _ }), I("");
-    }, N = (m) => {
+      for (const w of k)
+        _[w] = "";
+      N({ ...C, [p]: _ }), I("");
+    }, E = (p) => {
       const _ = { ...C };
-      delete _[m], w(_);
-    }, P = "nice-i18n-editor" + (h ? ` ${h}` : "");
+      delete _[p], N(_);
+    }, P = "nice-i18n-editor" + (m ? ` ${m}` : "");
     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") }),
-          v.map((m) => /* @__PURE__ */ u("th", { className: "nice-i18n-editor__locale-head", children: [
-            /* @__PURE__ */ e("span", { children: m }),
+          v.map((p) => /* @__PURE__ */ u("th", { className: "nice-i18n-editor__locale-head", children: [
+            /* @__PURE__ */ e("span", { children: p }),
             c && !y && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
                 className: "nice-i18n-editor__locale-remove",
-                "aria-label": `${A("i18nEditor.removeLocale", "Remove locale")} ${m}`,
-                onClick: () => N(m),
+                "aria-label": `${A("i18nEditor.removeLocale", "Remove locale")} ${p}`,
+                onClick: () => E(p),
                 children: /* @__PURE__ */ e(be, { name: "close", size: 12 })
               }
             )
-          ] }, m))
+          ] }, p))
         ] }) }),
         /* @__PURE__ */ u("tbody", { children: [
-          k.map((m) => /* @__PURE__ */ u("tr", { children: [
+          k.map((p) => /* @__PURE__ */ u("tr", { children: [
             /* @__PURE__ */ u("td", { className: "nice-i18n-editor__key-cell", children: [
-              f && !y ? /* @__PURE__ */ e(
+              h && !y ? /* @__PURE__ */ e(
                 "input",
                 {
                   className: "nice-i18n-editor__key-input",
-                  defaultValue: m,
-                  onBlur: (_) => U(m, _.target.value.trim()),
+                  defaultValue: p,
+                  onBlur: (_) => U(p, _.target.value.trim()),
                   "aria-label": A("i18nEditor.keyAria", "Translation key")
                 }
-              ) : /* @__PURE__ */ e("span", { className: "nice-i18n-editor__key-text", children: m }),
-              f && !y && /* @__PURE__ */ e(
+              ) : /* @__PURE__ */ e("span", { className: "nice-i18n-editor__key-text", children: p }),
+              h && !y && /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   className: "nice-i18n-editor__key-remove",
-                  "aria-label": `${A("i18nEditor.removeKey", "Remove key")} ${m}`,
-                  onClick: () => L(m),
+                  "aria-label": `${A("i18nEditor.removeKey", "Remove key")} ${p}`,
+                  onClick: () => L(p),
                   children: /* @__PURE__ */ e(be, { name: "close", size: 12 })
                 }
               )
             ] }),
             v.map((_) => {
               var x;
-              const E = ((x = C[_]) == null ? void 0 : x[m]) ?? "";
+              const w = ((x = C[_]) == null ? void 0 : x[p]) ?? "";
               return /* @__PURE__ */ e("td", { className: "nice-i18n-editor__cell", children: /* @__PURE__ */ e(
                 "input",
                 {
-                  className: "nice-i18n-editor__cell-input" + (p && E === "" ? " nice-i18n-editor__cell-input--missing" : ""),
-                  value: E,
+                  className: "nice-i18n-editor__cell-input" + (f && w === "" ? " nice-i18n-editor__cell-input--missing" : ""),
+                  value: w,
                   readOnly: y,
-                  onChange: (R) => j(_, m, R.target.value),
-                  "aria-label": `${m} (${_})`
+                  onChange: (R) => j(_, p, R.target.value),
+                  "aria-label": `${p} (${_})`
                 }
               ) }, _);
             })
-          ] }, m)),
+          ] }, p)),
           k.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "nice-i18n-editor__empty", colSpan: v.length + 1, children: A("i18nEditor.empty", "No translation keys yet.") }) })
         ] })
       ] }) }),
-      !y && (f || c) && /* @__PURE__ */ u("div", { className: "nice-i18n-editor__toolbar", "data-tour": "i18n-add", children: [
-        f && /* @__PURE__ */ u("div", { className: "nice-i18n-editor__add", children: [
+      !y && (h || c) && /* @__PURE__ */ u("div", { className: "nice-i18n-editor__toolbar", "data-tour": "i18n-add", children: [
+        h && /* @__PURE__ */ u("div", { className: "nice-i18n-editor__add", children: [
           /* @__PURE__ */ e(
             "input",
             {
               className: "nice-i18n-editor__add-input",
               placeholder: A("i18nEditor.newKeyPlaceholder", "new.key"),
               value: $,
-              onChange: (m) => J(m.target.value),
-              onKeyDown: (m) => {
-                m.key === "Enter" && S();
+              onChange: (p) => J(p.target.value),
+              onKeyDown: (p) => {
+                p.key === "Enter" && S();
               },
               "aria-label": A("i18nEditor.newKeyAria", "New key")
             }
@@ -1851,9 +1855,9 @@ const It = /* @__PURE__ */ ee(
               className: "nice-i18n-editor__add-input",
               placeholder: A("i18nEditor.newLocalePlaceholder", "locale (e.g. de)"),
               value: D,
-              onChange: (m) => I(m.target.value),
-              onKeyDown: (m) => {
-                m.key === "Enter" && H();
+              onChange: (p) => I(p.target.value),
+              onKeyDown: (p) => {
+                p.key === "Enter" && H();
               },
               "aria-label": A("i18nEditor.newLocaleAria", "New locale")
             }
@@ -1924,23 +1928,23 @@ const It = /* @__PURE__ */ ee(
       entityConfig: i,
       locales: n,
       validate: c,
-      scriptRunner: f,
-      triggers: p,
+      scriptRunner: h,
+      triggers: f,
       bindings: y = [],
       handlers: s,
-      onBindingsChange: h,
+      onBindingsChange: m,
       revisions: F,
       onRollback: O,
       loadContent: K,
       theme: A = "light",
       height: C = 640,
-      tutorial: w,
+      tutorial: N,
       className: $,
       style: J,
       id: D,
       "data-testid": I
-    } = 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));
+    } = r, { t: v } = Z(), [k, j] = M([]), [U, L] = M(""), [S, H] = M(null), [E, P] = M(null), [p, _] = M(!1), [w, g] = M(!1), [x, R] = M([]), [G, re] = M(""), W = Q((d, b, Be) => {
+      R((ze) => [...ze, { level: d, message: b, data: Be, timestamp: Date.now() }].slice(-200));
     }, []), ie = Q(async () => {
       g(!0);
       try {
@@ -1968,24 +1972,24 @@ const It = /* @__PURE__ */ ee(
       },
       [l, W]
     ), V = Q(async () => {
-      if (!(!S || !N)) {
+      if (!(!S || !E)) {
         g(!0);
         try {
-          await l.saveModule(S, N), _(!1), W("info", `Saved module ${S}`);
+          await l.saveModule(S, E), _(!1), W("info", `Saved module ${S}`);
         } catch (d) {
           W("error", `Save failed: ${d instanceof Error ? d.message : String(d)}`);
         } finally {
           g(!1);
         }
       }
-    }, [S, N, l, W]), B = q(() => {
-      if (!N)
+    }, [S, E, l, W]), B = q(() => {
+      if (!E)
         return [];
       const d = [];
       for (const b of o)
-        b.schema && d.push(...Ie(N.manifest ?? {}, b.schema));
-      return c && d.push(...c(N)), d;
-    }, [N, o, c]), Y = Q(() => {
+        b.schema && d.push(...Ae(E.manifest ?? {}, b.schema));
+      return c && d.push(...c(E)), d;
+    }, [E, o, c]), Y = Q(() => {
       if (B.length === 0)
         W("info", "Validation passed");
       else {
@@ -1993,22 +1997,22 @@ const It = /* @__PURE__ */ ee(
         for (const d of B)
           W("error", `${d.field}: ${d.message}`);
       }
-    }, [B, W]), Ae = (d) => {
+    }, [B, W]), $e = (d) => {
       P((b) => b && { ...b, manifest: d }), _(!0);
-    }, $e = (d) => {
-      P((b) => b && { ...b, entities: d }), _(!0);
     }, Me = (d) => {
-      P((b) => b && { ...b, i18n: d }), _(!0);
+      P((b) => b && { ...b, entities: d }), _(!0);
     }, Oe = (d) => {
-      P((b) => b && { ...b, views: d }), _(!0);
+      P((b) => b && { ...b, i18n: d }), _(!0);
     }, Ke = (d) => {
-      P((b) => b && { ...b, workflows: d }), _(!0);
+      P((b) => b && { ...b, views: d }), _(!0);
     }, De = (d) => {
-      P((b) => b && { ...b, dataSources: d }), _(!0);
+      P((b) => b && { ...b, workflows: d }), _(!0);
     }, Le = (d) => {
+      P((b) => b && { ...b, dataSources: d }), _(!0);
+    }, Ve = (d) => {
       P((b) => b && { ...b, rbac: d }), _(!0);
     }, ne = q(() => {
-      if (!N)
+      if (!E)
         return [];
       const d = o.map((b) => ({
         key: `section:${b.id}`,
@@ -2020,8 +2024,8 @@ const It = /* @__PURE__ */ ee(
             schema: b.schema,
             fields: b.fields,
             uiSchema: b.uiSchema,
-            value: N.manifest ?? {},
-            onChange: Ae,
+            value: E.manifest ?? {},
+            onChange: $e,
             showJsonView: !0
           }
         ) })
@@ -2032,8 +2036,8 @@ const It = /* @__PURE__ */ ee(
         content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
           It,
           {
-            value: N.entities ?? [],
-            onChange: $e,
+            value: E.entities ?? [],
+            onChange: Me,
             entityMetaSchema: i == null ? void 0 : i.entityMetaSchema,
             fieldSchema: i == null ? void 0 : i.fieldSchema,
             fieldsKey: i == null ? void 0 : i.fieldsKey,
@@ -2044,57 +2048,57 @@ const It = /* @__PURE__ */ ee(
       }), d.push({
         key: "i18n",
         label: v("moduleEditor.tab.i18n", "i18n"),
-        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e($t, { value: N.i18n ?? {}, onChange: Me, locales: n }) })
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e($t, { value: E.i18n ?? {}, onChange: Oe, locales: n }) })
       }), d.push({
         key: "views",
         label: v("moduleEditor.tab.views", "Views"),
         content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
           Kt,
           {
-            views: N.views ?? [],
-            entities: N.entities ?? [],
-            onChange: Oe
+            views: E.views ?? [],
+            entities: E.entities ?? [],
+            onChange: Ke
           }
         ) })
       }), d.push({
         key: "workflows",
         label: v("moduleEditor.tab.workflows", "Workflows"),
-        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(Dt, { workflows: N.workflows ?? [], onChange: Ke }) })
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(Dt, { workflows: E.workflows ?? [], onChange: De }) })
       }), d.push({
         key: "data",
         label: v("moduleEditor.tab.data", "Data"),
         content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
           Pt,
           {
-            dataSources: N.dataSources ?? [],
-            schemas: Lt(N.entities ?? []),
-            onChange: De
+            dataSources: E.dataSources ?? [],
+            schemas: Lt(E.entities ?? []),
+            onChange: Le
           }
         ) })
       }), d.push({
         key: "permissions",
         label: v("moduleEditor.tab.permissions", "Permissions"),
         content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
-          Ze,
+          et,
           {
-            value: N.rbac ?? Vt(N),
-            onChange: Le
+            value: E.rbac ?? Vt(E),
+            onChange: Ve
           }
         ) })
-      }), f && d.push({
+      }), h && d.push({
         key: "scripts",
         label: v("moduleEditor.tab.scripts", "Scripts"),
-        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(we, { ...f }) })
-      }), p && p.length > 0 && d.push({
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(we, { ...h }) })
+      }), f && f.length > 0 && d.push({
         key: "lifecycle",
         label: v("moduleEditor.tab.lifecycle", "Lifecycle"),
         content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
           ke,
           {
-            triggers: p,
+            triggers: f,
             bindings: y,
             handlers: s,
-            onChange: (b) => h == null ? void 0 : h(b),
+            onChange: (b) => m == null ? void 0 : m(b),
             groupByTrigger: !0,
             allowCondition: !0
           }
@@ -2114,15 +2118,15 @@ const It = /* @__PURE__ */ ee(
       }), d.push({
         key: "source",
         label: v("moduleEditor.tab.source", "Source"),
-        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e("pre", { className: "nice-module-editor__source", children: JSON.stringify(N, null, 2) }) })
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e("pre", { className: "nice-module-editor__source", children: JSON.stringify(E, null, 2) }) })
       }), d;
     }, [
-      N,
+      E,
       o,
       i,
       n,
+      h,
       f,
-      p,
       y,
       s,
       F,
@@ -2136,9 +2140,9 @@ const It = /* @__PURE__ */ ee(
       return d ? k.filter(
         (b) => b.id.toLowerCase().includes(d) || (b.name ?? "").toLowerCase().includes(d) || (b.category ?? "").toLowerCase().includes(d)
       ) : k;
-    }, [k, U]), Ve = q(() => {
+    }, [k, U]), Pe = q(() => {
       const d = [];
-      return S && d.push({ key: "mod", label: S + (m ? " •" : ""), position: "left" }), d.push({
+      return S && d.push({ key: "mod", label: S + (p ? " •" : ""), position: "left" }), d.push({
         key: "val",
         label: /* @__PURE__ */ u("span", { className: "nice-module-editor__status", children: [
           /* @__PURE__ */ e(z, { name: B.length === 0 ? "check" : "warning", size: 12 }),
@@ -2146,7 +2150,7 @@ const It = /* @__PURE__ */ ee(
         ] }),
         position: "left"
       }), d;
-    }, [S, m, B.length, v]), Pe = /* @__PURE__ */ u("div", { className: "nice-module-editor__browser", "data-tour": "nme-browser", children: [
+    }, [S, p, B.length, v]), qe = /* @__PURE__ */ u("div", { className: "nice-module-editor__browser", "data-tour": "nme-browser", children: [
       /* @__PURE__ */ e(
         "input",
         {
@@ -2172,18 +2176,18 @@ const It = /* @__PURE__ */ ee(
           },
           d.id
         )),
-        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.") })
+        ye.length === 0 && /* @__PURE__ */ e("div", { className: "nice-module-editor__browser-empty", children: w ? v("moduleEditor.loading", "Loading…") : v("moduleEditor.noModules", "No modules. Open a source first.") })
       ] })
-    ] }), 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, Mt) }),
+    ] }), Re = /* @__PURE__ */ u("div", { className: "nice-module-editor__toolbar", children: [
+      /* @__PURE__ */ e("strong", { className: "nice-module-editor__title", "data-tour": "nme-tabs", children: S ? ((ge = E == null ? void 0 : E.manifest) == null ? void 0 : ge.packageName) ?? S : v("moduleEditor.title", "Module Editor") }),
+      N && /* @__PURE__ */ e(se, { steps: ce(N, Mt) }),
       /* @__PURE__ */ e("span", { className: "nice-module-editor__spacer" }),
-      /* @__PURE__ */ u("button", { type: "button", onClick: () => void ie(), disabled: E, children: [
+      /* @__PURE__ */ u("button", { type: "button", onClick: () => void ie(), disabled: w, children: [
         /* @__PURE__ */ e(z, { name: "refresh", size: 14 }),
         " ",
         v("moduleEditor.refresh", "Refresh")
       ] }),
-      /* @__PURE__ */ u("button", { type: "button", "data-tour": "nme-validate", onClick: Y, disabled: !N, children: [
+      /* @__PURE__ */ u("button", { type: "button", "data-tour": "nme-validate", onClick: Y, disabled: !E, children: [
         /* @__PURE__ */ e(z, { name: "check", size: 14 }),
         " ",
         v("moduleEditor.validate", "Validate")
@@ -2195,27 +2199,27 @@ const It = /* @__PURE__ */ ee(
           "data-tour": "nme-save",
           className: "nice-module-editor__save",
           onClick: () => void V(),
-          disabled: !N || !m || E,
-          children: E ? v("moduleEditor.saving", "Saving…") : v("moduleEditor.save", "Save")
+          disabled: !E || !p || w,
+          children: w ? v("moduleEditor.saving", "Saving…") : v("moduleEditor.save", "Save")
         }
       )
-    ] }), Re = "nice-module-editor" + ($ ? ` ${$}` : "");
+    ] }), je = "nice-module-editor" + ($ ? ` ${$}` : "");
     return /* @__PURE__ */ e(
       Te,
       {
         ref: a,
         id: D,
-        className: Re,
+        className: je,
         style: { height: C, ...J },
         "data-testid": I,
         theme: A,
         tabs: ne,
         activeTabKey: G,
         onTabChange: re,
-        toolbar: qe,
-        sidePanel: Pe,
+        toolbar: Re,
+        sidePanel: qe,
         sidePanelWidth: 260,
-        statusItems: Ve,
+        statusItems: Pe,
         bottomPanel: /* @__PURE__ */ e("div", { "data-tour": "nme-output", style: { height: "100%" }, children: /* @__PURE__ */ e(
           Fe,
           {
@@ -2225,7 +2229,7 @@ const It = /* @__PURE__ */ ee(
             maxHeight: "100%"
           }
         ) }),
-        children: !N && /* @__PURE__ */ e("div", { className: "nice-module-editor__placeholder", children: v("moduleEditor.placeholder", "Select a module from the left to start editing.") })
+        children: !E && /* @__PURE__ */ e("div", { className: "nice-module-editor__placeholder", children: v("moduleEditor.placeholder", "Select a module from the left to start editing.") })
       }
     );
   }
@@ -2237,8 +2241,8 @@ function Kt({
 }) {
   var y;
   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 = () => {
+    a(t.map((m) => m.id === o ? s : m)), s.id !== o && i(s.id);
+  }, h = () => {
     const s = {
       id: `view-${Date.now().toString(36)}`,
       name: "New View",
@@ -2248,8 +2252,8 @@ function Kt({
       dataSources: []
     };
     a([...t, s]), i(s.id);
-  }, p = (s) => {
-    a(t.filter((h) => h.id !== s)), o === s && i(null);
+  }, f = (s) => {
+    a(t.filter((m) => m.id !== s)), o === s && i(null);
   };
   return /* @__PURE__ */ u("div", { className: "nice-module-views", children: [
     /* @__PURE__ */ u("div", { className: "nice-module-views__bar", children: [
@@ -2266,13 +2270,13 @@ function Kt({
           ]
         }
       ),
-      /* @__PURE__ */ u("button", { type: "button", onClick: f, children: [
+      /* @__PURE__ */ u("button", { type: "button", onClick: h, children: [
         "+ ",
         l("moduleEditor.views.new", "New view")
       ] }),
-      n && /* @__PURE__ */ e("button", { type: "button", onClick: () => p(n.id), children: l("moduleEditor.delete", "Delete") })
+      n && /* @__PURE__ */ e("button", { type: "button", onClick: () => f(n.id), children: l("moduleEditor.delete", "Delete") })
     ] }),
-    n ? /* @__PURE__ */ e(et, { value: n, onChange: c, entities: r, height: 520 }) : /* @__PURE__ */ e("div", { className: "nice-module-views__empty", children: l(
+    n ? /* @__PURE__ */ e(tt, { value: n, onChange: c, entities: r, height: 520 }) : /* @__PURE__ */ e("div", { className: "nice-module-views__empty", children: l(
       "moduleEditor.views.empty",
       "No view selected. Create one, then use “New from entity” inside the editor."
     ) })
@@ -2282,8 +2286,8 @@ function Dt({
   workflows: t,
   onChange: r
 }) {
-  var p;
-  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) => {
+  var f;
+  const { t: a } = Z(), [l, o] = M(((f = t[0]) == null ? void 0 : f.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 = {
@@ -2295,7 +2299,7 @@ function Dt({
       transitions: []
     };
     r([...t, y]), o(y.id);
-  }, f = (y) => {
+  }, h = (y) => {
     r(t.filter((s) => s.id !== y)), l === y && o(null);
   };
   return /* @__PURE__ */ u("div", { className: "nice-module-views", children: [
@@ -2317,9 +2321,9 @@ function Dt({
         "+ ",
         a("moduleEditor.workflows.new", "New workflow")
       ] }),
-      i && /* @__PURE__ */ e("button", { type: "button", onClick: () => f(i.id), children: a("moduleEditor.delete", "Delete") })
+      i && /* @__PURE__ */ e("button", { type: "button", onClick: () => h(i.id), children: a("moduleEditor.delete", "Delete") })
     ] }),
-    i ? /* @__PURE__ */ e(tt, { workflow: i, onChange: n }) : /* @__PURE__ */ e("div", { className: "nice-module-views__empty", children: a(
+    i ? /* @__PURE__ */ e(it, { workflow: i, onChange: n }) : /* @__PURE__ */ e("div", { className: "nice-module-views__empty", children: a(
       "moduleEditor.workflows.empty",
       "No workflow selected. Create one to start designing states and transitions."
     ) })
@@ -2380,8 +2384,8 @@ function Pt({
 }) {
   var y;
   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 = () => {
+    a(t.map((m) => m.key === o ? s : m)), s.key !== o && i(s.key);
+  }, h = () => {
     const s = {
       key: `ds-${Date.now().toString(36)}`,
       kind: "query",
@@ -2389,8 +2393,8 @@ function Pt({
       sql: ""
     };
     a([...t, s]), i(s.key);
-  }, p = (s) => {
-    a(t.filter((h) => h.key !== s)), o === s && i(null);
+  }, f = (s) => {
+    a(t.filter((m) => m.key !== s)), o === s && i(null);
   };
   return /* @__PURE__ */ u("div", { className: "nice-module-views", children: [
     /* @__PURE__ */ u("div", { className: "nice-module-views__bar", children: [
@@ -2407,13 +2411,13 @@ function Pt({
           ]
         }
       ),
-      /* @__PURE__ */ u("button", { type: "button", onClick: f, children: [
+      /* @__PURE__ */ u("button", { type: "button", onClick: h, children: [
         "+ ",
         l("moduleEditor.data.new", "New data source")
       ] }),
-      n && /* @__PURE__ */ e("button", { type: "button", onClick: () => p(n.key), children: l("moduleEditor.delete", "Delete") })
+      n && /* @__PURE__ */ e("button", { type: "button", onClick: () => f(n.key), children: l("moduleEditor.delete", "Delete") })
     ] }),
-    n ? /* @__PURE__ */ e(it, { value: n, onChange: c, schemas: r }) : /* @__PURE__ */ e("div", { className: "nice-module-views__empty", children: l(
+    n ? /* @__PURE__ */ e(nt, { value: n, onChange: c, schemas: r }) : /* @__PURE__ */ e("div", { className: "nice-module-views__empty", children: l(
       "moduleEditor.data.empty",
       "No data source selected. Create one to build a query from your module’s schema."
     ) })
@@ -2429,10 +2433,10 @@ export {
   de as NiceSchemaForm,
   Yt as defineManifestSection,
   Jt as formBuilderSchemaToNiceFormItems,
-  Ce as formFieldsToFormItems,
+  Ie as formFieldsToFormItems,
   Wt as formSchemaToJsonSchema,
-  xe as jsonSchemaToFormItems,
+  Ce as jsonSchemaToFormItems,
   Ut as schemaToFormItems,
-  Ie as validateAgainstJsonSchema,
+  Ae as validateAgainstJsonSchema,
   Ht as validateFormSchema
 };