sodas-validation-ui 1.2.0 → 1.3.1

package/dist/sodas-validation-ui.js

@@ -1,11 +1,12 @@
 import { jsx as e, jsxs as s, Fragment as k } from "react/jsx-runtime";
-import { createContext as ke, useState as _, useMemo as Ie, useContext as ge, useCallback as Q, useEffect as se, useRef as ae } from "react";
-import { Card as f, Button as L, Form as c, Nav as M, Modal as V, Popover as ie, OverlayTrigger as Ve, Badge as Be } from "react-bootstrap";
-import { VALIDATION_TYPE as y, COMPARISION_OPERATOR as oe, CUSTOM_CONDITION_TYPE as fe, OUTLIER_METHOD as _e, EXPECTED_TYPE as z, DATETIME_FORMAT_TYPE as Te, ColumnGroupedValidationRules as j, createRule as re, ValidationTemplate as be, SortOrder as De } from "sodas-sdk";
+import { createContext as Be, useState as T, useMemo as Ve, useContext as _e, useCallback as Q, useEffect as re, useRef as te } from "react";
+import { Card as f, Button as M, Form as c, Nav as L, Modal as B, Popover as se, OverlayTrigger as De, Badge as Pe } from "react-bootstrap";
+import { VALIDATION_TYPE as y, COMPARISION_OPERATOR as de, CUSTOM_CONDITION_TYPE as Te, OUTLIER_METHOD as Ce, EXPECTED_TYPE as z, DATETIME_FORMAT_TYPE as Ae, ColumnGroupedValidationRules as j, createRule as ce, ValidationTemplate as ye, SortOrder as qe } from "sodas-sdk";
 const I = {
   en: {
     byType: "By Type",
     byColumn: "By Column",
+    report: "Report",
     append: "Append",
     set: "Set",
     column: "Column",
@@ -55,6 +56,7 @@ const I = {
   ko: {
     byType: "타입별",
     byColumn: "컬럼별",
+    report: "레포트",
     append: "추가",
     set: "설정",
     column: "컬럼",
@@ -102,47 +104,47 @@ const I = {
     noFailureInfo: "실패 정보가 없습니다."
   }
 }, U = "ko";
-function ce(a, t = {}) {
+function me(a, t = {}) {
   return !a || typeof a != "string" ? a : Object.entries(t).reduce(
     (i, [l, n]) => i.replace(new RegExp(`\\{\\{${l}\\}\\}`, "g"), String(n)),
     a
   );
 }
-function Pe(a = U) {
+function je(a = U) {
   const t = I[a] || I[U] || I.en;
   return (i, l) => {
     const n = t[i] ?? I.en?.[i] ?? i;
-    return ce(n, l);
+    return me(n, l);
   };
 }
-const me = ke({
+const ue = Be({
   locale: U,
   setLocale: () => {
   },
-  t: Pe()
+  t: je()
 });
-function ya({ children: a, locale: t = U }) {
-  const [i, l] = _(t), n = Ie(() => {
+function ga({ children: a, locale: t = U }) {
+  const [i, l] = T(t), n = Ve(() => {
     const o = I[i] || I[U] || I.en;
     return {
       locale: i,
       setLocale: l,
-      t: (r, h) => {
-        const C = o[r] ?? I.en?.[r] ?? r;
-        return ce(C, h);
+      t: (r, m) => {
+        const _ = o[r] ?? I.en?.[r] ?? r;
+        return me(_, m);
       }
     };
   }, [i]);
-  return /* @__PURE__ */ e(me.Provider, { value: n, children: a });
+  return /* @__PURE__ */ e(ue.Provider, { value: n, children: a });
 }
-function Na() {
-  const a = ge(me);
+function fa() {
+  const a = _e(ue);
   if (!a)
     throw new Error("useI18n must be used within I18nProvider");
   return a;
 }
-function B() {
-  const a = ge(me);
+function V() {
+  const a = _e(ue);
   if (!a?.t) {
     const t = I[U] || I.en;
     return {
@@ -151,7 +153,7 @@ function B() {
       },
       t: (i, l) => {
         const n = t[i] ?? I.en?.[i] ?? i;
-        return ce(n, l);
+        return me(n, l);
       }
     };
   }
@@ -174,7 +176,7 @@ const P = {
   [y.ALLOWED_VALUES]: "Allowed Values",
   [y.OUTLIER]: "Outlier",
   [y.STATISTICAL]: "Statistical"
-}, te = {
+}, le = {
   completeness: "Completeness",
   data_type: "Data Type",
   uniqueness: "Uniqueness",
@@ -185,7 +187,7 @@ const P = {
   outlier: "Outlier",
   statistical: "Statistical",
   custom: "Custom"
-}, ye = Object.entries(oe).map(([a, t]) => ({ value: t, label: a })), qe = Object.entries(fe).map(([a, t]) => ({ value: t, label: a })), je = Object.entries(_e).map(([a, t]) => ({ value: t, label: a })), Ue = Object.entries(z).map(([a, t]) => ({ value: t, label: a })), Fe = Object.entries(Te).map(([a, t]) => ({ value: t, label: a }));
+}, Ne = Object.entries(de).map(([a, t]) => ({ value: t, label: a })), Ue = Object.entries(Te).map(([a, t]) => ({ value: t, label: a })), Fe = Object.entries(Ce).map(([a, t]) => ({ value: t, label: a })), Ge = Object.entries(z).map(([a, t]) => ({ value: t, label: a })), $e = Object.entries(Ae).map(([a, t]) => ({ value: t, label: a }));
 function S({ label: a, value: t = "", type: i = "text", onChange: l, options: n, checkbox: o }) {
   return n ? /* @__PURE__ */ s(c.Group, { className: "mb-0 sodas-validation-ui__field", children: [
     /* @__PURE__ */ e(c.Label, { children: a }),
@@ -222,7 +224,7 @@ function S({ label: a, value: t = "", type: i = "text", onChange: l, options: n,
     )
   ] });
 }
-function Ge({ rule: a, type: t, forceUpdate: i }) {
+function He({ rule: a, type: t, forceUpdate: i }) {
   const l = (n, o) => {
     typeof n == "function" && n.call(a, o), i();
   };
@@ -296,7 +298,7 @@ function Ge({ rule: a, type: t, forceUpdate: i }) {
         {
           label: "Allowed values (comma-separated)",
           value: o,
-          onChange: (r) => l(a.setAllowedValues, r.split(",").map((h) => h.trim()).filter(Boolean))
+          onChange: (r) => l(a.setAllowedValues, r.split(",").map((m) => m.trim()).filter(Boolean))
         }
       );
     }
@@ -318,7 +320,7 @@ function Ge({ rule: a, type: t, forceUpdate: i }) {
           {
             label: "Expected type",
             value: n,
-            options: Ue,
+            options: Ge,
             onChange: (o) => l(a.setExpectedType, o)
           }
         ),
@@ -326,8 +328,8 @@ function Ge({ rule: a, type: t, forceUpdate: i }) {
           S,
           {
             label: "Datetime format",
-            value: a.getDatetimeFormat ?? Te.YYYY_MM_DD_HH_MM_SS,
-            options: Fe,
+            value: a.getDatetimeFormat ?? Ae.YYYY_MM_DD_HH_MM_SS,
+            options: $e,
             onChange: (o) => l(a.setDatetimeFormat, o)
           }
         )
@@ -339,8 +341,8 @@ function Ge({ rule: a, type: t, forceUpdate: i }) {
           S,
           {
             label: "Method",
-            value: a.getMethod ?? _e.Z_SCORE,
-            options: je,
+            value: a.getMethod ?? Ce.Z_SCORE,
+            options: Fe,
             onChange: (n) => l(a.setMethod, n)
           }
         ),
@@ -377,8 +379,8 @@ function Ge({ rule: a, type: t, forceUpdate: i }) {
           S,
           {
             label: "Comparison",
-            value: a.getComparision ?? oe.EQUAL,
-            options: ye,
+            value: a.getComparision ?? de.EQUAL,
+            options: Ne,
             onChange: (n) => l(a.setComparision, n)
           }
         )
@@ -390,8 +392,8 @@ function Ge({ rule: a, type: t, forceUpdate: i }) {
           S,
           {
             label: "Condition type",
-            value: n.type ?? fe.ALL,
-            options: qe,
+            value: n.type ?? Te.ALL,
+            options: Ue,
             onChange: (o) => l(a.setCondition, {
               ...n,
               type: o
@@ -414,8 +416,8 @@ function Ge({ rule: a, type: t, forceUpdate: i }) {
           S,
           {
             label: "Comparison",
-            value: n.comparision ?? oe.EQUAL,
-            options: ye,
+            value: n.comparision ?? de.EQUAL,
+            options: Ne,
             onChange: (o) => l(a.setCondition, {
               ...n,
               comparision: o
@@ -431,7 +433,7 @@ function Ge({ rule: a, type: t, forceUpdate: i }) {
 function R(a, t, i) {
   return a == null ? void 0 : a[t] ?? a[i];
 }
-function He({ rule: a, type: t }) {
+function Ye({ rule: a, type: t }) {
   switch (t ?? R(a, "getType", "type")) {
     case y.UNIQUENESS:
     case "uniqueness":
@@ -493,91 +495,91 @@ function He({ rule: a, type: t }) {
       return null;
   }
 }
-function le({ rule: a, showColumn: t = !0 }) {
-  const { t: i } = B(), l = a?.getType ?? a?.type;
+function ne({ rule: a, showColumn: t = !0 }) {
+  const { t: i } = V(), l = a?.getType ?? a?.type;
   return /* @__PURE__ */ e("div", { className: "sodas-validation-ui__rule-display", children: /* @__PURE__ */ s("div", { className: "d-flex flex-wrap gap-2 align-items-end sodas-validation-ui__rule-fields-row", children: [
     /* @__PURE__ */ s("div", { className: "d-flex flex-wrap gap-2 sodas-validation-ui__fields", children: [
       t && /* @__PURE__ */ e(A, { label: i("column"), value: a?.getColumn ?? a?.column ?? "—" }),
       /* @__PURE__ */ e(A, { label: i("name"), value: a?.getName ?? a?.name ?? "—" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "d-flex flex-wrap gap-2 sodas-validation-ui__type-fields", children: /* @__PURE__ */ e(He, { rule: a, type: l }) })
+    /* @__PURE__ */ e("div", { className: "d-flex flex-wrap gap-2 sodas-validation-ui__type-fields", children: /* @__PURE__ */ e(Ye, { rule: a, type: l }) })
   ] }) });
 }
-function Ce({ rule: a, index: t, onRemove: i, onCommonChange: l, forceUpdate: n, showColumn: o = !0, showType: r = !0 }) {
-  const { t: h } = B(), C = a.getType;
+function Se({ rule: a, index: t, onRemove: i, onCommonChange: l, forceUpdate: n, showColumn: o = !0, showType: r = !0 }) {
+  const { t: m } = V(), _ = a.getType;
   return /* @__PURE__ */ e(f, { className: "sodas-validation-ui__rule-card", children: /* @__PURE__ */ e(f.Body, { children: /* @__PURE__ */ s("div", { className: "d-flex flex-wrap gap-2 align-items-start sodas-validation-ui__rule-fields-row", children: [
-    r && /* @__PURE__ */ e(f.Title, { className: "mb-0 fs-6", children: P[C] ?? C }),
+    r && /* @__PURE__ */ e(f.Title, { className: "mb-0 fs-6", children: P[_] ?? _ }),
     /* @__PURE__ */ s("div", { className: "d-flex flex-wrap gap-2 align-items-end flex-grow-1 min-w-0", children: [
       /* @__PURE__ */ s("div", { className: "d-flex flex-wrap gap-2 sodas-validation-ui__fields", children: [
-        o && /* @__PURE__ */ e(S, { label: h("column"), value: a.getColumn, onChange: (p) => l(a, "column", p) }),
-        /* @__PURE__ */ e(S, { label: h("name"), value: a.getName, onChange: (p) => l(a, "name", p) })
+        o && /* @__PURE__ */ e(S, { label: m("column"), value: a.getColumn, onChange: (p) => l(a, "column", p) }),
+        /* @__PURE__ */ e(S, { label: m("name"), value: a.getName, onChange: (p) => l(a, "name", p) })
       ] }),
-      /* @__PURE__ */ e("div", { className: "d-flex flex-wrap gap-2 sodas-validation-ui__type-fields", children: /* @__PURE__ */ e(Ge, { rule: a, type: C, forceUpdate: n }) })
+      /* @__PURE__ */ e("div", { className: "d-flex flex-wrap gap-2 sodas-validation-ui__type-fields", children: /* @__PURE__ */ e(He, { rule: a, type: _, forceUpdate: n }) })
     ] }),
     /* @__PURE__ */ e(
-      L,
+      M,
       {
         variant: "danger",
         size: "sm",
         className: "flex-shrink-0",
         onClick: i,
-        "aria-label": `${h("removeRule")} ${t + 1}`,
-        children: h("remove")
+        "aria-label": `${m("removeRule")} ${t + 1}`,
+        children: m("remove")
       }
     )
   ] }) }) });
 }
-function H(a, t) {
+function $(a, t) {
   if (!Array.isArray(t)) return;
   const i = a.toValidationRules();
   t.length = 0, t.push(...i);
 }
-function $e() {
-  const [, a] = _(0);
+function ze() {
+  const [, a] = T(0);
   return Q(() => a((t) => t + 1), []);
 }
-function Ye({ validationRules: a }) {
-  const { t } = B(), [i, l] = _(
+function Qe({ validationRules: a }) {
+  const { t } = V(), [i, l] = T(
     () => Array.isArray(a) ? j.fromValidationRules(a) : j.fromValidationRules([])
-  ), n = $e(), [o, r] = _("");
+  ), n = ze(), [o, r] = T("");
   if (!Array.isArray(a))
     return /* @__PURE__ */ e("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: t("validationRulesMustBeArray") });
-  const h = i.getColumnNames(), C = (d) => {
+  const m = i.getColumnNames(), _ = (d) => {
     const g = String(d).trim();
     if (g === "") return;
-    const v = re(y.COMPLETENESS);
+    const v = ce(y.COMPLETENESS);
     v.setColumn(g), v.setName(t("defaultCompletenessRuleName", { columnName: g })), v.setMinCompleteness(1), l((E) => {
-      const u = j.fromValidationRules(E.toValidationRules());
-      return u.appendColumn(g, [v]), H(u, a), u;
+      const h = j.fromValidationRules(E.toValidationRules());
+      return h.appendColumn(g, [v]), $(h, a), h;
     }), r("");
   }, p = (d) => {
     l((g) => {
       const v = j.fromValidationRules(g.toValidationRules()), E = v.getColumnNames();
-      return d >= 0 && d < E.length && (v.removeColumn(d), H(v, a)), v;
+      return d >= 0 && d < E.length && (v.removeColumn(d), $(v, a)), v;
     });
   }, w = (d, g) => {
     const v = String(g).trim();
     v !== "" && l((E) => {
-      const u = j.fromValidationRules(E.toValidationRules()), O = u.getColumnNames();
+      const h = j.fromValidationRules(E.toValidationRules()), O = h.getColumnNames();
       if (d >= 0 && d < O.length)
         try {
-          u.setColumnName(d, v), H(u, a);
+          h.setColumnName(d, v), $(h, a);
         } catch {
         }
-      return u;
+      return h;
     });
-  }, m = (d, g) => {
-    const v = re(g);
+  }, u = (d, g) => {
+    const v = ce(g);
     v.setColumn(d), l((E) => {
-      const u = j.fromValidationRules(E.toValidationRules());
-      return u.getColumnNames().includes(d) ? u.getRules(d).push(v) : u.appendColumn(d, [v]), H(u, a), u;
+      const h = j.fromValidationRules(E.toValidationRules());
+      return h.getColumnNames().includes(d) ? h.getRules(d).push(v) : h.appendColumn(d, [v]), $(h, a), h;
     });
   }, N = (d, g) => {
     l((v) => {
-      const E = j.fromValidationRules(v.toValidationRules()), u = E.getRules(d), O = u.indexOf(g);
-      return O !== -1 && (u.splice(O, 1), H(E, a)), E;
+      const E = j.fromValidationRules(v.toValidationRules()), h = E.getRules(d), O = h.indexOf(g);
+      return O !== -1 && (h.splice(O, 1), $(E, a)), E;
     });
-  }, T = (d, g, v) => {
+  }, C = (d, g, v) => {
     g === "column" ? d.setColumn(v) : g === "name" && d.setName(v), n();
   };
   return /* @__PURE__ */ s("div", { className: "sodas-validation-ui sodas-validation-ui--columned", children: [
@@ -592,42 +594,42 @@ function Ye({ validationRules: a }) {
           value: o,
           onChange: (d) => r(d.target.value),
           onKeyDown: (d) => {
-            d.key === "Enter" && (d.preventDefault(), C(o));
+            d.key === "Enter" && (d.preventDefault(), _(o));
           },
           "aria-label": t("columnNameAria")
         }
       ),
       /* @__PURE__ */ e(
-        L,
+        M,
         {
           variant: "primary",
           size: "sm",
-          onClick: () => C(o),
+          onClick: () => _(o),
           disabled: !o.trim(),
           "aria-label": t("addColumnSectionAria"),
           children: t("addColumn")
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "sodas-validation-ui__sections", children: h.map((d, g) => /* @__PURE__ */ e(
-      ze,
+    /* @__PURE__ */ e("div", { className: "sodas-validation-ui__sections", children: m.map((d, g) => /* @__PURE__ */ e(
+      Ke,
       {
         columnName: d,
         columnIndex: g,
         rules: i.getRules(d),
         onRenameColumn: w,
         onRemoveColumn: p,
-        onAddRule: m,
+        onAddRule: u,
         onRemoveRule: N,
-        onCommonChange: T,
+        onCommonChange: C,
         forceUpdate: n
       },
       g
     )) }),
-    h.length === 0 && /* @__PURE__ */ e("p", { className: "text-muted small sodas-validation-ui__empty", children: t("noColumns") })
+    m.length === 0 && /* @__PURE__ */ e("p", { className: "text-muted small sodas-validation-ui__empty", children: t("noColumns") })
   ] });
 }
-function ze({
+function Ke({
   columnName: a,
   columnIndex: t,
   rules: i,
@@ -635,19 +637,19 @@ function ze({
   onRemoveColumn: n,
   onAddRule: o,
   onRemoveRule: r,
-  onCommonChange: h,
-  forceUpdate: C
+  onCommonChange: m,
+  forceUpdate: _
 }) {
-  const { t: p } = B(), [w, m] = _(""), [N, T] = _(a), [d, g] = _(!1);
-  se(() => {
-    T(a);
+  const { t: p } = V(), [w, u] = T(""), [N, C] = T(a), [d, g] = T(!1);
+  re(() => {
+    C(a);
   }, [a]);
   const v = () => {
     g(!1);
-    const u = N.trim();
-    u !== "" && u !== a ? l(t, u) : T(a);
-  }, E = (u) => {
-    u.key === "Enter" && u.target.blur();
+    const h = N.trim();
+    h !== "" && h !== a ? l(t, h) : C(a);
+  }, E = (h) => {
+    h.key === "Enter" && h.target.blur();
   };
   return /* @__PURE__ */ s(f, { className: "mb-3 sodas-validation-ui__section sodas-validation-ui__section--column", children: [
     /* @__PURE__ */ s(f.Header, { className: "d-flex justify-content-between align-items-start gap-2 flex-wrap", children: [
@@ -659,7 +661,7 @@ function ze({
             size: "sm",
             type: "text",
             value: N,
-            onChange: (u) => T(u.target.value),
+            onChange: (h) => C(h.target.value),
             onBlur: v,
             onKeyDown: E,
             "aria-label": p("columnNameAria"),
@@ -679,7 +681,7 @@ function ze({
         )
       ] }),
       /* @__PURE__ */ e(
-        L,
+        M,
         {
           variant: "danger",
           size: "sm",
@@ -697,21 +699,21 @@ function ze({
           {
             className: "sodas-validation-ui__add-select",
             value: w,
-            onChange: (u) => m(u.target.value),
+            onChange: (h) => u(h.target.value),
             "aria-label": p("validationRuleTypeAria"),
             children: [
               /* @__PURE__ */ e("option", { value: "", children: p("selectType") }),
-              Object.entries(P).map(([u, O]) => /* @__PURE__ */ e("option", { value: u, children: O }, u))
+              Object.entries(P).map(([h, O]) => /* @__PURE__ */ e("option", { value: h, children: O }, h))
             ]
           }
         ),
         /* @__PURE__ */ e(
-          L,
+          M,
           {
             variant: "primary",
             size: "sm",
             onClick: () => {
-              w && (o(a, w), m(""));
+              w && (o(a, w), u(""));
             },
             disabled: !w,
             "aria-label": p("appendRuleAria"),
@@ -719,46 +721,46 @@ function ze({
           }
         )
       ] }),
-      /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 sodas-validation-ui__list", children: i.map((u, O) => /* @__PURE__ */ e("li", { className: "mb-2 sodas-validation-ui__rule", children: /* @__PURE__ */ e(
-        Ce,
+      /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 sodas-validation-ui__list", children: i.map((h, O) => /* @__PURE__ */ e("li", { className: "mb-2 sodas-validation-ui__rule", children: /* @__PURE__ */ e(
+        Se,
         {
-          rule: u,
+          rule: h,
           index: O,
-          onRemove: () => r(a, u),
-          onCommonChange: h,
-          forceUpdate: C,
+          onRemove: () => r(a, h),
+          onCommonChange: m,
+          forceUpdate: _,
           showColumn: !1
         }
       ) }, O)) })
     ] })
   ] });
 }
-function Qe() {
-  const [, a] = _(0);
+function We() {
+  const [, a] = T(0);
   return Q(() => a((t) => t + 1), []);
 }
-function Ke({ validationRules: a }) {
-  const { t } = B(), i = Qe(), [l, n] = _(""), o = (m) => {
+function Ze({ validationRules: a }) {
+  const { t } = V(), i = We(), [l, n] = T(""), o = (u) => {
     if (!Array.isArray(a)) return;
-    const N = re(m);
+    const N = ce(u);
     a.push(N), i();
   }, r = () => {
     l && o(l);
-  }, h = (m) => {
-    Array.isArray(a) && (a.splice(m, 1), i());
-  }, C = (m, N, T) => {
-    N === "column" ? m.setColumn(T) : N === "name" && m.setName(T), i();
+  }, m = (u) => {
+    Array.isArray(a) && (a.splice(u, 1), i());
+  }, _ = (u, N, C) => {
+    N === "column" ? u.setColumn(C) : N === "name" && u.setName(C), i();
   };
   if (!Array.isArray(a))
     return /* @__PURE__ */ e("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: t("validationRulesMustBeArray") });
   const p = /* @__PURE__ */ new Map();
-  a.forEach((m, N) => {
-    const T = m.getType;
-    p.has(T) || p.set(T, []), p.get(T).push({ rule: m, index: N });
+  a.forEach((u, N) => {
+    const C = u.getType;
+    p.has(C) || p.set(C, []), p.get(C).push({ rule: u, index: N });
   });
   const w = [];
-  return a.forEach((m) => {
-    const N = m.getType;
+  return a.forEach((u) => {
+    const N = u.getType;
     w.includes(N) || w.push(N);
   }), /* @__PURE__ */ s("div", { className: "sodas-validation-ui sodas-validation-ui--type-based", children: [
     /* @__PURE__ */ s("div", { className: "d-flex align-items-center gap-2 mb-3 sodas-validation-ui__toolbar", children: [
@@ -768,16 +770,16 @@ function Ke({ validationRules: a }) {
         {
           className: "sodas-validation-ui__add-select",
           value: l,
-          onChange: (m) => n(m.target.value),
+          onChange: (u) => n(u.target.value),
           "aria-label": t("validationRuleTypeAria"),
           children: [
             /* @__PURE__ */ e("option", { value: "", children: t("selectType") }),
-            Object.entries(P).map(([m, N]) => /* @__PURE__ */ e("option", { value: m, children: N }, m))
+            Object.entries(P).map(([u, N]) => /* @__PURE__ */ e("option", { value: u, children: N }, u))
           ]
         }
       ),
       /* @__PURE__ */ e(
-        L,
+        M,
         {
           variant: "primary",
           size: "sm",
@@ -788,66 +790,66 @@ function Ke({ validationRules: a }) {
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "sodas-validation-ui__sections", children: w.map((m) => {
-      const N = p.get(m) ?? [];
+    /* @__PURE__ */ e("div", { className: "sodas-validation-ui__sections", children: w.map((u) => {
+      const N = p.get(u) ?? [];
       return /* @__PURE__ */ s("section", { className: "card mb-3 sodas-validation-ui__section", children: [
-        /* @__PURE__ */ e("div", { className: "card-header", children: /* @__PURE__ */ e("h5", { className: "mb-0 card-title", children: P[m] ?? m }) }),
-        /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 p-2 sodas-validation-ui__list", children: N.map(({ rule: T, index: d }) => /* @__PURE__ */ e("li", { className: "sodas-validation-ui__rule mb-2", children: /* @__PURE__ */ e(
-          Ce,
+        /* @__PURE__ */ e("div", { className: "card-header", children: /* @__PURE__ */ e("h5", { className: "mb-0 card-title", children: P[u] ?? u }) }),
+        /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 p-2 sodas-validation-ui__list", children: N.map(({ rule: C, index: d }) => /* @__PURE__ */ e("li", { className: "sodas-validation-ui__rule mb-2", children: /* @__PURE__ */ e(
+          Se,
           {
-            rule: T,
+            rule: C,
             index: d,
-            onRemove: () => h(d),
-            onCommonChange: C,
+            onRemove: () => m(d),
+            onCommonChange: _,
             forceUpdate: i,
             showColumn: !0,
             showType: !1
           }
         ) }, d)) })
-      ] }, m);
+      ] }, u);
     }) }),
     a.length === 0 && /* @__PURE__ */ e("p", { className: "text-muted small sodas-validation-ui__empty", children: t("noRules") })
   ] });
 }
-const $ = "type", X = "column", We = 10;
-function Ae({ validationRules: a }) {
-  const { t } = B(), [i, l] = _($), [n, o] = _(0), [r, h] = _(!1), [C, p] = _(""), [w, m] = _(""), [N, T] = _(null), [d, g] = _(!1), [v, E] = _(!1), [u, O] = _(""), [K, ue] = _([]), [we, he] = _(0), [q, pe] = _(!1), [ve, ne] = _(null), [D, W] = _(null), Z = ae(!1), Ee = () => {
-    p(""), m(""), T(null), h(!0);
-  }, xe = async (b) => {
-    b.preventDefault(), T(null), g(!0);
+const H = "type", X = "column", Xe = 10;
+function we({ validationRules: a }) {
+  const { t } = V(), [i, l] = T(H), [n, o] = T(0), [r, m] = T(!1), [_, p] = T(""), [w, u] = T(""), [N, C] = T(null), [d, g] = T(!1), [v, E] = T(!1), [h, O] = T(""), [K, he] = T([]), [xe, pe] = T(0), [q, ve] = T(!1), [be, ie] = T(null), [D, W] = T(null), Z = te(!1), Re = () => {
+    p(""), u(""), C(null), m(!0);
+  }, Le = async (b) => {
+    b.preventDefault(), C(null), g(!0);
     try {
-      const x = new be();
-      x.name = C, x.description = w, x.validationRules = [...a], await x.createDBRecord(), h(!1);
+      const x = new ye();
+      x.name = _, x.description = w, x.validationRules = [...a], await x.createDBRecord(), m(!1);
     } catch (x) {
-      T(x instanceof Error ? x.message : String(x));
+      C(x instanceof Error ? x.message : String(x));
     } finally {
       g(!1);
     }
-  }, Re = () => {
-    O(""), ue([]), he(0), ne(null), W(null), E(!0);
+  }, Me = () => {
+    O(""), he([]), pe(0), ie(null), W(null), E(!0);
   }, G = Q(
     async (b = 1, x) => {
-      const Oe = x !== void 0 ? x : u.trim() || "";
-      pe(!0), ne(null);
+      const Ie = x !== void 0 ? x : h.trim() || "";
+      ve(!0), ie(null);
       try {
-        const F = await be.listDBRecords(
+        const F = await ye.listDBRecords(
           b,
-          We,
-          De.DESC,
-          Oe || void 0
+          Xe,
+          qe.DESC,
+          Ie || void 0
         );
-        ue(F.list ?? []), he(F.total ?? 0), W(null);
+        he(F.list ?? []), pe(F.total ?? 0), W(null);
       } catch (F) {
-        ne(F instanceof Error ? F.message : String(F));
+        ie(F instanceof Error ? F.message : String(F));
       } finally {
-        pe(!1);
+        ve(!1);
       }
     },
-    [u]
+    [h]
   );
-  se(() => {
+  re(() => {
     v && (Z.current = !0, G(1, ""));
-  }, [v]), se(() => {
+  }, [v]), re(() => {
     if (!v) {
       Z.current = !1;
       return;
@@ -858,12 +860,12 @@ function Ae({ validationRules: a }) {
     }
     const b = setTimeout(() => G(1), 300);
     return () => clearTimeout(b);
-  }, [v, u, G]);
-  const Le = () => {
+  }, [v, h, G]);
+  const Oe = () => {
     if (!D) return;
     const b = D.validationRules ?? [];
     a.push(...b), o((x) => x + 1), E(!1);
-  }, Me = () => {
+  }, ke = () => {
     if (!D) return;
     const b = D.validationRules ?? [];
     a.splice(0, a.length, ...b), o((x) => x + 1), E(!1);
@@ -871,7 +873,7 @@ function Ae({ validationRules: a }) {
   return Array.isArray(a) ? /* @__PURE__ */ s("div", { className: "sodas-validation-ui sodas-validation-ui--tabs", children: [
     /* @__PURE__ */ s("div", { className: "d-flex flex-wrap align-items-center justify-content-between gap-2 border-bottom pb-2 mb-3", children: [
       /* @__PURE__ */ s(
-        M,
+        L,
         {
           variant: "tabs",
           activeKey: i,
@@ -880,19 +882,19 @@ function Ae({ validationRules: a }) {
           "aria-label": "Editor mode",
           className: "flex-grow-1",
           children: [
-            /* @__PURE__ */ e(M.Item, { children: /* @__PURE__ */ e(
-              M.Link,
+            /* @__PURE__ */ e(L.Item, { children: /* @__PURE__ */ e(
+              L.Link,
               {
-                eventKey: $,
+                eventKey: H,
                 role: "tab",
-                "aria-selected": i === $,
+                "aria-selected": i === H,
                 "aria-controls": "validation-rules-editor-panel-type",
                 id: "validation-rules-editor-tab-type",
                 children: t("byType")
               }
             ) }),
-            /* @__PURE__ */ e(M.Item, { children: /* @__PURE__ */ e(
-              M.Link,
+            /* @__PURE__ */ e(L.Item, { children: /* @__PURE__ */ e(
+              L.Link,
               {
                 eventKey: X,
                 role: "tab",
@@ -906,11 +908,11 @@ function Ae({ validationRules: a }) {
         }
       ),
       /* @__PURE__ */ e("div", { className: "d-flex align-items-center gap-2 flex-wrap ms-auto", children: /* @__PURE__ */ e(
-        L,
+        M,
         {
           variant: "info",
           size: "sm",
-          onClick: Re,
+          onClick: Me,
           "aria-label": t("loadFromTemplateAria"),
           children: t("loadFromTemplate")
         }
@@ -922,10 +924,10 @@ function Ae({ validationRules: a }) {
         id: "validation-rules-editor-panel-type",
         role: "tabpanel",
         "aria-labelledby": "validation-rules-editor-tab-type",
-        hidden: i !== $,
+        hidden: i !== H,
         className: "sodas-validation-ui__panel",
-        children: i === $ && /* @__PURE__ */ e(
-          Ke,
+        children: i === H && /* @__PURE__ */ e(
+          Ze,
           {
             validationRules: a
           },
@@ -942,7 +944,7 @@ function Ae({ validationRules: a }) {
         hidden: i !== X,
         className: "sodas-validation-ui__panel",
         children: i === X && /* @__PURE__ */ e(
-          Ye,
+          Qe,
           {
             validationRules: a
           },
@@ -951,25 +953,25 @@ function Ae({ validationRules: a }) {
       }
     ),
     /* @__PURE__ */ e("div", { className: "mt-3 pt-3 border-top d-flex justify-content-end", children: /* @__PURE__ */ e(
-      L,
+      M,
       {
         variant: "primary",
-        onClick: Ee,
+        onClick: Re,
         "aria-label": t("saveAsTemplateAria"),
         children: t("templateSave")
       }
     ) }),
     /* @__PURE__ */ s(
-      V,
+      B,
       {
         className: "sodas-validation-ui__modal",
         show: r,
-        onHide: () => !d && h(!1),
+        onHide: () => !d && m(!1),
         centered: !0,
         children: [
-          /* @__PURE__ */ e(V.Header, { closeButton: !0, children: /* @__PURE__ */ e(V.Title, { children: t("templateSave") }) }),
-          /* @__PURE__ */ s(c, { onSubmit: xe, children: [
-            /* @__PURE__ */ s(V.Body, { children: [
+          /* @__PURE__ */ e(B.Header, { closeButton: !0, children: /* @__PURE__ */ e(B.Title, { children: t("templateSave") }) }),
+          /* @__PURE__ */ s(c, { onSubmit: Le, children: [
+            /* @__PURE__ */ s(B.Body, { children: [
               N && /* @__PURE__ */ e("div", { className: "alert alert-danger small mb-3", role: "alert", children: N }),
               /* @__PURE__ */ s(c.Group, { className: "mb-3", children: [
                 /* @__PURE__ */ e(c.Label, { children: t("name") }),
@@ -977,7 +979,7 @@ function Ae({ validationRules: a }) {
                   c.Control,
                   {
                     type: "text",
-                    value: C,
+                    value: _,
                     onChange: (b) => p(b.target.value),
                     placeholder: t("templateName"),
                     "aria-label": t("templateName"),
@@ -993,31 +995,31 @@ function Ae({ validationRules: a }) {
                     as: "textarea",
                     rows: 3,
                     value: w,
-                    onChange: (b) => m(b.target.value),
+                    onChange: (b) => u(b.target.value),
                     placeholder: t("templateDescription"),
                     "aria-label": t("templateDescription")
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ s(V.Footer, { children: [
+            /* @__PURE__ */ s(B.Footer, { children: [
               /* @__PURE__ */ e(
-                L,
+                M,
                 {
                   variant: "secondary",
-                  onClick: () => h(!1),
+                  onClick: () => m(!1),
                   disabled: d,
                   children: t("cancel")
                 }
               ),
-              /* @__PURE__ */ e(L, { variant: "primary", type: "submit", disabled: d, children: t(d ? "saving" : "save") })
+              /* @__PURE__ */ e(M, { variant: "primary", type: "submit", disabled: d, children: t(d ? "saving" : "save") })
             ] })
           ] })
         ]
       }
     ),
     /* @__PURE__ */ s(
-      V,
+      B,
       {
         className: "sodas-validation-ui__modal",
         show: v,
@@ -1025,15 +1027,15 @@ function Ae({ validationRules: a }) {
         centered: !0,
         size: "lg",
         children: [
-          /* @__PURE__ */ e(V.Header, { closeButton: !0, children: /* @__PURE__ */ e(V.Title, { children: t("loadFromTemplate") }) }),
-          /* @__PURE__ */ s(V.Body, { children: [
-            ve && /* @__PURE__ */ e("div", { className: "alert alert-danger small mb-3", role: "alert", children: ve }),
+          /* @__PURE__ */ e(B.Header, { closeButton: !0, children: /* @__PURE__ */ e(B.Title, { children: t("loadFromTemplate") }) }),
+          /* @__PURE__ */ s(B.Body, { children: [
+            be && /* @__PURE__ */ e("div", { className: "alert alert-danger small mb-3", role: "alert", children: be }),
             /* @__PURE__ */ s("div", { className: "d-flex gap-2 mb-3", children: [
               /* @__PURE__ */ e(
                 c.Control,
                 {
                   type: "text",
-                  value: u,
+                  value: h,
                   onChange: (b) => O(b.target.value),
                   placeholder: t("searchByTemplateName"),
                   "aria-label": t("templateNameSearchAria"),
@@ -1041,7 +1043,7 @@ function Ae({ validationRules: a }) {
                 }
               ),
               /* @__PURE__ */ e(
-                L,
+                M,
                 {
                   variant: "info",
                   onClick: () => G(1),
@@ -1051,7 +1053,7 @@ function Ae({ validationRules: a }) {
               )
             ] }),
             K.length > 0 && /* @__PURE__ */ s(k, { children: [
-              /* @__PURE__ */ e("p", { className: "small text-muted mb-2", children: t("loadTemplateSelect", { count: we }) }),
+              /* @__PURE__ */ e("p", { className: "small text-muted mb-2", children: t("loadTemplateSelect", { count: xe }) }),
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -1080,9 +1082,9 @@ function Ae({ validationRules: a }) {
             ] }),
             K.length === 0 && !q && v && /* @__PURE__ */ e("p", { className: "text-muted small mb-0", children: t("noTemplatesFound") })
           ] }),
-          /* @__PURE__ */ s(V.Footer, { children: [
+          /* @__PURE__ */ s(B.Footer, { children: [
             /* @__PURE__ */ e(
-              L,
+              M,
               {
                 variant: "secondary",
                 onClick: () => E(!1),
@@ -1091,19 +1093,19 @@ function Ae({ validationRules: a }) {
               }
             ),
             /* @__PURE__ */ e(
-              L,
+              M,
               {
                 variant: "primary",
-                onClick: Le,
+                onClick: Oe,
                 disabled: !D || q,
                 children: t("append")
               }
             ),
             /* @__PURE__ */ e(
-              L,
+              M,
               {
                 variant: "success",
-                onClick: Me,
+                onClick: ke,
                 disabled: !D || q,
                 children: t("set")
               }
@@ -1114,7 +1116,7 @@ function Ae({ validationRules: a }) {
     )
   ] }) : /* @__PURE__ */ e("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "validationRules must be an array" });
 }
-function Ze({ validationRules: a }) {
+function Je({ validationRules: a }) {
   if (!Array.isArray(a))
     return /* @__PURE__ */ e("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "validationRules must be an array" });
   const t = /* @__PURE__ */ new Map(), i = [];
@@ -1130,7 +1132,7 @@ function Ze({ validationRules: a }) {
           className: "mb-3 sodas-validation-ui__section sodas-validation-ui__section--column",
           children: [
             /* @__PURE__ */ e(f.Header, { children: /* @__PURE__ */ e("h5", { className: "mb-0 card-title", children: l }) }),
-            /* @__PURE__ */ e(f.Body, { children: /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ e("li", { className: "mb-2 sodas-validation-ui__rule", children: /* @__PURE__ */ e(f, { className: "sodas-validation-ui__rule-card", children: /* @__PURE__ */ e(f.Body, { className: "py-2", children: /* @__PURE__ */ e(le, { rule: o, showColumn: !1 }) }) }) }, r)) }) })
+            /* @__PURE__ */ e(f.Body, { children: /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ e("li", { className: "mb-2 sodas-validation-ui__rule", children: /* @__PURE__ */ e(f, { className: "sodas-validation-ui__rule-card", children: /* @__PURE__ */ e(f.Body, { className: "py-2", children: /* @__PURE__ */ e(ne, { rule: o, showColumn: !1 }) }) }) }, r)) }) })
           ]
         },
         l
@@ -1139,10 +1141,10 @@ function Ze({ validationRules: a }) {
     a.length === 0 && /* @__PURE__ */ e("p", { className: "text-muted small sodas-validation-ui__empty", children: "No validation rules to display." })
   ] });
 }
-function Xe(a) {
-  return P[a] ?? te[a] ?? a;
+function ea(a) {
+  return P[a] ?? le[a] ?? a;
 }
-function Je({ validationRules: a }) {
+function aa({ validationRules: a }) {
   if (!Array.isArray(a))
     return /* @__PURE__ */ e("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "validationRules must be an array" });
   const t = /* @__PURE__ */ new Map(), i = [];
@@ -1153,19 +1155,19 @@ function Je({ validationRules: a }) {
     /* @__PURE__ */ e("div", { className: "sodas-validation-ui__sections", children: i.map((l) => {
       const n = t.get(l) ?? [];
       return /* @__PURE__ */ s("section", { className: "card mb-3 sodas-validation-ui__section", children: [
-        /* @__PURE__ */ e("div", { className: "card-header", children: /* @__PURE__ */ e("h5", { className: "mb-0 card-title", children: Xe(l) }) }),
-        /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 p-2 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ e("li", { className: "sodas-validation-ui__rule mb-2", children: /* @__PURE__ */ e(f, { className: "sodas-validation-ui__rule-card", children: /* @__PURE__ */ e(f.Body, { className: "py-2", children: /* @__PURE__ */ e(le, { rule: o, showColumn: !0 }) }) }) }, r)) })
+        /* @__PURE__ */ e("div", { className: "card-header", children: /* @__PURE__ */ e("h5", { className: "mb-0 card-title", children: ea(l) }) }),
+        /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 p-2 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ e("li", { className: "sodas-validation-ui__rule mb-2", children: /* @__PURE__ */ e(f, { className: "sodas-validation-ui__rule-card", children: /* @__PURE__ */ e(f.Body, { className: "py-2", children: /* @__PURE__ */ e(ne, { rule: o, showColumn: !0 }) }) }) }, r)) })
       ] }, l);
     }) }),
     a.length === 0 && /* @__PURE__ */ e("p", { className: "text-muted small sodas-validation-ui__empty", children: "No validation rules to display." })
   ] });
 }
 const Y = "type", J = "column";
-function ga({ validationRules: a }) {
-  const { t } = B(), [i, l] = _(Y);
+function _a({ validationRules: a }) {
+  const { t } = V(), [i, l] = T(Y);
   return Array.isArray(a) ? /* @__PURE__ */ s("div", { className: "sodas-validation-ui sodas-validation-ui--tabs sodas-validation-ui--viewer", children: [
     /* @__PURE__ */ e("div", { className: "d-flex flex-wrap align-items-center border-bottom pb-2 mb-3", children: /* @__PURE__ */ s(
-      M,
+      L,
       {
         variant: "tabs",
         activeKey: i,
@@ -1174,8 +1176,8 @@ function ga({ validationRules: a }) {
         "aria-label": "View mode",
         className: "flex-grow-1",
         children: [
-          /* @__PURE__ */ e(M.Item, { children: /* @__PURE__ */ e(
-            M.Link,
+          /* @__PURE__ */ e(L.Item, { children: /* @__PURE__ */ e(
+            L.Link,
             {
               eventKey: Y,
               role: "tab",
@@ -1185,8 +1187,8 @@ function ga({ validationRules: a }) {
               children: t("byType")
             }
           ) }),
-          /* @__PURE__ */ e(M.Item, { children: /* @__PURE__ */ e(
-            M.Link,
+          /* @__PURE__ */ e(L.Item, { children: /* @__PURE__ */ e(
+            L.Link,
             {
               eventKey: J,
               role: "tab",
@@ -1207,7 +1209,7 @@ function ga({ validationRules: a }) {
         "aria-labelledby": "validation-rules-viewer-tab-type",
         hidden: i !== Y,
         className: "sodas-validation-ui__panel",
-        children: i === Y && /* @__PURE__ */ e(Je, { validationRules: a })
+        children: i === Y && /* @__PURE__ */ e(aa, { validationRules: a })
       }
     ),
     /* @__PURE__ */ e(
@@ -1218,114 +1220,120 @@ function ga({ validationRules: a }) {
         "aria-labelledby": "validation-rules-viewer-tab-column",
         hidden: i !== J,
         className: "sodas-validation-ui__panel",
-        children: i === J && /* @__PURE__ */ e(Ze, { validationRules: a })
+        children: i === J && /* @__PURE__ */ e(Je, { validationRules: a })
       }
     )
   ] }) : /* @__PURE__ */ e("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: t("validationRulesMustBeArray") });
 }
-function ea(a) {
-  return P[a] ?? te[a] ?? a;
+function ta(a) {
+  return P[a] ?? le[a] ?? a;
 }
-function aa(a) {
+function la(a) {
   const t = a?.rule ?? a, i = typeof a?.score == "number" ? a.score : 0, l = !!a?.pass, n = Array.isArray(a?.rejected_indexes) ? a.rejected_indexes : [], o = Array.isArray(a?.rejected_values) ? a.rejected_values : [];
   return { rule: t, score: i, pass: l, rejected_indexes: n, rejected_values: o };
 }
-function Se({ item: a, showColumn: t = !0, showType: i = !0 }) {
-  const { t: l } = B(), { rule: n, score: o, pass: r, rejected_indexes: h, rejected_values: C } = aa(a), p = n?.getType ?? n?.type, w = Math.min(h.length, C.length), m = w > 0 ? Array.from({ length: w }, (d, g) => ({
-    index: h[g],
-    value: C[g] ?? "—"
-  })) : [], N = /* @__PURE__ */ s(ie, { className: "sodas-validation-ui__rejected-popover", children: [
-    /* @__PURE__ */ e(ie.Header, { as: "h6", className: "small", children: l("rejectedTitle") }),
-    /* @__PURE__ */ e(ie.Body, { className: "small py-2", children: m.length > 0 ? /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0", children: m.map(({ index: d, value: g }, v) => /* @__PURE__ */ e("li", { children: l("rejectedRowLabel", {
+function Ee({ item: a, showColumn: t = !0, showType: i = !0 }) {
+  const { t: l } = V(), { rule: n, score: o, pass: r, rejected_indexes: m, rejected_values: _ } = la(a), p = n?.getType ?? n?.type, w = Math.min(m.length, _.length), u = w > 0 ? Array.from({ length: w }, (d, g) => ({
+    index: m[g],
+    value: _[g] ?? "—"
+  })) : [], N = /* @__PURE__ */ s(se, { className: "sodas-validation-ui__rejected-popover", children: [
+    /* @__PURE__ */ e(se.Header, { as: "h6", className: "small", children: l("rejectedTitle") }),
+    /* @__PURE__ */ e(se.Body, { className: "small py-2", children: u.length > 0 ? /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0", children: u.map(({ index: d, value: g }, v) => /* @__PURE__ */ e("li", { children: l("rejectedRowLabel", {
       index: String(d),
       value: String(g)
     }) }, v)) }) : /* @__PURE__ */ e("p", { className: "text-muted mb-0", children: l("noFailureInfo") }) })
-  ] }), T = /* @__PURE__ */ s("div", { className: "d-flex align-items-center gap-2 flex-shrink-0", children: [
+  ] }), C = /* @__PURE__ */ s("div", { className: "d-flex align-items-center gap-2 flex-shrink-0", children: [
     /* @__PURE__ */ s("span", { className: "sodas-validation-ui__score", title: "Score", children: [
       "Score: ",
       /* @__PURE__ */ e("strong", { children: Number(o).toPrecision(3) })
     ] }),
     /* @__PURE__ */ e(
-      Ve,
+      De,
       {
         placement: "top",
         overlay: N,
         trigger: ["hover", "focus"],
-        children: /* @__PURE__ */ e("span", { className: "d-inline-block sodas-validation-ui__pass-badge-wrap", tabIndex: 0, children: /* @__PURE__ */ e(Be, { bg: r ? "success" : "danger", className: "sodas-validation-ui__pass-badge", children: r ? "Pass" : "Fail" }) })
+        children: /* @__PURE__ */ e("span", { className: "d-inline-block sodas-validation-ui__pass-badge-wrap", tabIndex: 0, children: /* @__PURE__ */ e(Pe, { bg: r ? "success" : "danger", className: "sodas-validation-ui__pass-badge", children: r ? "Pass" : "Fail" }) })
       }
     )
   ] });
   return /* @__PURE__ */ e(f, { className: "sodas-validation-ui__rule-card sodas-validation-ui__quality-metadata-card", children: /* @__PURE__ */ e(f.Body, { children: /* @__PURE__ */ s("div", { className: "d-flex flex-wrap gap-2 align-items-start", children: [
-    i && /* @__PURE__ */ e(f.Title, { className: "mb-0 fs-6", children: ea(p) }),
-    /* @__PURE__ */ e("div", { className: "flex-grow-1 min-w-0 sodas-validation-ui__rule-display-wrap", children: /* @__PURE__ */ e(le, { rule: n, showColumn: t }) }),
-    T
+    i && /* @__PURE__ */ e(f.Title, { className: "mb-0 fs-6", children: ta(p) }),
+    /* @__PURE__ */ e("div", { className: "flex-grow-1 min-w-0 sodas-validation-ui__rule-display-wrap", children: /* @__PURE__ */ e(ne, { rule: n, showColumn: t }) }),
+    C
   ] }) }) });
 }
-function ta(a) {
+function na(a) {
   return a?.rule ?? a;
 }
-function la(a) {
-  return P[a] ?? te[a] ?? a;
-}
-function na({ qualityMetadata: a }) {
+function ia({ qualityMetadata: a }) {
   if (!Array.isArray(a))
     return /* @__PURE__ */ e("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "qualityMetadata must be an array" });
   const t = /* @__PURE__ */ new Map(), i = [];
   return a.forEach((l) => {
-    const n = ta(l), o = n?.getType ?? n?.type ?? "unknown";
-    t.has(o) || (t.set(o, []), i.push(o)), t.get(o).push(l);
-  }), /* @__PURE__ */ s("div", { className: "sodas-validation-ui sodas-validation-ui--type-based sodas-validation-ui--quality-metadata", children: [
+    const n = na(l), r = (n?.getColumn ?? n?.column ?? "") || "(no column)";
+    t.has(r) || (t.set(r, []), i.push(r)), t.get(r).push(l);
+  }), /* @__PURE__ */ s("div", { className: "sodas-validation-ui sodas-validation-ui--columned sodas-validation-ui--quality-metadata", children: [
     /* @__PURE__ */ e("div", { className: "sodas-validation-ui__sections", children: i.map((l) => {
       const n = t.get(l) ?? [];
-      return /* @__PURE__ */ s("section", { className: "card mb-3 sodas-validation-ui__section", children: [
-        /* @__PURE__ */ e("div", { className: "card-header", children: /* @__PURE__ */ e("h5", { className: "mb-0 card-title", children: la(l) }) }),
-        /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 p-2 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ e("li", { className: "sodas-validation-ui__rule mb-2", children: /* @__PURE__ */ e(Se, { item: o, showColumn: !0, showType: !1 }) }, r)) })
+      return /* @__PURE__ */ s(f, { className: "mb-3 sodas-validation-ui__section sodas-validation-ui__section--column", children: [
+        /* @__PURE__ */ e(f.Header, { children: /* @__PURE__ */ e("h5", { className: "mb-0 card-title", children: l }) }),
+        /* @__PURE__ */ e(f.Body, { children: /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ e("li", { className: "mb-2 sodas-validation-ui__rule", children: /* @__PURE__ */ e(Ee, { item: o, showColumn: !1 }) }, r)) }) })
       ] }, l);
     }) }),
     a.length === 0 && /* @__PURE__ */ e("p", { className: "text-muted small sodas-validation-ui__empty", children: "No quality metadata to display." })
   ] });
 }
-function ia(a) {
+function sa(a) {
   return a?.rule ?? a;
 }
-function sa({ qualityMetadata: a }) {
+function oa(a) {
+  return P[a] ?? le[a] ?? a;
+}
+function ra({ qualityMetadata: a }) {
   if (!Array.isArray(a))
     return /* @__PURE__ */ e("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "qualityMetadata must be an array" });
   const t = /* @__PURE__ */ new Map(), i = [];
   return a.forEach((l) => {
-    const n = ia(l), r = (n?.getColumn ?? n?.column ?? "") || "(no column)";
-    t.has(r) || (t.set(r, []), i.push(r)), t.get(r).push(l);
-  }), /* @__PURE__ */ s("div", { className: "sodas-validation-ui sodas-validation-ui--columned sodas-validation-ui--quality-metadata", children: [
+    const n = sa(l), o = n?.getType ?? n?.type ?? "unknown";
+    t.has(o) || (t.set(o, []), i.push(o)), t.get(o).push(l);
+  }), /* @__PURE__ */ s("div", { className: "sodas-validation-ui sodas-validation-ui--type-based sodas-validation-ui--quality-metadata", children: [
     /* @__PURE__ */ e("div", { className: "sodas-validation-ui__sections", children: i.map((l) => {
       const n = t.get(l) ?? [];
-      return /* @__PURE__ */ s(f, { className: "mb-3 sodas-validation-ui__section sodas-validation-ui__section--column", children: [
-        /* @__PURE__ */ e(f.Header, { children: /* @__PURE__ */ e("h5", { className: "mb-0 card-title", children: l }) }),
-        /* @__PURE__ */ e(f.Body, { children: /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ e("li", { className: "mb-2 sodas-validation-ui__rule", children: /* @__PURE__ */ e(Se, { item: o, showColumn: !1 }) }, r)) }) })
+      return /* @__PURE__ */ s("section", { className: "card mb-3 sodas-validation-ui__section", children: [
+        /* @__PURE__ */ e("div", { className: "card-header", children: /* @__PURE__ */ e("h5", { className: "mb-0 card-title", children: oa(l) }) }),
+        /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 p-2 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ e("li", { className: "sodas-validation-ui__rule mb-2", children: /* @__PURE__ */ e(Ee, { item: o, showColumn: !0, showType: !1 }) }, r)) })
       ] }, l);
     }) }),
     a.length === 0 && /* @__PURE__ */ e("p", { className: "text-muted small sodas-validation-ui__empty", children: "No quality metadata to display." })
   ] });
 }
-const ee = "type", Ne = "column", de = "__uncategorized__";
-function oa(a) {
+const ee = "type", ge = "column", oe = "report", ae = "__uncategorized__";
+function da(a) {
   const t = /* @__PURE__ */ new Map(), i = [];
   return a.forEach((l) => {
-    const n = l?.assessment_id ?? l?.assessmentId ?? de;
+    const n = l?.assessment_id ?? l?.assessmentId ?? ae;
     if (!t.has(n)) {
-      const o = l?.assessment_name ?? l?.assessmentName ?? (n === de ? "Other" : n);
+      const o = l?.assessment_name ?? l?.assessmentName ?? (n === ae ? "Other" : n);
       t.set(n, { assessmentId: n, assessmentName: o, items: [] }), i.push(n);
     }
     t.get(n).items.push(l);
   }), i.map((l) => t.get(l));
 }
-function fa({ qualityMetadata: a }) {
-  const { t } = B(), [i, l] = _(ee);
+function fe(a) {
+  const t = a.map((o) => o?.score ?? o?.rule?.score).filter((o) => typeof o == "number");
+  if (t.length === 0) return null;
+  const i = t.reduce((o, r) => o + r, 0) / t.length, l = Math.max(...t), n = l <= 1 && l > 0 ? i * 100 : i;
+  return Math.round(n * 10) / 10;
+}
+function Ta({ qualityMetadata: a }) {
+  const { t } = V(), [i, l] = T(ee);
   if (!Array.isArray(a))
     return /* @__PURE__ */ e("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: t("qualityMetadataMustBeArray") });
-  const n = oa(a);
+  const n = da(a);
   return /* @__PURE__ */ s("div", { className: "sodas-validation-ui sodas-validation-ui--tabs sodas-validation-ui--quality-metadata-viewer", children: [
     /* @__PURE__ */ e("div", { className: "d-flex flex-wrap align-items-center border-bottom pb-2 mb-3", children: /* @__PURE__ */ s(
-      M,
+      L,
       {
         variant: "tabs",
         activeKey: i,
@@ -1334,39 +1342,86 @@ function fa({ qualityMetadata: a }) {
         "aria-label": "View mode",
         className: "flex-grow-1",
         children: [
-          /* @__PURE__ */ e(M.Item, { children: /* @__PURE__ */ e(M.Link, { eventKey: ee, role: "tab", "aria-selected": i === ee, children: t("byType") }) }),
-          /* @__PURE__ */ e(M.Item, { children: /* @__PURE__ */ e(M.Link, { eventKey: Ne, role: "tab", "aria-selected": i === Ne, children: t("byColumn") }) })
-        ]
-      }
-    ) }),
-    n.map(({ assessmentId: o, assessmentName: r, items: h }) => /* @__PURE__ */ s(
-      "section",
-      {
-        className: "sodas-validation-ui__assessment-section mb-4",
-        "aria-labelledby": `assessment-header-${o}`,
-        children: [
-          /* @__PURE__ */ e(
-            "h4",
+          /* @__PURE__ */ e(L.Item, { children: /* @__PURE__ */ e(
+            L.Link,
             {
-              id: `assessment-header-${o}`,
-              className: "sodas-validation-ui__assessment-title mb-3",
-              children: o === de ? t("other") : r
+              eventKey: ee,
+              role: "tab",
+              "aria-selected": i === ee,
+              children: t("byType")
+            }
+          ) }),
+          /* @__PURE__ */ e(L.Item, { children: /* @__PURE__ */ e(
+            L.Link,
+            {
+              eventKey: ge,
+              role: "tab",
+              "aria-selected": i === ge,
+              children: t("byColumn")
+            }
+          ) }),
+          /* @__PURE__ */ e(L.Item, { children: /* @__PURE__ */ e(
+            L.Link,
+            {
+              eventKey: oe,
+              role: "tab",
+              "aria-selected": i === oe,
+              children: t("report")
             }
-          ),
-          i === ee ? /* @__PURE__ */ e(na, { qualityMetadata: h }) : /* @__PURE__ */ e(sa, { qualityMetadata: h })
+          ) })
         ]
-      },
-      o
-    )),
+      }
+    ) }),
+    i === oe ? /* @__PURE__ */ e("div", { className: "sodas-validation-ui__report-list mt-3", children: n.map(({ assessmentId: o, assessmentName: r, items: m }) => {
+      const _ = fe(m);
+      return /* @__PURE__ */ s(
+        "div",
+        {
+          className: "d-flex justify-content-between align-items-center py-2 px-3 mb-2 rounded bg-light sodas-validation-ui__report-row",
+          children: [
+            /* @__PURE__ */ e("span", { className: "sodas-validation-ui__report-name fw-medium", children: o === ae ? t("other") : r }),
+            /* @__PURE__ */ e("span", { className: "sodas-validation-ui__report-score badge bg-primary fs-6", children: _ != null ? `${_} / 100` : "—" })
+          ]
+        },
+        o
+      );
+    }) }) : n.map(({ assessmentId: o, assessmentName: r, items: m }) => {
+      const _ = fe(m);
+      return /* @__PURE__ */ s(
+        "section",
+        {
+          className: "sodas-validation-ui__assessment-section mb-4",
+          "aria-labelledby": `assessment-header-${o}`,
+          children: [
+            /* @__PURE__ */ s("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [
+              /* @__PURE__ */ e(
+                "h4",
+                {
+                  id: `assessment-header-${o}`,
+                  className: "sodas-validation-ui__assessment-title mb-0",
+                  children: o === ae ? t("other") : r
+                }
+              ),
+              _ != null && /* @__PURE__ */ s("span", { className: "sodas-validation-ui__assessment-avg-score badge bg-primary fs-6", children: [
+                _,
+                " / 100"
+              ] })
+            ] }),
+            i === ee ? /* @__PURE__ */ e(ra, { qualityMetadata: m }) : /* @__PURE__ */ e(ia, { qualityMetadata: m })
+          ]
+        },
+        o
+      );
+    }),
     a.length === 0 && /* @__PURE__ */ e("p", { className: "text-muted small sodas-validation-ui__empty", children: t("noQualityMetadata") })
   ] });
 }
-function ra() {
-  const [, a] = _(0);
+function ca() {
+  const [, a] = T(0);
   return Q(() => a((t) => t + 1), []);
 }
-function _a({ template: a }) {
-  const t = ra(), i = ae(a);
+function Ca({ template: a }) {
+  const t = ca(), i = te(a);
   if (i.current = a, a == null || typeof a != "object")
     return /* @__PURE__ */ e("div", { className: "alert alert-danger template-editor template-editor--empty", children: "template must be an object" });
   const l = i.current;
@@ -1375,7 +1430,7 @@ function _a({ template: a }) {
     l.name = p.target.value, t();
   }, o = (p) => {
     l.description = p.target.value, t();
-  }, r = l.name ?? "", h = l.description ?? "", C = l.validationRules;
+  }, r = l.name ?? "", m = l.description ?? "", _ = l.validationRules;
   return /* @__PURE__ */ s("div", { className: "template-editor", children: [
     /* @__PURE__ */ s(c, { className: "template-editor__meta mb-4", children: [
       /* @__PURE__ */ s(c.Group, { className: "mb-3", children: [
@@ -1398,7 +1453,7 @@ function _a({ template: a }) {
           {
             as: "textarea",
             rows: 3,
-            value: h,
+            value: m,
             onChange: o,
             placeholder: "Template description",
             "aria-label": "Template description"
@@ -1408,33 +1463,33 @@ function _a({ template: a }) {
     ] }),
     /* @__PURE__ */ s("div", { className: "template-editor__rules pt-3 border-top", children: [
       /* @__PURE__ */ e("h5", { className: "mb-3", children: "Validation Rules" }),
-      /* @__PURE__ */ e(Ae, { validationRules: C })
+      /* @__PURE__ */ e(we, { validationRules: _ })
     ] })
   ] });
 }
-function da() {
-  const [, a] = _(0);
+function ma() {
+  const [, a] = T(0);
   return Q(() => a((t) => t + 1), []);
 }
-function Ta({ qualityRequirement: a, hook_names: t = [] }) {
-  const i = da(), l = ae(a);
+function Aa({ qualityRequirement: a, hook_names: t = [] }) {
+  const i = ma(), l = te(a);
   if (l.current = a, a == null || typeof a != "object")
     return /* @__PURE__ */ e("div", { className: "alert alert-danger quality-requirement-editor quality-requirement-editor--empty", children: "qualityRequirement must be an object" });
   const n = l.current;
   Array.isArray(n.nodes) || (n.nodes = []);
-  const o = (m) => {
-    n.name = m.target.value, i();
+  const o = (u) => {
+    n.name = u.target.value, i();
   }, r = () => {
     n.nodes.push({
       node_name: "",
       hook: "",
       validation_rules: []
     }), i();
-  }, h = (m) => {
-    n.nodes.splice(m, 1), i();
-  }, C = (m, N, T) => {
-    const d = n.nodes[m];
-    d && (d[N] = T, i());
+  }, m = (u) => {
+    n.nodes.splice(u, 1), i();
+  }, _ = (u, N, C) => {
+    const d = n.nodes[u];
+    d && (d[N] = C, i());
   }, p = n.name ?? "", w = n.nodes;
   return /* @__PURE__ */ s("div", { className: "quality-requirement-editor", children: [
     /* @__PURE__ */ e(c, { className: "quality-requirement-editor__meta mb-4", children: /* @__PURE__ */ s(c.Group, { children: [
@@ -1455,7 +1510,7 @@ function Ta({ qualityRequirement: a, hook_names: t = [] }) {
       /* @__PURE__ */ s("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [
         /* @__PURE__ */ e("h5", { className: "mb-0", children: "Nodes" }),
         /* @__PURE__ */ e(
-          L,
+          M,
           {
             variant: "primary",
             size: "sm",
@@ -1466,21 +1521,21 @@ function Ta({ qualityRequirement: a, hook_names: t = [] }) {
         )
       ] }),
       w.length === 0 && /* @__PURE__ */ e("p", { className: "text-muted small quality-requirement-editor__empty-nodes", children: 'No nodes. Click "Add node" to add one.' }),
-      /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 quality-requirement-editor__list", children: w.map((m, N) => /* @__PURE__ */ e("li", { className: "quality-requirement-editor__node mb-3", children: /* @__PURE__ */ e(
-        ca,
+      /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 quality-requirement-editor__list", children: w.map((u, N) => /* @__PURE__ */ e("li", { className: "quality-requirement-editor__node mb-3", children: /* @__PURE__ */ e(
+        ua,
         {
-          node: m,
+          node: u,
           index: N,
           hookNames: t,
-          onRemove: () => h(N),
-          onFieldChange: (T, d) => C(N, T, d)
+          onRemove: () => m(N),
+          onFieldChange: (C, d) => _(N, C, d)
         }
       ) }, N)) })
     ] })
   ] });
 }
-function ca({ node: a, index: t, hookNames: i = [], onRemove: l, onFieldChange: n }) {
-  const o = ae(a);
+function ua({ node: a, index: t, hookNames: i = [], onRemove: l, onFieldChange: n }) {
+  const o = te(a);
   o.current = a;
   const r = o.current;
   return Array.isArray(r.validation_rules) || (r.validation_rules = []), /* @__PURE__ */ s(f, { className: "quality-requirement-editor__node-card", children: [
@@ -1490,7 +1545,7 @@ function ca({ node: a, index: t, hookNames: i = [], onRemove: l, onFieldChange:
         t + 1
       ] }),
       /* @__PURE__ */ e(
-        L,
+        M,
         {
           variant: "danger",
           size: "sm",
@@ -1510,7 +1565,7 @@ function ca({ node: a, index: t, hookNames: i = [], onRemove: l, onFieldChange:
               size: "sm",
               type: "text",
               value: r.node_name ?? "",
-              onChange: (h) => n("node_name", h.target.value),
+              onChange: (m) => n("node_name", m.target.value),
               placeholder: "node_name",
               "aria-label": "Node name"
             }
@@ -1523,11 +1578,11 @@ function ca({ node: a, index: t, hookNames: i = [], onRemove: l, onFieldChange:
             {
               size: "sm",
               value: r.hook ?? "",
-              onChange: (h) => n("hook", h.target.value),
+              onChange: (m) => n("hook", m.target.value),
               "aria-label": "Hook",
               children: [
                 /* @__PURE__ */ e("option", { value: "", children: "선택" }),
-                i.map((h) => /* @__PURE__ */ e("option", { value: h, children: h }, h))
+                i.map((m) => /* @__PURE__ */ e("option", { value: m, children: m }, m))
               ]
             }
           )
@@ -1535,15 +1590,15 @@ function ca({ node: a, index: t, hookNames: i = [], onRemove: l, onFieldChange:
       ] }) }),
       /* @__PURE__ */ s("div", { className: "quality-requirement-editor__node-rules pt-3 border-top", children: [
         /* @__PURE__ */ e("h6", { className: "mb-2", children: "Validation rules" }),
-        /* @__PURE__ */ e(Ae, { validationRules: r.validation_rules })
+        /* @__PURE__ */ e(we, { validationRules: r.validation_rules })
       ] })
     ] })
   ] });
 }
-function ma(a) {
-  return P[a] ?? te[a] ?? a;
+function ha(a) {
+  return P[a] ?? le[a] ?? a;
 }
-function Ca({ qualityRequirement: a }) {
+function Sa({ qualityRequirement: a }) {
   if (a == null || typeof a != "object")
     return /* @__PURE__ */ e("div", { className: "alert alert-danger sodas-validation-ui sodas-validation-ui--empty", children: "qualityRequirement must be an object" });
   const t = a.name ?? "", i = Array.isArray(a.nodes) ? a.nodes : [];
@@ -1552,11 +1607,11 @@ function Ca({ qualityRequirement: a }) {
     /* @__PURE__ */ s("div", { className: "pt-3 border-top", children: [
       /* @__PURE__ */ e("h5", { className: "mb-3", children: "Nodes" }),
       i.length === 0 && /* @__PURE__ */ e("p", { className: "text-muted small mb-0", children: "No nodes." }),
-      /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0", children: i.map((l, n) => /* @__PURE__ */ e("li", { className: "mb-3", children: /* @__PURE__ */ e(ua, { node: l, index: n }) }, n)) })
+      /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0", children: i.map((l, n) => /* @__PURE__ */ e("li", { className: "mb-3", children: /* @__PURE__ */ e(pa, { node: l, index: n }) }, n)) })
     ] })
   ] });
 }
-function ua({ node: a, index: t }) {
+function pa({ node: a, index: t }) {
   const i = a?.node_name ?? "—", l = a?.hook ?? "—", n = Array.isArray(a?.validation_rules) ? a.validation_rules : [];
   return /* @__PURE__ */ s(f, { className: "sodas-validation-ui__rule-card", children: [
     /* @__PURE__ */ e(f.Header, { children: /* @__PURE__ */ s(f.Title, { className: "mb-0 fs-6", children: [
@@ -1571,29 +1626,29 @@ function ua({ node: a, index: t }) {
       /* @__PURE__ */ s("div", { className: "pt-3 border-top", children: [
         /* @__PURE__ */ e("h6", { className: "mb-2", children: "Validation rules" }),
         n.length === 0 ? /* @__PURE__ */ e("p", { className: "text-muted small mb-0", children: "No validation rules." }) : /* @__PURE__ */ e("ul", { className: "list-unstyled mb-0 sodas-validation-ui__list", children: n.map((o, r) => /* @__PURE__ */ e("li", { className: "mb-2", children: /* @__PURE__ */ e(f, { className: "sodas-validation-ui__rule-card", children: /* @__PURE__ */ s(f.Body, { className: "py-2", children: [
-          /* @__PURE__ */ e("div", { className: "mb-1", children: /* @__PURE__ */ e("span", { className: "fw-semibold small", children: ma(o?.getType ?? o?.type) }) }),
-          /* @__PURE__ */ e(le, { rule: o, showColumn: !0 })
+          /* @__PURE__ */ e("div", { className: "mb-1", children: /* @__PURE__ */ e("span", { className: "fw-semibold small", children: ha(o?.getType ?? o?.type) }) }),
+          /* @__PURE__ */ e(ne, { rule: o, showColumn: !0 })
         ] }) }) }, r)) })
       ] })
     ] })
   ] });
 }
 export {
-  sa as ColumnedQualityMetadataViewer,
-  Ye as ColumnedValidationRulesEditor,
-  Ze as ColumnedValidationRulesViewer,
-  ya as I18nProvider,
-  fa as QualityMetadataViewer,
-  Ta as QualityRequirementEditor,
-  Ca as QualityRequirementViewer,
-  _a as TemplateEditor,
-  na as TypeBasedQualityMetadataViewer,
-  Ke as TypeBasedValidationRulesEditor,
-  Je as TypeBasedValidationRulesViewer,
-  Ae as ValidationRulesEditor,
-  ga as ValidationRulesViewer,
+  ia as ColumnedQualityMetadataViewer,
+  Qe as ColumnedValidationRulesEditor,
+  Je as ColumnedValidationRulesViewer,
+  ga as I18nProvider,
+  Ta as QualityMetadataViewer,
+  Aa as QualityRequirementEditor,
+  Sa as QualityRequirementViewer,
+  Ca as TemplateEditor,
+  ra as TypeBasedQualityMetadataViewer,
+  Ze as TypeBasedValidationRulesEditor,
+  aa as TypeBasedValidationRulesViewer,
+  we as ValidationRulesEditor,
+  _a as ValidationRulesViewer,
   U as defaultLocale,
   I as translations,
-  Na as useI18n,
-  B as useI18nOptional
+  fa as useI18n,
+  V as useI18nOptional
 };