@nice2dev/ui-forms 1.1.9 → 1.1.10

package/dist/index.mjs

@@ -1,18 +1,2446 @@
-import { N as s, a as o, b as i, c as m, d as r, e as c, f as t, g as d, h as n, i as h, j as F, k as N, s as f, v as l, l as S } from "./index-gnCoC9VA.js";
+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 { useNiceTranslation as ot, useControllableState as rt, NiceTutorialButton as lt, resolveTutorial as st, NiceIcon as be } from "@nice2dev/ui-core";
+function Bt(t) {
+  var l, o;
+  const r = {
+    text: "text",
+    email: "email",
+    password: "password",
+    phone: "phone",
+    url: "url",
+    textarea: "textarea",
+    number: "number",
+    date: "date",
+    datetime: "datetime",
+    time: "time",
+    select: "select",
+    multiselect: "tags",
+    checkbox: "checkbox",
+    toggle: "toggle",
+    radio: "radio",
+    slider: "slider",
+    rating: "rating",
+    color: "color",
+    file: "file",
+    image: "file"
+  }, a = [];
+  for (const i of t.sections)
+    for (const n of i.fields)
+      n.type === "heading" || n.type === "paragraph" || n.type === "divider" || n.type === "spacer" || n.type === "section" || a.push({
+        field: n.name,
+        label: n.label || n.name,
+        type: r[n.type] || "text",
+        placeholder: n.placeholder,
+        hint: n.helpText,
+        defaultValue: n.defaultValue,
+        required: n.required || ((l = n.validations) == null ? void 0 : l.some((c) => c.type === "required")),
+        disabled: n.disabled,
+        readOnly: n.readonly,
+        group: i.title,
+        options: (o = n.options) == null ? void 0 : o.map(
+          (c) => typeof c == "string" ? { label: c, value: c } : { label: c.label, value: c.value }
+        )
+      });
+  return a;
+}
+function ve(t) {
+  var a;
+  const r = {
+    text: "NiceTextInput",
+    textarea: "NiceTextArea",
+    number: "NiceNumberInput",
+    email: "NiceTextInput",
+    password: "NicePasswordInput",
+    date: "NiceDateTimePicker",
+    datetime: "NiceDateTimePicker",
+    time: "NiceDateTimePicker",
+    select: "NiceSelect",
+    multiselect: "NiceTagBox",
+    checkbox: "NiceCheckbox",
+    toggle: "NiceToggle",
+    radio: "NiceRadioGroup",
+    slider: "NiceSlider",
+    rating: "NiceRating",
+    color: "NiceColorPicker"
+  };
+  return {
+    dataField: t.name,
+    label: { text: t.label },
+    editorType: r[t.type] || "NiceTextInput",
+    editorOptions: {
+      placeholder: t.placeholder,
+      disabled: t.disabled,
+      readOnly: t.readonly,
+      ...t.props
+    },
+    colSpan: Math.ceil((t.colSpan || 12) / 6),
+    validationRules: (a = t.validations) == null ? void 0 : a.map((l) => ({
+      type: l.type,
+      message: l.message,
+      ...l.value !== void 0 ? { [l.type]: l.value } : {}
+    })),
+    helpText: t.helpText
+  };
+}
+function zt(t) {
+  const r = [];
+  for (const a of t.sections)
+    a.title ? r.push({
+      itemType: "group",
+      caption: a.title,
+      colCount: a.columns || 2,
+      items: a.fields.map(ve)
+    }) : r.push(...a.fields.map(ve));
+  return r;
+}
+function Jt(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();
+  for (const l of t.sections || [])
+    for (const o of l.fields || [])
+      o.id || r.push(`Field missing ID: ${o.name}`), o.name || r.push(`Field missing name: ${o.id}`), a.has(o.name) && r.push(`Duplicate field name: ${o.name}`), a.add(o.name);
+  return { valid: r.length === 0, errors: r };
+}
+function _e(t) {
+  const { value: r, onChange: a, readOnly: l } = t, [o, i] = K(() => {
+    try {
+      return r === void 0 ? "" : JSON.stringify(r, null, 2);
+    } catch {
+      return "";
+    }
+  }), [n, c] = K(null);
+  return nt.useEffect(() => {
+    try {
+      i(r === void 0 ? "" : JSON.stringify(r, null, 2));
+    } catch {
+    }
+  }, [JSON.stringify(r)]), /* @__PURE__ */ u("div", { className: "nice-schema-form__json-field", children: [
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: "nice-schema-form__json-textarea",
+        value: o,
+        readOnly: l,
+        spellCheck: !1,
+        rows: Math.min(12, Math.max(3, o.split(`
+`).length)),
+        onChange: (f) => {
+          const p = f.target.value;
+          i(p);
+          const y = p.trim();
+          if (y === "") {
+            c(null), a(void 0);
+            return;
+          }
+          try {
+            a(JSON.parse(y)), c(null);
+          } catch (s) {
+            c(s instanceof Error ? s.message : "Invalid JSON");
+          }
+        }
+      }
+    ),
+    n && /* @__PURE__ */ e("div", { className: "nice-schema-form__json-error", children: n })
+  ] });
+}
+function ct(t) {
+  switch (t) {
+    case "email":
+      return "email";
+    case "uri":
+    case "url":
+      return "url";
+    case "date":
+      return "date";
+    case "date-time":
+      return "datetime";
+    case "time":
+      return "time";
+    case "color":
+      return "color";
+    case "password":
+      return "password";
+    case "phone":
+      return "phone";
+    case "data-url":
+      return "file";
+    default:
+      return "text";
+  }
+}
+function dt(t, r, a, l = {}) {
+  const o = {
+    field: t,
+    label: r.title ?? t,
+    required: a,
+    hint: r.description,
+    defaultValue: r.default
+  };
+  if (r.enum && r.enum.length > 0)
+    return {
+      ...o,
+      type: "select",
+      options: r.enum.map((i) => ({ label: String(i), value: i }))
+    };
+  switch (r.type) {
+    case "number":
+    case "integer":
+      return { ...o, type: "number" };
+    case "boolean":
+      return { ...o, type: "checkbox" };
+    case "string":
+      return { ...o, type: ct(r.format) };
+    case "array": {
+      const i = r.items;
+      if (i != null && i.enum && i.enum.length > 0)
+        return {
+          ...o,
+          type: "tags",
+          options: i.enum.map((n) => ({ label: String(n), value: String(n) }))
+        };
+      if ((i == null ? void 0 : i.type) === "object" && i.properties && l.renderArrayField) {
+        const n = l.renderArrayField;
+        return {
+          ...o,
+          render: (c, f) => n(
+            c ?? [],
+            f,
+            i,
+            o.label
+          )
+        };
+      }
+      return (i == null ? void 0 : i.type) === "string" || (i == null ? void 0 : i.type) === "number" || (i == null ? void 0 : i.type) === "integer" ? { ...o, type: "tags" } : {
+        ...o,
+        render: (n, c) => /* @__PURE__ */ e(_e, { value: n, onChange: c })
+      };
+    }
+    case "object":
+      if (l.renderObjectField) {
+        const i = l.renderObjectField;
+        return {
+          ...o,
+          render: (n, c) => i(
+            n ?? {},
+            c,
+            r,
+            o.label
+          )
+        };
+      }
+      return {
+        ...o,
+        render: (i, n) => /* @__PURE__ */ e(_e, { value: i, onChange: n })
+      };
+    default:
+      return { ...o, type: "text" };
+  }
+}
+function xe(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;
+  });
+}
+const ut = {
+  text: "text",
+  textarea: "textarea",
+  number: "number",
+  email: "email",
+  password: "password",
+  phone: "phone",
+  url: "url",
+  date: "date",
+  datetime: "datetime",
+  time: "time",
+  select: "select",
+  multiselect: "tags",
+  checkbox: "checkbox",
+  toggle: "toggle",
+  radio: "radio",
+  slider: "slider",
+  rating: "rating",
+  color: "color"
+};
+function Ce(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);
+      continue;
+    }
+    const c = ut[n.type];
+    if (!c)
+      continue;
+    const f = {
+      field: n.name,
+      label: n.label,
+      type: c,
+      required: n.required || ((o = n.validations) == null ? void 0 : o.some((p) => p.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 }
+      )
+    };
+    l.push(a != null && a[n.name] ? { ...f, ...a[n.name] } : f);
+  }
+  return l;
+}
+function Ne(t) {
+  return t == null || t === "" || Array.isArray(t) && t.length === 0;
+}
+function Ie(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];
+    if (o.has(i) && Ne(c)) {
+      a.push({ field: i, message: `${n.title ?? i} is required` });
+      continue;
+    }
+    if (!Ne(c) && (n.enum && !n.enum.includes(c) && a.push({
+      field: i,
+      message: `${n.title ?? i} must be one of: ${n.enum.join(", ")}`
+    }), (n.type === "number" || n.type === "integer") && typeof c == "number" && (n.minimum !== void 0 && c < n.minimum && a.push({ field: i, message: `${n.title ?? i} must be ≥ ${n.minimum}` }), n.maximum !== void 0 && c > n.maximum && a.push({ field: i, message: `${n.title ?? i} must be ≤ ${n.maximum}` })), n.type === "string" && typeof c == "string" && (n.minLength !== void 0 && c.length < n.minLength && a.push({
+      field: i,
+      message: `${n.title ?? i} must be at least ${n.minLength} chars`
+    }), n.maxLength !== void 0 && c.length > n.maxLength && a.push({
+      field: i,
+      message: `${n.title ?? i} must be at most ${n.maxLength} chars`
+    }), n.pattern)))
+      try {
+        new RegExp(n.pattern).test(c) || a.push({ field: i, message: `${n.title ?? i} has an invalid format` });
+      } catch {
+      }
+  }
+  return a;
+}
+const ue = "__nafRid";
+function mt(t) {
+  return Array.isArray(t) ? `[${t.length}]` : t && typeof t == "object" ? "{…}" : t == null ? "" : String(t);
+}
+const pt = ee(
+  function(r, a) {
+    const {
+      value: l,
+      defaultValue: o,
+      onChange: i,
+      itemSchema: n,
+      title: c,
+      readOnly: f = !1,
+      columns: p,
+      className: y,
+      style: s,
+      "data-testid": h
+    } = r, [F, O] = le({
+      value: l,
+      defaultValue: o,
+      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 };
+      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(
+      () => xe(n),
+      [n]
+    ), w = P(() => F.map((M, I) => ({ ...M, [ue]: String(I) })), [F]), $ = (M) => {
+      const { [ue]: I, ...v } = M;
+      return v;
+    }, J = "nice-array-field" + (y ? ` ${y}` : "");
+    return /* @__PURE__ */ e("div", { ref: a, className: J, style: s, "data-testid": h, children: /* @__PURE__ */ e(
+      fe,
+      {
+        data: w,
+        keyField: ue,
+        columns: A,
+        editMode: "popup",
+        formItems: C,
+        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);
+          O(
+            F.map(
+              (k, j) => j === v ? $(I) : k
+            )
+          );
+        },
+        onRowDelete: f ? void 0 : (M) => {
+          const I = Number(M);
+          O(F.filter((v, k) => k !== I));
+        }
+      }
+    ) });
+  }
+), ht = [
+  {
+    target: ".nice-schema-form",
+    titleKey: "tutorial.schemaForm.intro.title",
+    title: "Schema form",
+    contentKey: "tutorial.schemaForm.intro.content",
+    content: "This form is generated from a schema. Required fields and validation errors are flagged; use the JSON toggle for raw editing.",
+    placement: "auto"
+  },
+  {
+    target: '[data-tour="sf-viewtoggle"]',
+    titleKey: "tutorial.schemaForm.viewToggle.title",
+    title: "Form ⇄ JSON",
+    contentKey: "tutorial.schemaForm.viewToggle.content",
+    content: "Switch between the visual form and the raw JSON value — handy for power users and copy/paste.",
+    placement: "bottom"
+  },
+  {
+    target: ".nice-schema-form",
+    titleKey: "tutorial.schemaForm.validation.title",
+    title: "Live validation",
+    contentKey: "tutorial.schemaForm.validation.content",
+    content: "Values are validated against the schema as you type; any problems are listed below the form.",
+    placement: "auto"
+  }
+];
+function ft(t) {
+  const r = [], a = (l) => {
+    for (const o of l) {
+      if (o.type === "section" && o.children) {
+        a(o.children);
+        continue;
+      }
+      o.required && r.push({ id: `${o.name}-required`, field: o.name, op: "required" });
+      for (const i of o.validations ?? [])
+        r.push({
+          id: `${o.name}-${i.type}`,
+          field: o.name,
+          op: i.type,
+          value: typeof i.value == "boolean" ? void 0 : i.value,
+          message: i.message ?? (i.type === "required" ? `${o.label ?? o.name} is required` : void 0)
+        });
+    }
+  };
+  return a(t), r;
+}
+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(
+  function(r, a) {
+    const {
+      schema: l,
+      fields: o,
+      uiSchema: i,
+      value: n,
+      defaultValue: c,
+      onChange: f,
+      onValidate: p,
+      showJsonView: y = !1,
+      columns: s = 1,
+      labelPosition: h = "top",
+      readOnly: F = !1,
+      liveValidation: O = !0,
+      validationRules: D,
+      tutorial: A,
+      className: C,
+      style: w,
+      id: $,
+      "data-testid": J
+    } = r, { t: M } = 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, {
+      uiSchema: i,
+      // Inject the structured array editor (avoids an import cycle in the converter).
+      renderArrayField: (E, g, x, R) => /* @__PURE__ */ e(
+        pt,
+        {
+          value: E,
+          onChange: g,
+          itemSchema: x,
+          title: R,
+          readOnly: F
+        }
+      )
+    }) : o ? Ce(o, { uiSchema: i }) : [], [l, o, i, F]), q = P(() => {
+      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 }));
+        return [...E, ...g];
+      }
+      return E;
+    }, [l, o, I, D]);
+    oe(() => {
+      p == null || p(q);
+    }, [q, p]), oe(() => {
+      if (k)
+        try {
+          L(JSON.stringify(I, null, 2)), H(null);
+        } catch {
+        }
+    }, [k, I]);
+    const m = (E, g) => {
+      v({ ...I, [E]: g });
+    }, _ = "nice-schema-form" + (C ? ` ${C}` : "");
+    return /* @__PURE__ */ u("div", { ref: a, id: $, className: _, style: w, "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(
+          "button",
+          {
+            type: "button",
+            className: "nice-schema-form__tab" + (k ? "" : " nice-schema-form__tab--active"),
+            onClick: () => j(!1),
+            children: M("schemaForm.tab.form", "Form")
+          }
+        ),
+        /* @__PURE__ */ e(
+          X,
+          {
+            content: M("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")
+              }
+            )
+          }
+        )
+      ] }),
+      k ? /* @__PURE__ */ u("div", { className: "nice-schema-form__json", children: [
+        /* @__PURE__ */ e(
+          "textarea",
+          {
+            className: "nice-schema-form__json-textarea",
+            value: U,
+            readOnly: F,
+            spellCheck: !1,
+            rows: Math.min(24, Math.max(6, U.split(`
+`).length)),
+            onChange: (E) => {
+              const g = E.target.value;
+              L(g);
+              try {
+                const x = JSON.parse(g);
+                H(null), v(x);
+              } catch (x) {
+                H(
+                  x instanceof Error ? x.message : M("schemaForm.invalidJson", "Invalid JSON")
+                );
+              }
+            }
+          }
+        ),
+        S && /* @__PURE__ */ e("div", { className: "nice-schema-form__json-error", children: S })
+      ] }) : /* @__PURE__ */ e(
+        Je,
+        {
+          items: N,
+          data: I,
+          onFieldChange: m,
+          columns: s,
+          labelPosition: h,
+          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}`)) })
+    ] });
+  }
+), gt = [
+  { name: "Contact Form", description: "A simple contact form with name, email, and message" },
+  {
+    name: "Registration Form",
+    description: "User registration with username, email, password, and profile info"
+  },
+  {
+    name: "Survey Form",
+    description: "Customer satisfaction survey with rating and feedback fields"
+  },
+  {
+    name: "Order Form",
+    description: "Product order form with shipping address and payment details"
+  },
+  {
+    name: "Job Application",
+    description: "Job application with personal info, experience, and file uploads"
+  },
+  { name: "Event Registration", description: "Event sign-up with attendee info and preferences" }
+];
+function bt(t) {
+  return {
+    text: "text",
+    string: "text",
+    textarea: "textarea",
+    number: "number",
+    integer: "number",
+    email: "email",
+    password: "password",
+    phone: "phone",
+    tel: "phone",
+    url: "url",
+    date: "date",
+    datetime: "datetime",
+    time: "time",
+    select: "select",
+    dropdown: "select",
+    multiselect: "multiselect",
+    checkbox: "checkbox",
+    boolean: "checkbox",
+    toggle: "toggle",
+    switch: "toggle",
+    radio: "radio",
+    slider: "slider",
+    range: "slider",
+    rating: "rating",
+    stars: "rating",
+    color: "color",
+    file: "file",
+    upload: "file",
+    signature: "signature"
+  }[t.toLowerCase()] || "text";
+}
+function vt(t) {
+  return t.map((r, a) => {
+    var l;
+    return {
+      id: `field_${Date.now()}_${a}`,
+      type: bt(r.type),
+      label: r.label,
+      name: r.field,
+      placeholder: r.placeholder,
+      helperText: r.helpText,
+      required: r.required,
+      options: (l = r.options) == null ? void 0 : l.map((o, i) => ({
+        value: o.toLowerCase().replace(/\s+/g, "_"),
+        label: o
+      })),
+      validation: r.required ? [{ type: "required", message: `${r.label} is required` }] : [],
+      width: "100%",
+      order: a
+    };
+  });
+}
+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(
+            "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 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
+            )) })
+          ] })
+        ] })
+      ] }),
+      /* @__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",
+          {
+            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-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([]), D("");
+                },
+                children: k("formBuilderAI.cancel", "Cancel")
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] });
+  }
+), _t = {
+  text: { type: "string" },
+  textarea: { type: "string" },
+  password: { type: "string", format: "password" },
+  phone: { type: "string", format: "phone" },
+  url: { type: "string", format: "uri" },
+  email: { type: "string", format: "email" },
+  date: { type: "string", format: "date" },
+  datetime: { type: "string", format: "date-time" },
+  time: { type: "string", format: "time" },
+  color: { type: "string", format: "color" },
+  number: { type: "number" },
+  slider: { type: "number" },
+  rating: { type: "integer" },
+  checkbox: { type: "boolean" },
+  toggle: { type: "boolean" },
+  select: { type: "string" },
+  radio: { type: "string" },
+  multiselect: { type: "array", items: { type: "string" } },
+  file: { type: "string", format: "data-url" },
+  signature: { type: "string", format: "data-url" },
+  richtext: { type: "string" },
+  markdown: { type: "string" },
+  code: { type: "string" },
+  image: { type: "string", format: "uri" }
+};
+function Nt(t, r) {
+  if (r)
+    for (const a of r)
+      switch (a.type) {
+        case "minLength":
+          typeof a.value == "number" && (t.minLength = a.value);
+          break;
+        case "maxLength":
+          typeof a.value == "number" && (t.maxLength = a.value);
+          break;
+        case "min":
+          typeof a.value == "number" && (t.minimum = a.value);
+          break;
+        case "max":
+          typeof a.value == "number" && (t.maximum = a.value);
+          break;
+        case "pattern":
+          typeof a.value == "string" && (t.pattern = a.value);
+          break;
+        case "email":
+          t.format = "email";
+          break;
+        case "url":
+          t.format = "uri";
+          break;
+      }
+}
+function Et(t) {
+  if (t.type === "heading" || t.type === "paragraph" || t.type === "divider" || t.type === "spacer")
+    return null;
+  const r = _t[t.type];
+  if (!r)
+    return null;
+  const a = { ...r };
+  return t.label && (a.title = t.label), t.helpText && (a.description = t.helpText), t.defaultValue !== void 0 && (a.default = t.defaultValue), t.options && (t.type === "select" || t.type === "radio") && (a.enum = t.options.map((l) => typeof l == "string" ? l : l.value)), t.options && t.type === "multiselect" && (a.items = {
+    type: "string",
+    enum: t.options.map((l) => typeof l == "string" ? l : String(l.value))
+  }), Nt(a, t.validations), a;
+}
+function Ht(t) {
+  const r = {}, a = [], l = (i) => {
+    var n;
+    for (const c of i) {
+      if (c.type === "section" && c.children) {
+        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));
+    }
+  };
+  for (const i of t.sections)
+    l(i.fields);
+  const o = {
+    $schema: "http://json-schema.org/draft-07/schema#",
+    $id: t.id,
+    type: "object",
+    title: t.title,
+    description: t.description,
+    properties: r,
+    additionalProperties: !1
+  };
+  return a.length > 0 && (o.required = a), o;
+}
+const wt = [
+  {
+    target: ".nice-manifest-editor",
+    titleKey: "tutorial.manifestEditor.intro.title",
+    title: "Manifest editor",
+    contentKey: "tutorial.manifestEditor.intro.content",
+    content: "Edit the manifest in schema-driven sections. Toggle Form ⇄ JSON per section; validation appears in the status bar.",
+    placement: "auto"
+  },
+  {
+    target: ".nice-manifest-editor__pane",
+    titleKey: "tutorial.manifestEditor.sections.title",
+    title: "Sections",
+    contentKey: "tutorial.manifestEditor.sections.content",
+    content: "The manifest is split into schema-driven sections — switch between them using the tabs at the top.",
+    placement: "auto"
+  },
+  {
+    target: ".nice-manifest-editor__pane",
+    titleKey: "tutorial.manifestEditor.json.title",
+    title: "Form ⇄ JSON",
+    contentKey: "tutorial.manifestEditor.json.content",
+    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) {
+  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 = [
+        {
+          key: "sections",
+          label: `${i.length} ${L("manifestEditor.sections", "sections")}`,
+          position: "left"
+        }
+      ];
+      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: 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
+      }
+    );
+  }
+), me = "__eeRid", pe = "__eeFid", kt = [
+  {
+    target: ".nice-entity-editor",
+    titleKey: "tutorial.entityEditor.intro.title",
+    title: "Entity editor",
+    contentKey: "tutorial.entityEditor.intro.content",
+    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 = {
+  type: "object",
+  properties: {
+    name: {
+      type: "string",
+      title: "Name",
+      minLength: 1,
+      description: "Unique technical name of the entity (PascalCase)."
+    },
+    displayName: {
+      type: "string",
+      title: "Display name",
+      description: "Human-friendly name shown in the UI."
+    },
+    tableName: {
+      type: "string",
+      title: "Table name",
+      description: "Database table that backs this entity."
+    },
+    description: {
+      type: "string",
+      title: "Description",
+      description: "Optional notes about the entity's purpose."
+    },
+    entityIcon: {
+      type: "string",
+      title: "Icon",
+      description: "Icon key shown next to the entity."
+    },
+    isAudited: {
+      type: "boolean",
+      title: "Audited",
+      description: "Track who created/changed each record and when."
+    },
+    isSoftDeleteEnabled: {
+      type: "boolean",
+      title: "Soft delete",
+      description: "Flag rows as deleted instead of physically removing them."
+    }
+  },
+  required: ["name"]
+}, Tt = {
+  type: "object",
+  properties: {
+    name: {
+      type: "string",
+      title: "Name",
+      minLength: 1,
+      description: "Field's technical name (the database column)."
+    },
+    displayName: {
+      type: "string",
+      title: "Display name",
+      description: "Human-friendly label shown in the UI."
+    },
+    dataType: {
+      type: "string",
+      title: "Type",
+      description: "Storage / data type of the field.",
+      enum: [
+        "Guid",
+        "string",
+        "text",
+        "int",
+        "long",
+        "decimal",
+        "double",
+        "bool",
+        "DateTime",
+        "DateOnly",
+        "json"
+      ]
+    },
+    isPrimaryKey: {
+      type: "boolean",
+      title: "Primary key",
+      description: "Primary key — uniquely identifies each record."
+    },
+    isForeignKey: {
+      type: "boolean",
+      title: "Foreign key",
+      description: "Foreign key — references another entity's primary key."
+    },
+    isRequired: {
+      type: "boolean",
+      title: "Required",
+      description: "Value must be provided (NOT NULL)."
+    },
+    isUnique: {
+      type: "boolean",
+      title: "Unique",
+      description: "Each value must be unique across all records."
+    },
+    isIndexed: {
+      type: "boolean",
+      title: "Indexed",
+      description: "Add a database index for faster lookups and filtering."
+    },
+    isNullable: {
+      type: "boolean",
+      title: "Nullable",
+      description: "Allow empty (NULL) values."
+    },
+    maxLength: {
+      type: "integer",
+      title: "Max length",
+      description: "Maximum number of characters (for string types)."
+    },
+    defaultValue: {
+      type: "string",
+      title: "Default",
+      description: "Value used when none is provided."
+    },
+    description: {
+      type: "string",
+      title: "Description",
+      description: "Optional notes about the field."
+    },
+    isComputed: {
+      type: "boolean",
+      title: "Computed",
+      description: "Value is derived from an expression instead of stored input."
+    },
+    computedExpression: {
+      type: "string",
+      title: "Computed expression",
+      description: "Expression used to compute the value (when Computed is on)."
+    }
+  },
+  required: ["name", "dataType"]
+};
+function he({ title: t, help: r }) {
+  return /* @__PURE__ */ u("span", { className: "nice-entity-editor__field-label", children: [
+    t,
+    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({
+  schema: t,
+  value: r,
+  onChange: a,
+  readOnly: l
+}) {
+  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;
+    if (n.type === "boolean")
+      return /* @__PURE__ */ e(
+        "div",
+        {
+          className: "nice-entity-editor__field-row nice-entity-editor__field-row--check",
+          children: /* @__PURE__ */ e(
+            Ye,
+            {
+              label: /* @__PURE__ */ e(he, { title: p, help: f }),
+              checked: !!c,
+              onChange: (s) => a(i, s),
+              disabled: l
+            }
+          )
+        },
+        i
+      );
+    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(
+          Qe,
+          {
+            options: n.enum.map((s) => ({ label: String(s), value: String(s) })),
+            value: c == null ? "" : String(c),
+            onChange: (s) => a(i, s),
+            clearable: !0,
+            disabled: l
+          }
+        )
+      ] }, 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(
+        Xe,
+        {
+          value: c == null ? "" : String(c),
+          onChange: (s) => a(i, y ? s === "" ? void 0 : Number(s) : s),
+          disabled: l
+        }
+      )
+    ] }, i);
+  }) });
+}
+function xt({
+  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(
+    () => [
+      {
+        field: "name",
+        header: o("entityEditor.field.name", "Name"),
+        sortable: !0,
+        render: (s) => /* @__PURE__ */ e("span", { className: "nice-entity-editor__name", children: String(s ?? "") })
+      },
+      {
+        field: "dataType",
+        header: o("entityEditor.field.type", "Type"),
+        sortable: !0,
+        render: (s) => /* @__PURE__ */ e(ae, { variant: "secondary", size: "sm", outline: !0, children: String(s ?? "—") })
+      },
+      {
+        field: "__flags",
+        header: o("entityEditor.field.flags", "Constraints"),
+        headerTooltip: o(
+          "entityEditor.field.flags.help",
+          "Key / required / unique / indexed constraints on this field"
+        ),
+        render: (s, h) => {
+          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"],
+            [
+              !!(h != null && h.isRequired),
+              "Req",
+              o("entityEditor.flag.required", "Required (NOT NULL)"),
+              "warning"
+            ],
+            [!!(h != null && h.isUnique), "Uniq", o("entityEditor.flag.unique", "Unique"), "secondary"],
+            [
+              !!(h != null && h.isIndexed),
+              "Idx",
+              o("entityEditor.flag.indexed", "Indexed"),
+              "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)) });
+        }
+      }
+    ],
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), p = (s, h, F) => {
+    r(t.map((O, D) => D === s ? { ...O, [h]: F } : O));
+  }, y = () => {
+    const s = [...t, { name: `field${t.length + 1}`, dataType: "string" }];
+    r(s), n(s.length - 1);
+  };
+  if (i != null && t[i]) {
+    const s = t[i];
+    return /* @__PURE__ */ u("div", { className: "nice-entity-editor__field-detail", children: [
+      /* @__PURE__ */ u("header", { className: "nice-entity-editor__edit-header", children: [
+        /* @__PURE__ */ e(X, { content: o("entityEditor.field.backHint", "Back to the field list"), children: /* @__PURE__ */ e(
+          te,
+          {
+            variant: "ghost",
+            size: "sm",
+            leftIcon: /* @__PURE__ */ e(z, { name: "arrow-left", size: 14 }),
+            onClick: () => n(null),
+            children: o("entityEditor.field.back", "Fields")
+          }
+        ) }),
+        /* @__PURE__ */ e("span", { className: "nice-entity-editor__breadcrumb-sep", children: "/" }),
+        /* @__PURE__ */ e("span", { className: "nice-entity-editor__edit-title", children: String(s.name ?? o("entityEditor.field.untitled", "New field")) })
+      ] }),
+      /* @__PURE__ */ e(
+        Ft,
+        {
+          schema: a,
+          value: s,
+          onChange: (h, F) => p(i, h, F),
+          readOnly: l
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "nice-entity-editor__field-detail-actions", children: /* @__PURE__ */ e(te, { variant: "primary", size: "sm", onClick: () => n(null), children: o("entityEditor.field.done", "Done") }) })
+    ] });
+  }
+  return /* @__PURE__ */ e(
+    fe,
+    {
+      data: c,
+      keyField: pe,
+      columns: f,
+      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))),
+      toolbar: l ? void 0 : /* @__PURE__ */ e(
+        te,
+        {
+          variant: "primary",
+          size: "sm",
+          leftIcon: /* @__PURE__ */ e(z, { name: "plus", size: 14 }),
+          onClick: y,
+          children: o("entityEditor.field.add", "Add field")
+        }
+      ),
+      compact: !0,
+      striped: !0
+    }
+  );
+}
+const Ct = ee(
+  function(r, a) {
+    const {
+      value: l,
+      defaultValue: o,
+      onChange: i,
+      entityMetaSchema: n = St,
+      fieldSchema: c = Tt,
+      fieldsKey: f = "fields",
+      validationsKey: p = "validations",
+      nameKey: y = "name",
+      renderErPreview: s,
+      readOnly: h = !1,
+      tutorial: F,
+      className: O,
+      style: D,
+      id: A,
+      "data-testid": C
+    } = r, { t: w } = Z(), [$, J] = le({
+      value: l,
+      defaultValue: o,
+      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(() => {
+      const T = S == null ? void 0 : S[f];
+      return Array.isArray(T) ? T : [];
+    }, [S, f]), q = P(() => {
+      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) {
+        const Y = String(B.name ?? "");
+        Y && V.push({
+          field: Y,
+          label: String(B.displayName ?? Y),
+          type: T(String(B.dataType ?? "string"))
+        });
+      }
+      return V;
+    }, [N]), m = P(() => {
+      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) => {
+      J($.map((V, B) => B === L ? { ...V, ...T } : V));
+    }, g = (T) => {
+      E({ [f]: T });
+    }, x = (T) => {
+      k(T), U("general"), I("edit");
+    }, R = () => {
+      const T = [...$, { [y]: `Entity${$.length + 1}`, [f]: [] }];
+      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(
+      () => [
+        {
+          field: y,
+          header: w("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"),
+          sortable: !0,
+          render: (T) => /* @__PURE__ */ e("span", { className: "nice-entity-editor__muted", children: String(T ?? "—") })
+        },
+        {
+          field: "tableName",
+          header: w("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"),
+          align: "center",
+          headerTooltip: w(
+            "entityEditor.col.fields.help",
+            "Number of fields defined on this entity"
+          ),
+          render: (T) => /* @__PURE__ */ e(ae, { variant: "secondary", size: "sm", children: Array.isArray(T) ? T.length : 0 })
+        },
+        {
+          field: "__flags",
+          header: w("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(
+                  "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") })
+              }
+            ) : null,
+            V != null && V.isSoftDeleteEnabled ? /* @__PURE__ */ e(
+              X,
+              {
+                content: w(
+                  "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") })
+              }
+            ) : null
+          ] })
+        }
+      ],
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [y, f]
+    ), W = P(() => {
+      const T = [
+        {
+          id: "general",
+          label: w("entityEditor.tab.general", "General"),
+          content: S ? /* @__PURE__ */ e(
+            de,
+            {
+              schema: n,
+              value: S,
+              onChange: (V) => E(V),
+              columns: 2,
+              readOnly: h,
+              liveValidation: !0
+            }
+          ) : null
+        },
+        {
+          id: "fields",
+          label: w("entityEditor.tab.fields", "Fields"),
+          badge: N.length || void 0,
+          content: /* @__PURE__ */ e(
+            xt,
+            {
+              fields: N,
+              onChange: g,
+              fieldSchema: c,
+              readOnly: h
+            }
+          )
+        },
+        {
+          id: "validation",
+          label: w("entityEditor.tab.validation", "Validation"),
+          badge: m.length || void 0,
+          content: /* @__PURE__ */ e(
+            Ge,
+            {
+              fields: q,
+              value: m,
+              onChange: (V) => E({ [p]: V })
+            }
+          )
+        }
+      ];
+      return s && T.push({
+        id: "er",
+        label: w("entityEditor.tab.er", "ER diagram"),
+        content: /* @__PURE__ */ e("div", { className: "nice-entity-editor__er", children: s($) })
+      }), T;
+    }, [
+      S,
+      N,
+      m,
+      q,
+      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) }) }),
+      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(
+            te,
+            {
+              variant: "ghost",
+              size: "sm",
+              leftIcon: /* @__PURE__ */ e(z, { name: "arrow-left", size: 14 }),
+              onClick: () => I("list"),
+              children: w("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(
+            te,
+            {
+              variant: "ghost",
+              size: "sm",
+              leftIcon: /* @__PURE__ */ e(z, { name: "trash", size: 14 }),
+              onClick: () => {
+                G(L), I("list");
+              },
+              children: w("entityEditor.delete", "Delete")
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e(
+          We,
+          {
+            tabs: W,
+            activeTab: j,
+            onChange: U,
+            variant: "enclosed"
+          }
+        )
+      ] }) : /* @__PURE__ */ e("div", { className: "nice-entity-editor__list-view", children: /* @__PURE__ */ e(
+        fe,
+        {
+          data: _,
+          keyField: me,
+          columns: re,
+          searchable: !0,
+          searchPlaceholder: w("entityEditor.search", "Search entities…"),
+          emptyText: w("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(
+            te,
+            {
+              variant: "primary",
+              size: "sm",
+              leftIcon: /* @__PURE__ */ e(z, { name: "plus", size: 14 }),
+              onClick: R,
+              children: w("entityEditor.new", "New entity")
+            }
+          ),
+          compact: !0,
+          striped: !0
+        }
+      ) })
+    ] });
+  }
+), It = [
+  {
+    target: ".nice-i18n-editor",
+    titleKey: "tutorial.i18nEditor.intro.title",
+    title: "Translations",
+    contentKey: "tutorial.i18nEditor.intro.content",
+    content: "Edit translations as a keys × locales grid. Add keys and locales; amber cells mark missing translations.",
+    placement: "auto"
+  },
+  {
+    target: '[data-tour="i18n-grid"]',
+    titleKey: "tutorial.i18nEditor.grid.title",
+    title: "Keys × locales",
+    contentKey: "tutorial.i18nEditor.grid.content",
+    content: "Each row is a translation key and each column a locale. Edit a cell to set a translation; amber cells are still missing.",
+    placement: "top"
+  },
+  {
+    target: '[data-tour="i18n-add"]',
+    titleKey: "tutorial.i18nEditor.add.title",
+    title: "Add keys & locales",
+    contentKey: "tutorial.i18nEditor.add.content",
+    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(
+  function(r, a) {
+    const {
+      value: l,
+      defaultValue: o,
+      onChange: i,
+      locales: n,
+      allowEditLocales: c = !0,
+      allowEditKeys: f = !0,
+      highlightMissing: p = !0,
+      readOnly: y = !1,
+      tutorial: s,
+      className: h,
+      style: F,
+      id: O,
+      "data-testid": D
+    } = 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(() => {
+      const m = /* @__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)
+        return;
+      const E = {};
+      for (const g of Object.keys(C)) {
+        const x = { ...C[g] ?? {} };
+        m in x && (x[_] = x[m], delete x[m]), E[g] = x;
+      }
+      w(E);
+    }, L = (m) => {
+      const _ = {};
+      for (const E of Object.keys(C)) {
+        const g = { ...C[E] ?? {} };
+        delete g[m], _[E] = g;
+      }
+      w(_);
+    }, S = () => {
+      const m = $.trim();
+      if (!m || k.includes(m))
+        return;
+      const _ = {};
+      for (const E of v)
+        _[E] = { ...C[E] ?? {}, [m]: "" };
+      for (const E of Object.keys(C))
+        _[E] || (_[E] = C[E]);
+      w(_), J("");
+    }, H = () => {
+      const m = M.trim();
+      if (!m || C[m])
+        return;
+      const _ = {};
+      for (const E of k)
+        _[E] = "";
+      w({ ...C, [m]: _ }), I("");
+    }, 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) }) }),
+      /* @__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 }),
+            c && !y && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: "nice-i18n-editor__locale-remove",
+                "aria-label": `${A("i18nEditor.removeLocale", "Remove locale")} ${m}`,
+                onClick: () => N(m),
+                children: /* @__PURE__ */ e(be, { name: "close", size: 12 })
+              }
+            )
+          ] }, m))
+        ] }) }),
+        /* @__PURE__ */ u("tbody", { children: [
+          k.map((m) => /* @__PURE__ */ u("tr", { children: [
+            /* @__PURE__ */ u("td", { className: "nice-i18n-editor__key-cell", children: [
+              f && !y ? /* @__PURE__ */ e(
+                "input",
+                {
+                  className: "nice-i18n-editor__key-input",
+                  defaultValue: m,
+                  onBlur: (_) => U(m, _.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(
+                "button",
+                {
+                  type: "button",
+                  className: "nice-i18n-editor__key-remove",
+                  "aria-label": `${A("i18nEditor.removeKey", "Remove key")} ${m}`,
+                  onClick: () => L(m),
+                  children: /* @__PURE__ */ e(be, { name: "close", size: 12 })
+                }
+              )
+            ] }),
+            v.map((_) => {
+              var x;
+              const E = ((x = C[_]) == null ? void 0 : x[m]) ?? "";
+              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,
+                  readOnly: y,
+                  onChange: (R) => j(_, m, R.target.value),
+                  "aria-label": `${m} (${_})`
+                }
+              ) }, _);
+            })
+          ] }, m)),
+          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: [
+          /* @__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();
+              },
+              "aria-label": A("i18nEditor.newKeyAria", "New key")
+            }
+          ),
+          /* @__PURE__ */ u("button", { type: "button", onClick: S, children: [
+            "+ ",
+            A("i18nEditor.addKey", "Key")
+          ] })
+        ] }),
+        c && /* @__PURE__ */ u("div", { className: "nice-i18n-editor__add", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: "nice-i18n-editor__add-input",
+              placeholder: A("i18nEditor.newLocalePlaceholder", "locale (e.g. de)"),
+              value: M,
+              onChange: (m) => I(m.target.value),
+              onKeyDown: (m) => {
+                m.key === "Enter" && H();
+              },
+              "aria-label": A("i18nEditor.newLocaleAria", "New locale")
+            }
+          ),
+          /* @__PURE__ */ u("button", { type: "button", onClick: H, children: [
+            "+ ",
+            A("i18nEditor.addLocale", "Locale")
+          ] })
+        ] })
+      ] })
+    ] });
+  }
+), $t = [
+  {
+    target: ".nice-module-editor",
+    titleKey: "tutorial.moduleEditor.intro.title",
+    title: "Module editor",
+    contentKey: "tutorial.moduleEditor.intro.content",
+    content: "Design a whole module end-to-end — manifest, entities, translations, views, workflows, data sources and permissions — then validate and save.",
+    placement: "auto"
+  },
+  {
+    target: '[data-tour="nme-browser"]',
+    titleKey: "tutorial.moduleEditor.browser.title",
+    title: "Module browser",
+    contentKey: "tutorial.moduleEditor.browser.content",
+    content: "Search and pick a module here to open its manifest, entities and translations.",
+    placement: "right"
+  },
+  {
+    target: '[data-tour="nme-tabs"]',
+    titleKey: "tutorial.moduleEditor.tabs.title",
+    title: "Module parts",
+    contentKey: "tutorial.moduleEditor.tabs.content",
+    content: "Each tab edits one part of the module: Manifest sections, Entities, i18n, Views, Workflows, Data sources, Permissions and more.",
+    placement: "bottom"
+  },
+  {
+    target: '[data-tour="nme-validate"]',
+    titleKey: "tutorial.moduleEditor.validate.title",
+    title: "Validate",
+    contentKey: "tutorial.moduleEditor.validate.content",
+    content: "Check the module against the manifest schema. Issues appear in the status bar and the output panel.",
+    placement: "bottom"
+  },
+  {
+    target: '[data-tour="nme-save"]',
+    titleKey: "tutorial.moduleEditor.save.title",
+    title: "Save",
+    contentKey: "tutorial.moduleEditor.save.content",
+    content: "Persist your changes through the configured data provider (e.g. write the files back to disk).",
+    placement: "bottom"
+  },
+  {
+    target: '[data-tour="nme-output"]',
+    titleKey: "tutorial.moduleEditor.output.title",
+    title: "Output",
+    contentKey: "tutorial.moduleEditor.output.content",
+    content: "Validation results and load/save activity are logged here.",
+    placement: "top"
+  }
+], Yt = ee(
+  function(r, a) {
+    var ge;
+    const {
+      dataProvider: l,
+      manifestSections: o,
+      entityConfig: i,
+      locales: n,
+      validate: c,
+      scriptRunner: f,
+      triggers: p,
+      bindings: y = [],
+      handlers: s,
+      onBindingsChange: h,
+      revisions: F,
+      onRollback: O,
+      loadContent: D,
+      theme: A = "light",
+      height: C = 640,
+      tutorial: w,
+      className: $,
+      style: J,
+      id: M,
+      "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((Be) => [...Be, { level: d, message: b, data: je, timestamp: Date.now() }].slice(-200));
+    }, []), ie = Q(async () => {
+      g(!0);
+      try {
+        j(await l.listModules());
+      } catch (d) {
+        W("error", `List modules failed: ${d instanceof Error ? d.message : String(d)}`);
+      } finally {
+        g(!1);
+      }
+    }, [l, W]);
+    oe(() => {
+      ie();
+    }, [ie]);
+    const T = Q(
+      async (d) => {
+        g(!0);
+        try {
+          const b = await l.loadModule(d);
+          q(b), H(d), _(!1), W("info", `Loaded module ${d}`);
+        } catch (b) {
+          W("error", `Load failed: ${b instanceof Error ? b.message : String(b)}`);
+        } finally {
+          g(!1);
+        }
+      },
+      [l, W]
+    ), V = Q(async () => {
+      if (!(!S || !N)) {
+        g(!0);
+        try {
+          await l.saveModule(S, N), _(!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 = P(() => {
+      if (!N)
+        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(() => {
+      if (B.length === 0)
+        W("info", "Validation passed");
+      else {
+        W("warn", `${B.length} validation issue(s)`);
+        for (const d of B)
+          W("error", `${d.field}: ${d.message}`);
+      }
+    }, [B, W]), Ae = (d) => {
+      q((b) => b && { ...b, manifest: d }), _(!0);
+    }, $e = (d) => {
+      q((b) => b && { ...b, entities: d }), _(!0);
+    }, Ke = (d) => {
+      q((b) => b && { ...b, i18n: d }), _(!0);
+    }, Oe = (d) => {
+      q((b) => b && { ...b, views: d }), _(!0);
+    }, De = (d) => {
+      q((b) => b && { ...b, workflows: d }), _(!0);
+    }, Me = (d) => {
+      q((b) => b && { ...b, dataSources: d }), _(!0);
+    }, Le = (d) => {
+      q((b) => b && { ...b, rbac: d }), _(!0);
+    }, ne = P(() => {
+      if (!N)
+        return [];
+      const d = o.map((b) => ({
+        key: `section:${b.id}`,
+        label: b.title,
+        icon: b.icon,
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
+          de,
+          {
+            schema: b.schema,
+            fields: b.fields,
+            uiSchema: b.uiSchema,
+            value: N.manifest ?? {},
+            onChange: Ae,
+            showJsonView: !0
+          }
+        ) })
+      }));
+      return d.push({
+        key: "entities",
+        label: v("moduleEditor.tab.entities", "Entities"),
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
+          Ct,
+          {
+            value: N.entities ?? [],
+            onChange: $e,
+            entityMetaSchema: i == null ? void 0 : i.entityMetaSchema,
+            fieldSchema: i == null ? void 0 : i.fieldSchema,
+            fieldsKey: i == null ? void 0 : i.fieldsKey,
+            nameKey: i == null ? void 0 : i.nameKey,
+            renderErPreview: i == null ? void 0 : i.renderErPreview
+          }
+        ) })
+      }), 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 }) })
+      }), 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
+          }
+        ) })
+      }), 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 }) })
+      }), d.push({
+        key: "data",
+        label: v("moduleEditor.tab.data", "Data"),
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
+          Lt,
+          {
+            dataSources: N.dataSources ?? [],
+            schemas: Dt(N.entities ?? []),
+            onChange: Me
+          }
+        ) })
+      }), d.push({
+        key: "permissions",
+        label: v("moduleEditor.tab.permissions", "Permissions"),
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
+          Ze,
+          {
+            value: N.rbac ?? Mt(N),
+            onChange: Le
+          }
+        ) })
+      }), f && 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({
+        key: "lifecycle",
+        label: v("moduleEditor.tab.lifecycle", "Lifecycle"),
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
+          ke,
+          {
+            triggers: p,
+            bindings: y,
+            handlers: s,
+            onChange: (b) => h == null ? void 0 : h(b),
+            groupByTrigger: !0,
+            allowCondition: !0
+          }
+        ) })
+      }), F && F.length > 0 && d.push({
+        key: "history",
+        label: v("moduleEditor.tab.history", "History"),
+        content: /* @__PURE__ */ e("div", { className: "nice-module-editor__pane", children: /* @__PURE__ */ e(
+          Se,
+          {
+            revisions: F,
+            onRollback: O,
+            loadContent: D,
+            language: "json"
+          }
+        ) })
+      }), 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) }) })
+      }), d;
+    }, [
+      N,
+      o,
+      i,
+      n,
+      f,
+      p,
+      y,
+      s,
+      F,
+      v
+    ]);
+    oe(() => {
+      ne.length > 0 && !ne.some((d) => d.key === G) && re(ne[0].key);
+    }, [ne, G]);
+    const ye = P(() => {
+      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(() => {
+      const d = [];
+      return S && d.push({ key: "mod", label: S + (m ? " •" : ""), 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 }),
+          B.length === 0 ? v("moduleEditor.status.valid", "Valid") : `${B.length} ${v("moduleEditor.status.issues", "issues")}`
+        ] }),
+        position: "left"
+      }), d;
+    }, [S, m, B.length, v]), qe = /* @__PURE__ */ u("div", { className: "nice-module-editor__browser", "data-tour": "nme-browser", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          className: "nice-module-editor__search",
+          placeholder: v("moduleEditor.searchModules", "Search modules…"),
+          value: U,
+          onChange: (d) => L(d.target.value),
+          "aria-label": v("moduleEditor.searchModules", "Search modules…")
+        }
+      ),
+      /* @__PURE__ */ u("div", { className: "nice-module-editor__modules", children: [
+        ye.map((d) => /* @__PURE__ */ u(
+          "button",
+          {
+            type: "button",
+            className: "nice-module-editor__module" + (d.id === S ? " nice-module-editor__module--active" : ""),
+            onClick: () => void T(d.id),
+            title: d.description,
+            children: [
+              /* @__PURE__ */ e("span", { className: "nice-module-editor__module-name", children: d.name ?? d.id }),
+              d.category && /* @__PURE__ */ e("span", { className: "nice-module-editor__module-cat", children: d.category })
+            ]
+          },
+          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.") })
+      ] })
+    ] }), Pe = /* @__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) }),
+      /* @__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 }),
+        " ",
+        v("moduleEditor.refresh", "Refresh")
+      ] }),
+      /* @__PURE__ */ u("button", { type: "button", "data-tour": "nme-validate", onClick: Y, disabled: !N, children: [
+        /* @__PURE__ */ e(z, { name: "check", size: 14 }),
+        " ",
+        v("moduleEditor.validate", "Validate")
+      ] }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "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")
+        }
+      )
+    ] }), Re = "nice-module-editor" + ($ ? ` ${$}` : "");
+    return /* @__PURE__ */ e(
+      Te,
+      {
+        ref: a,
+        id: M,
+        className: Re,
+        style: { height: C, ...J },
+        "data-testid": I,
+        theme: A,
+        tabs: ne,
+        activeTabKey: G,
+        onTabChange: re,
+        toolbar: Pe,
+        sidePanel: qe,
+        sidePanelWidth: 260,
+        statusItems: Ve,
+        bottomPanel: /* @__PURE__ */ e("div", { "data-tour": "nme-output", style: { height: "100%" }, children: /* @__PURE__ */ e(
+          Fe,
+          {
+            title: v("moduleEditor.output", "Output"),
+            entries: x,
+            onClear: () => R([]),
+            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.") })
+      }
+    );
+  }
+);
+function Kt({
+  views: t,
+  entities: r,
+  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) => {
+    a(t.map((h) => h.id === o ? s : h)), s.id !== o && i(s.id);
+  }, f = () => {
+    const s = {
+      id: `view-${Date.now().toString(36)}`,
+      name: "New View",
+      version: 2,
+      columns: 12,
+      rows: [],
+      dataSources: []
+    };
+    a([...t, s]), i(s.id);
+  }, p = (s) => {
+    a(t.filter((h) => h.id !== s)), o === s && i(null);
+  };
+  return /* @__PURE__ */ u("div", { className: "nice-module-views", children: [
+    /* @__PURE__ */ u("div", { className: "nice-module-views__bar", children: [
+      /* @__PURE__ */ u(
+        "select",
+        {
+          className: "nice-module-views__select",
+          value: o ?? "",
+          onChange: (s) => i(s.target.value || null),
+          "aria-label": l("moduleEditor.views.select", "Select view"),
+          children: [
+            /* @__PURE__ */ e("option", { value: "", children: l("moduleEditor.views.placeholder", "— select view —") }),
+            t.map((s) => /* @__PURE__ */ e("option", { value: s.id, children: s.name }, s.id))
+          ]
+        }
+      ),
+      /* @__PURE__ */ u("button", { type: "button", onClick: f, 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(et, { 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."
+    ) })
+  ] });
+}
+function Ot({
+  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) => {
+    r(t.map((s) => s.id === l ? y : s)), y.id !== l && o(y.id);
+  }, c = () => {
+    const y = {
+      id: `workflow-${Date.now().toString(36)}`,
+      name: "New Workflow",
+      entityType: "",
+      version: 1,
+      states: [],
+      transitions: []
+    };
+    r([...t, y]), o(y.id);
+  }, f = (y) => {
+    r(t.filter((s) => s.id !== y)), l === y && o(null);
+  };
+  return /* @__PURE__ */ u("div", { className: "nice-module-views", children: [
+    /* @__PURE__ */ u("div", { className: "nice-module-views__bar", children: [
+      /* @__PURE__ */ u(
+        "select",
+        {
+          className: "nice-module-views__select",
+          value: l ?? "",
+          onChange: (y) => o(y.target.value || null),
+          "aria-label": a("moduleEditor.workflows.select", "Select workflow"),
+          children: [
+            /* @__PURE__ */ e("option", { value: "", children: a("moduleEditor.workflows.placeholder", "— select workflow —") }),
+            t.map((y) => /* @__PURE__ */ e("option", { value: y.id, children: y.name }, y.id))
+          ]
+        }
+      ),
+      /* @__PURE__ */ u("button", { type: "button", onClick: c, children: [
+        "+ ",
+        a("moduleEditor.workflows.new", "New workflow")
+      ] }),
+      i && /* @__PURE__ */ e("button", { type: "button", onClick: () => f(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(
+      "moduleEditor.workflows.empty",
+      "No workflow selected. Create one to start designing states and transitions."
+    ) })
+  ] });
+}
+function Dt(t) {
+  return t.map((r) => {
+    const a = r;
+    return {
+      name: String(a.tableName || a.name || "Entity"),
+      columns: (Array.isArray(a.fields) ? a.fields : []).map((l) => ({
+        name: String(l.name ?? ""),
+        dataType: String(l.dataType ?? "string"),
+        isPrimaryKey: !!l.isPrimaryKey,
+        isForeignKey: !!l.isForeignKey
+      }))
+    };
+  });
+}
+function Mt(t) {
+  const r = t.manifest ?? {}, a = String(r.displayName || r.packageName || "Module"), l = (t.views ?? []).map((i) => ({
+    id: `view:${i.id}`,
+    label: i.name,
+    type: "view"
+  })), o = (t.entities ?? []).map((i) => {
+    const n = String(i.name ?? "Entity");
+    return { id: `entity:${n}`, label: n, type: "entity" };
+  });
+  return {
+    roles: [
+      { id: "admin", label: "Admin" },
+      { id: "user", label: "User" }
+    ],
+    actions: [
+      { id: "view", label: "View" },
+      { id: "create", label: "Create" },
+      { id: "edit", label: "Edit" },
+      { id: "delete", label: "Delete" }
+    ],
+    resources: [
+      {
+        id: "module",
+        label: a,
+        type: "module",
+        children: [
+          ...l.length ? [{ id: "views", label: "Views", type: "group", children: l }] : [],
+          ...o.length ? [{ id: "entities", label: "Entities", type: "group", children: o }] : []
+        ]
+      }
+    ],
+    grants: {}
+  };
+}
+function Lt({
+  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) => {
+    a(t.map((h) => h.key === o ? s : h)), s.key !== o && i(s.key);
+  }, f = () => {
+    const s = {
+      key: `ds-${Date.now().toString(36)}`,
+      kind: "query",
+      query: { tables: [], joins: [], conditions: [], sorts: [], groupBy: [], distinct: !1 },
+      sql: ""
+    };
+    a([...t, s]), i(s.key);
+  }, p = (s) => {
+    a(t.filter((h) => h.key !== s)), o === s && i(null);
+  };
+  return /* @__PURE__ */ u("div", { className: "nice-module-views", children: [
+    /* @__PURE__ */ u("div", { className: "nice-module-views__bar", children: [
+      /* @__PURE__ */ u(
+        "select",
+        {
+          className: "nice-module-views__select",
+          value: o ?? "",
+          onChange: (s) => i(s.target.value || null),
+          "aria-label": l("moduleEditor.data.select", "Select data source"),
+          children: [
+            /* @__PURE__ */ e("option", { value: "", children: l("moduleEditor.data.placeholder", "— select data source —") }),
+            t.map((s) => /* @__PURE__ */ e("option", { value: s.key, children: s.label || s.key }, s.key))
+          ]
+        }
+      ),
+      /* @__PURE__ */ u("button", { type: "button", onClick: f, 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(it, { 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."
+    ) })
+  ] });
+}
 export {
-  s as NiceArrayField,
-  o as NiceEntityEditor,
-  i as NiceFormBuilderAI,
-  m as NiceI18nEditor,
-  r as NiceManifestEditor,
-  c as NiceModuleEditor,
-  t as NiceSchemaForm,
-  d as defineManifestSection,
-  n as formBuilderSchemaToNiceFormItems,
-  h as formFieldsToFormItems,
-  F as formSchemaToJsonSchema,
-  N as jsonSchemaToFormItems,
-  f as schemaToFormItems,
-  l as validateAgainstJsonSchema,
-  S as validateFormSchema
+  pt as NiceArrayField,
+  Ct as NiceEntityEditor,
+  Ut as NiceFormBuilderAI,
+  At as NiceI18nEditor,
+  Wt as NiceManifestEditor,
+  Yt as NiceModuleEditor,
+  de as NiceSchemaForm,
+  Gt as defineManifestSection,
+  Bt as formBuilderSchemaToNiceFormItems,
+  Ce as formFieldsToFormItems,
+  Ht as formSchemaToJsonSchema,
+  xe as jsonSchemaToFormItems,
+  zt as schemaToFormItems,
+  Ie as validateAgainstJsonSchema,
+  Jt as validateFormSchema
 };