@standardbeagle/edit-db 0.4.427 → 0.4.429

package/dist/editor.es.js

@@ -7908,7 +7908,7 @@ xu.displayName = vu;
 function ji(e) {
   return e ? "open" : "closed";
 }
-var yu = "DialogTitleWarning", [X_, bu] = qv(yu, {
+var yu = "DialogTitleWarning", [Q_, bu] = qv(yu, {
   contentName: Kt,
   titleName: _i,
   docsSlug: "dialog"
@@ -14479,19 +14479,23 @@ function $S(e, t, n, r) {
   const m = `${n.junctionTargetField} { ${d.join(" ")} }`, p = [...l, ...c, m].join(" ");
   return { query: `query GetLinks_${e.name}($id: ${i}, $limit: Int, $offset: Int) { ${e.name}(filter: { ${o}: { _eq: $id } } limit: $limit offset: $offset) { total offset limit data { ${p} } } }`, variables: { id: AS(r, i) } };
 }
-function OS(e, t, n) {
+function OS(e, t) {
+  const n = Wn(e)[0]?.name ?? t.targetColumnNames[0], r = e.labelColumn || n, o = r !== n ? `${n} label: ${r}` : n;
+  return { query: `query PickTarget($limit: Int) { ${e.name}(limit: $limit sort: [${r}_asc]) { data { ${o} } } }`, idColumn: n };
+}
+function DS(e, t, n) {
   const r = e[t.junctionTargetField];
   if (!r) return null;
   const o = lr(r, n, 0), s = r.label != null ? String(r.label) : o;
   return { id: o, label: s };
 }
-function DS(e, t, n) {
+function LS(e, t, n) {
   return {
     [e.junctionSourceColumnNames[0]]: t,
     [e.junctionTargetColumnNames[0]]: n
   };
 }
-function LS({ parentTable: e, m2m: t, parentRowId: n, onOpenColumn: r }) {
+function VS({ parentTable: e, m2m: t, parentRowId: n, onOpenColumn: r }) {
   const o = Ve(), s = Ke(), i = oi(), [l, c] = Z(!1), [u, f] = Z(!1), d = o.findTable(t.junctionTable), m = o.findTable(t.targetTable), p = Vf(d ?? e), { query: h, variables: g } = d && m ? $S(d, m, t, n) : { query: null, variables: {} }, x = ["m2mRows", t.junctionTable, t.targetTable, n], { data: y, isLoading: b, error: w } = ut({
     queryKey: x,
     queryFn: () => s.query(h, { ...g, limit: 200, offset: 0 }),
@@ -14543,7 +14547,7 @@ function LS({ parentTable: e, m2m: t, parentRowId: n, onOpenColumn: r }) {
           N && /* @__PURE__ */ a.jsx("th", { className: "px-2 py-1 w-8", "aria-label": "actions" })
         ] }) }),
         /* @__PURE__ */ a.jsx("tbody", { children: j.map((M, P) => {
-          const G = OS(M, t, m);
+          const G = DS(M, t, m);
           return /* @__PURE__ */ a.jsxs("tr", { className: "border-b border-border/50 hover:bg-muted/30", children: [
             /* @__PURE__ */ a.jsx("td", { className: "px-2 py-1", children: G ? /* @__PURE__ */ a.jsxs("span", { className: "inline-flex items-center gap-1", children: [
               /* @__PURE__ */ a.jsx(dn, { to: `/${m.name}/${G.id}`, className: "text-primary hover:underline", children: G.label }),
@@ -14579,7 +14583,7 @@ function LS({ parentTable: e, m2m: t, parentRowId: n, onOpenColumn: r }) {
       ] })
     ] }),
     u && /* @__PURE__ */ a.jsx(
-      VS,
+      zS,
       {
         target: m,
         junction: d,
@@ -14591,15 +14595,15 @@ function LS({ parentTable: e, m2m: t, parentRowId: n, onOpenColumn: r }) {
     )
   ] });
 }
-function VS({ target: e, junction: t, m2m: n, parentRowId: r, onClose: o, onLinked: s }) {
-  const i = Ke(), l = t.columns.filter((R) => n.junctionSourceColumnNames.includes(R.name) || n.junctionTargetColumnNames.includes(R.name)).map((R) => ({ column: R })), c = Gf(t, l, []), [u, f] = Z(""), d = Wn(e)[0]?.name ?? n.targetColumnNames[0], m = e.labelColumn, p = m && m !== d ? `${d} label: ${m}` : `${d}`, h = `query PickTarget($limit: Int) { ${e.name}(limit: $limit sort: ["${m ?? d}_asc"]) { data { ${p} } } }`, { data: g, isLoading: x } = ut({
+function zS({ target: e, junction: t, m2m: n, parentRowId: r, onClose: o, onLinked: s }) {
+  const i = Ke(), l = t.columns.filter((w) => n.junctionSourceColumnNames.includes(w.name) || n.junctionTargetColumnNames.includes(w.name)).map((w) => ({ column: w })), c = Gf(t, l, []), [u, f] = Z(""), { query: d, idColumn: m } = OS(e, n), { data: p, isLoading: h } = ut({
     queryKey: ["m2mTargets", e.name],
-    queryFn: () => i.query(h, { limit: 500 })
-  }), y = g?.[e.name]?.data ?? [], b = u.trim().toLowerCase(), w = b ? y.filter((R) => String(R.label ?? R[d] ?? "").toLowerCase().includes(b)) : y, _ = se(async (R) => {
-    await c.insert(DS(n, r, R)), await s(), o();
+    queryFn: () => i.query(d, { limit: 500 })
+  }), g = p?.[e.name]?.data ?? [], x = u.trim().toLowerCase(), y = x ? g.filter((w) => String(w.label ?? w[m] ?? "").toLowerCase().includes(x)) : g, b = se(async (w) => {
+    await c.insert(LS(n, r, w)), await s(), o();
   }, [c, n, r, s, o]);
-  return /* @__PURE__ */ a.jsx(cr, { open: !0, onOpenChange: (R) => {
-    R || o();
+  return /* @__PURE__ */ a.jsx(cr, { open: !0, onOpenChange: (w) => {
+    w || o();
   }, children: /* @__PURE__ */ a.jsxs(ur, { className: "max-w-md", children: [
     /* @__PURE__ */ a.jsx($o, { children: /* @__PURE__ */ a.jsxs(dr, { children: [
       "Add ",
@@ -14608,27 +14612,27 @@ function VS({ target: e, junction: t, m2m: n, parentRowId: r, onClose: o, onLink
     ] }) }),
     /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ a.jsx(xi, { className: "size-4 text-muted-foreground" }),
-      /* @__PURE__ */ a.jsx(Ze, { autoFocus: !0, placeholder: `Search ${e.label}…`, value: u, onChange: (R) => f(R.target.value) })
+      /* @__PURE__ */ a.jsx(Ze, { autoFocus: !0, placeholder: `Search ${e.label}…`, value: u, onChange: (w) => f(w.target.value) })
     ] }),
     c.error && /* @__PURE__ */ a.jsx("p", { className: "text-sm text-destructive", children: c.error.message }),
     /* @__PURE__ */ a.jsxs("div", { className: "max-h-72 overflow-auto border border-border rounded-md", children: [
-      x && /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 p-3 text-sm text-muted-foreground", children: [
+      h && /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 p-3 text-sm text-muted-foreground", children: [
         /* @__PURE__ */ a.jsx(wt, { className: "size-4 animate-spin" }),
         " Loading…"
       ] }),
-      !x && w.length === 0 && /* @__PURE__ */ a.jsx("div", { className: "p-3 text-sm text-muted-foreground", children: "No matches." }),
-      w.map((R, j) => {
-        const E = String(R[d] ?? ""), C = R.label != null ? String(R.label) : E;
+      !h && y.length === 0 && /* @__PURE__ */ a.jsx("div", { className: "p-3 text-sm text-muted-foreground", children: "No matches." }),
+      y.map((w, _) => {
+        const R = String(w[m] ?? ""), j = w.label != null ? String(w.label) : R;
         return /* @__PURE__ */ a.jsx(
           "button",
           {
             type: "button",
             className: "block w-full text-left px-3 py-1.5 text-sm hover:bg-muted/50 disabled:opacity-50",
             disabled: c.isPending,
-            onClick: () => _(E),
-            children: C
+            onClick: () => b(R),
+            children: j
           },
-          j
+          _
         );
       })
     ] })
@@ -14730,7 +14734,7 @@ function Kf({ parentTable: e, selectedRowId: t, onClose: n, onOpenColumn: r }) {
         }
       ) })
     ] }) : /* @__PURE__ */ a.jsx(
-      LS,
+      VS,
       {
         parentTable: e,
         m2m: m.m2m,
@@ -14741,7 +14745,7 @@ function Kf({ parentTable: e, selectedRowId: t, onClose: n, onOpenColumn: r }) {
     ) })
   ] });
 }
-const zS = {
+const BS = {
   mainTable: null,
   columns: [],
   focusedIndex: 0,
@@ -14749,10 +14753,10 @@ const zS = {
   },
   closeColumn: () => {
   }
-}, Uf = Xt(zS), Yf = Xt({ register: () => {
+}, Uf = Xt(BS), Yf = Xt({ register: () => {
 }, unregister: () => {
 } });
-function BS({ children: e }) {
+function HS({ children: e }) {
   const [t, n] = Z(null), [r, o] = Z(0), s = se((d) => {
     n(d);
   }, []), i = se(() => {
@@ -14775,25 +14779,25 @@ function BS({ children: e }) {
   };
   return /* @__PURE__ */ a.jsx(Yf.Provider, { value: { register: s, unregister: i }, children: /* @__PURE__ */ a.jsx(Uf.Provider, { value: f, children: e }) });
 }
-function HS() {
+function GS() {
   return Ge(Uf);
 }
-function GS() {
+function qS() {
   return Ge(Yf);
 }
 function Tl(e, t) {
   return e.tableName === t.tableName && e.filterTable === t.filterTable && e.filterId === t.filterId && e.filterColumn === t.filterColumn;
 }
-function qS(e, t) {
+function WS(e, t) {
   const n = e[e.length - 1];
   if (n && Tl(n, t)) return e;
   const r = e.findIndex((o) => Tl(o, t));
   return r >= 0 ? e.slice(0, r + 1) : [...e, t];
 }
-function WS(e, t) {
+function KS(e, t) {
   return t < 0 ? [] : t >= e.length ? e : e.slice(0, t);
 }
-function KS(e, t, n) {
+function US(e, t, n) {
   const r = (s) => n(s) ?? s, o = [
     { index: -1, label: r(e) }
   ];
@@ -14814,14 +14818,14 @@ function Js(e, t) {
 function an() {
   const e = pi(), { table: t, id: n, filterTable: r } = e, { loading: o, error: s, data: i } = Ve(), [l, c] = Z(null), [u, f] = Z([]), d = Ie(t);
   t !== d.current && (d.current = t, u.length > 0 && f([]));
-  const { register: m, unregister: p } = GS(), h = Ie(null), g = Ie(/* @__PURE__ */ new Map()), x = ae(() => i ? Js(i, t) : void 0, [i, t]), y = x ? qf(x).length > 0 : !1, b = se((j) => {
-    f((E) => qS(E, j));
+  const { register: m, unregister: p } = qS(), h = Ie(null), g = Ie(/* @__PURE__ */ new Map()), x = ae(() => i ? Js(i, t) : void 0, [i, t]), y = x ? qf(x).length > 0 : !1, b = se((j) => {
+    f((E) => WS(E, j));
   }, []), w = se((j) => {
     f((E) => E.filter((C, N) => N !== j));
   }, []), _ = se((j) => {
-    f((E) => WS(E, j + 1));
+    f((E) => KS(E, j + 1));
   }, []), R = ae(
-    () => KS(t ?? "", u, (j) => {
+    () => US(t ?? "", u, (j) => {
       if (i)
         return Js(i, j)?.label;
     }),
@@ -14846,7 +14850,7 @@ function an() {
     s.message
   ] }) }) : x ? /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
     u.length > 0 && /* @__PURE__ */ a.jsx(
-      US,
+      YS,
       {
         crumbs: R,
         onCrumbClick: _,
@@ -14877,7 +14881,7 @@ function an() {
         ) })
       ] }),
       u.map((j, E) => /* @__PURE__ */ a.jsx(
-        YS,
+        JS,
         {
           panel: j,
           onClose: () => w(E),
@@ -14891,7 +14895,7 @@ function an() {
     ] })
   ] }) : /* @__PURE__ */ a.jsx("div", { className: "p-5 text-center text-muted-foreground", children: "Table not found" }) : /* @__PURE__ */ a.jsx("div", { className: "p-5 text-center text-muted-foreground", children: "Table missing" });
 }
-function US({ crumbs: e, onCrumbClick: t, activeIndex: n }) {
+function YS({ crumbs: e, onCrumbClick: t, activeIndex: n }) {
   return /* @__PURE__ */ a.jsx(
     "nav",
     {
@@ -14922,7 +14926,7 @@ function US({ crumbs: e, onCrumbClick: t, activeIndex: n }) {
     }
   );
 }
-function YS({ panel: e, onClose: t, onOpenColumn: n, onRef: r }) {
+function JS({ panel: e, onClose: t, onOpenColumn: n, onRef: r }) {
   const { data: o } = Ve(), s = ae(() => o ? Js(o, e.tableName) : void 0, [o, e.tableName]);
   return s ? /* @__PURE__ */ a.jsxs("div", { ref: r, className: "flex flex-col flex-1 min-h-0 min-w-0 border-l border-border", children: [
     /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-1 px-2 py-1 bg-muted/30 border-b border-border shrink-0", children: [
@@ -14952,7 +14956,7 @@ function YS({ panel: e, onClose: t, onOpenColumn: n, onRef: r }) {
   ] }) : null;
 }
 function bs() {
-  const e = pi(), { loading: t, error: n, data: r } = Ve(), { mainTable: o, columns: s, focusedIndex: i, focusColumn: l, closeColumn: c } = HS(), [u, f] = Z(""), d = Kn(), { back: m, hasBack: p } = Lg(), h = e?.table, g = s.length > 0, x = ae(() => r?.find((R) => R.graphQlName === h), [r, h]), y = ae(
+  const e = pi(), { loading: t, error: n, data: r } = Ve(), { mainTable: o, columns: s, focusedIndex: i, focusColumn: l, closeColumn: c } = GS(), [u, f] = Z(""), d = Kn(), { back: m, hasBack: p } = Lg(), h = e?.table, g = s.length > 0, x = ae(() => r?.find((R) => R.graphQlName === h), [r, h]), y = ae(
     () => x?.columns?.map((R) => ({ key: R.name, value: `${R.name},${R.paramType}`, label: R.label })),
     [x]
   ), [b, w] = Z(y?.at(0)?.value ?? "");
@@ -15069,7 +15073,7 @@ function bs() {
 }
 var be = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Mutable = 1] = "Mutable", e[e.Watching = 2] = "Watching", e[e.RecursedCheck = 4] = "RecursedCheck", e[e.Recursed = 8] = "Recursed", e[e.Dirty = 16] = "Dirty", e[e.Pending = 32] = "Pending", e))(be || {});
 // @__NO_SIDE_EFFECTS__
-function JS({
+function XS({
   update: e,
   notify: t,
   unwatched: n
@@ -15203,7 +15207,7 @@ function Zi(e, t, n) {
 }
 const Xs = [];
 let Lr = 0;
-const { link: kl, unlink: XS, propagate: QS, checkDirty: Jf, shallowPropagate: Pl } = /* @__PURE__ */ JS({
+const { link: kl, unlink: QS, propagate: ZS, checkDirty: Jf, shallowPropagate: Pl } = /* @__PURE__ */ XS({
   update(e) {
     return e._update();
   },
@@ -15227,7 +15231,7 @@ function lo(e) {
   const t = e.depsTail;
   let n = t !== void 0 ? t.nextDep : e.deps;
   for (; n !== void 0; )
-    n = XS(n, e);
+    n = QS(n, e);
 }
 function Xf() {
   if (!(Zs > 0)) {
@@ -15250,7 +15254,7 @@ function Qf(e, t) {
       return it !== void 0 && kl(o, it, Lr), o._snapshot;
     },
     subscribe(s) {
-      const i = Zi(s), l = { current: !1 }, c = ZS(() => {
+      const i = Zi(s), l = { current: !1 }, c = e_(() => {
         o.get(), l.current ? i.next?.(o._snapshot) : l.current = !0;
       });
       return {
@@ -15286,11 +15290,11 @@ function Qf(e, t) {
   }) : o.set = function(s) {
     if (o._update(s)) {
       const i = o.subs;
-      i !== void 0 && (QS(i), Pl(i), Xf());
+      i !== void 0 && (ZS(i), Pl(i), Xf());
     }
   }, o;
 }
-function ZS(e) {
+function e_(e) {
   const t = () => {
     const r = it;
     it = n, ++Lr, n.depsTail = void 0, n.flags = be.Watching | be.RecursedCheck;
@@ -15315,7 +15319,7 @@ function ZS(e) {
   };
   return t(), n;
 }
-class e_ {
+class t_ {
   constructor(t) {
     this.atom = Qf(
       t
@@ -15334,7 +15338,7 @@ class e_ {
     return this.atom.subscribe(Zi(t));
   }
 }
-class t_ {
+class n_ {
   constructor(t) {
     this.atom = Qf(
       t
@@ -15351,9 +15355,9 @@ class t_ {
   }
 }
 function Vr(e) {
-  return typeof e == "function" ? new t_(e) : new e_(e);
+  return typeof e == "function" ? new n_(e) : new t_(e);
 }
-var n_ = class {
+var r_ = class {
   constructor(e, t) {
     this.fn = e, this.options = t, this.lastExecutionTime = 0, this.isPending = !1, this.maybeExecute = (...n) => {
       const r = Date.now() - this.lastExecutionTime;
@@ -15375,10 +15379,10 @@ var n_ = class {
     }, this.options.leading === void 0 && this.options.trailing === void 0 && (this.options.leading = !0, this.options.trailing = !0);
   }
 };
-function r_(e, t) {
-  return new n_(e, t).maybeExecute;
+function o_(e, t) {
+  return new r_(e, t).maybeExecute;
 }
-class o_ {
+class s_ {
   #s = !0;
   #t;
   #e;
@@ -15553,7 +15557,7 @@ class o_ {
     );
   }
 }
-class s_ extends o_ {
+class i_ extends s_ {
   constructor() {
     super({
       pluginId: "form-devtools",
@@ -15561,7 +15565,7 @@ class s_ extends o_ {
     });
   }
 }
-const Be = new s_();
+const Be = new i_();
 function Do(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
@@ -15597,7 +15601,7 @@ function In(e, t, n) {
   }
   return o(e);
 }
-function i_(e, t) {
+function a_(e, t) {
   const n = ea(t);
   function r(o) {
     if (!o) return;
@@ -15628,13 +15632,13 @@ function i_(e, t) {
   }
   return r(e);
 }
-const a_ = /^(\d+)$/gm, l_ = /\.(\d+)(?=\.)/gm, c_ = /^(\d+)\./gm, u_ = /\.(\d+$)/gm, d_ = /\.{2,}/gm, ei = "__int__", Mr = `${ei}$1`;
+const l_ = /^(\d+)$/gm, c_ = /\.(\d+)(?=\.)/gm, u_ = /^(\d+)\./gm, d_ = /\.(\d+$)/gm, f_ = /\.{2,}/gm, ei = "__int__", Mr = `${ei}$1`;
 function ea(e) {
   if (Array.isArray(e))
     return [...e];
   if (typeof e != "string")
     throw new Error("Path must be a string.");
-  return e.replace(/(^\[)|]/gm, "").replace(/\[/g, ".").replace(a_, Mr).replace(l_, `.${Mr}.`).replace(c_, `${Mr}.`).replace(u_, `.${Mr}`).replace(d_, ".").split(".").map((t) => {
+  return e.replace(/(^\[)|]/gm, "").replace(/\[/g, ".").replace(l_, Mr).replace(c_, `.${Mr}.`).replace(u_, `${Mr}.`).replace(d_, `.${Mr}`).replace(f_, ".").split(".").map((t) => {
     if (t.startsWith(ei)) {
       const n = t.substring(ei.length), r = parseInt(n, 10);
       return String(r) === n ? r : n;
@@ -15642,7 +15646,7 @@ function ea(e) {
     return t;
   });
 }
-function f_(e) {
+function m_(e) {
   return !(Array.isArray(e) && e.length === 0);
 }
 function ti(e, t) {
@@ -15747,7 +15751,7 @@ function Zf() {
     t = Nr[Gt + e], e === 6 ? n += Br[t & 15 | 64] : e === 8 ? n += Br[t & 63 | 128] : n += Br[t], e & 1 && e > 1 && e < 11 && (n += "-");
   return Gt++, n;
 }
-const m_ = r_(
+const p_ = o_(
   (e) => Be.emit("form-state", {
     id: e.formId,
     state: e.store.state
@@ -15836,7 +15840,7 @@ const cn = (e) => {
       throw new Error(`Unknown validation event type: ${e.event.type}`);
   }
 };
-function p_(e, t) {
+function g_(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const r of e) {
     const o = r.path ?? [];
@@ -15852,7 +15856,7 @@ function p_(e, t) {
   return Object.fromEntries(n);
 }
 const Al = (e, t) => {
-  const n = p_(e, t);
+  const n = g_(e, t);
   return {
     form: n,
     fields: n
@@ -16020,7 +16024,7 @@ class $l {
   constructor(t) {
     this.options = {}, this.fieldInfo = {}, this.mount = () => {
       const s = this.store.subscribe(() => {
-        m_(this);
+        p_(this);
       }), i = Be.on(
         "request-form-state",
         (d) => {
@@ -16482,7 +16486,7 @@ class $l {
       this.baseStore.setState((c) => {
         const u = { ...c };
         return l.forEach((f) => {
-          u.values = i_(u.values, f), delete this.fieldInfo[f], delete u.fieldMetaBase[f];
+          u.values = a_(u.values, f), delete this.fieldInfo[f], delete u.fieldMetaBase[f];
         }), u;
       });
     }, this.pushFieldValue = (s, i, l) => {
@@ -16678,7 +16682,7 @@ class $l {
             const b = this.getFieldInfo(u)?.instance;
             (!b || !b.options.disableErrorFlat) && (h = h.flat(1));
           }
-          const g = !f_(h), x = !f.isDirty, y = Ht(
+          const g = !m_(h), x = !f.isDirty, y = Ht(
             p,
             // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
             this.getFieldInfo(u)?.instance?.options.defaultValue ?? Er(this.options.defaultValues, u)
@@ -17222,7 +17226,7 @@ function Tr(e) {
       return "onChange";
   }
 }
-function g_(e, t) {
+function h_(e, t) {
   if (!t) return;
   const n = Object.assign({}, e, {
     state: Dn(e.state)
@@ -17246,7 +17250,7 @@ function g_(e, t) {
 }
 var kr = { exports: {} }, Cs = {};
 var Ll;
-function h_() {
+function v_() {
   if (Ll) return Cs;
   Ll = 1;
   var e = Fe, t = Eu();
@@ -17298,7 +17302,7 @@ function h_() {
 }
 var Ss = {};
 var Vl;
-function v_() {
+function x_() {
   return Vl || (Vl = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(u, f) {
       return u === f && (u !== 0 || 1 / u === 1 / f) || u !== u && f !== f;
@@ -17350,14 +17354,14 @@ function v_() {
   })()), Ss;
 }
 var zl;
-function x_() {
-  return zl || (zl = 1, process.env.NODE_ENV === "production" ? kr.exports = h_() : kr.exports = v_()), kr.exports;
+function y_() {
+  return zl || (zl = 1, process.env.NODE_ENV === "production" ? kr.exports = v_() : kr.exports = x_()), kr.exports;
 }
-var y_ = x_();
-function b_(e, t) {
+var b_ = y_();
+function w_(e, t) {
   return e === t;
 }
-function Rt(e, t, n = b_) {
+function Rt(e, t, n = w_) {
   const r = se(
     (i) => {
       if (!e)
@@ -17368,7 +17372,7 @@ function Rt(e, t, n = b_) {
     },
     [e]
   ), o = se(() => e?.get(), [e]);
-  return y_.useSyncExternalStoreWithSelector(
+  return b_.useSyncExternalStoreWithSelector(
     r,
     o,
     o,
@@ -17377,7 +17381,7 @@ function Rt(e, t, n = b_) {
   );
 }
 const un = typeof window < "u" ? Hl : Ae;
-function w_(e) {
+function C_(e) {
   const [t, n] = Z(() => ({
     form: e.form,
     name: e.name
@@ -17445,21 +17449,21 @@ function w_(e) {
     r.update(e);
   }), m;
 }
-const C_ = (({
+const S_ = (({
   children: e,
   ...t
 }) => {
-  const n = w_(t), r = ae(
+  const n = C_(t), r = ae(
     () => Do(e, n),
     [e, n]
   );
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: r });
 });
-function S_() {
+function __() {
   return Z(() => Zf())[0];
 }
-const __ = v, j_ = v.version.split(".")[0] === "17" ? S_ : __.useId;
-function R_({
+const j_ = v, R_ = v.version.split(".")[0] === "17" ? __ : j_.useId;
+function E_({
   form: e,
   selector: t = (r) => r,
   children: n
@@ -17467,8 +17471,8 @@ function R_({
   const r = Rt(e.store, t);
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: Do(n, r) });
 }
-function E_(e) {
-  const t = j_(), [n, r] = Z(e?.formId), [o, s] = Z(() => new $l({ ...e, formId: e?.formId ?? t }));
+function M_(e) {
+  const t = R_(), [n, r] = Z(e?.formId), [o, s] = Z(() => new $l({ ...e, formId: e?.formId ?? t }));
   if (n !== e?.formId) {
     const c = e?.formId ?? t;
     s(new $l({ ...e, formId: c })), r(c);
@@ -17486,10 +17490,10 @@ function E_(e) {
       }
     };
     return c.Field = function(f) {
-      return /* @__PURE__ */ a.jsx(C_, { ...f, form: o });
+      return /* @__PURE__ */ a.jsx(S_, { ...f, form: o });
     }, c.Subscribe = function(f) {
       return /* @__PURE__ */ a.jsx(
-        R_,
+        E_,
         {
           form: o,
           selector: f.selector,
@@ -17503,12 +17507,12 @@ function E_(e) {
   });
   const l = Ie(!1);
   return un(() => {
-    l.current && e?.transform && g_(o, e.transform);
+    l.current && e?.transform && h_(o, e.transform);
   }, [o, e?.transform]), un(() => {
     l.current = !0;
   }), i;
 }
-function M_(e, t, n) {
+function N_(e, t, n) {
   const r = Ke(), o = ae(
     () => e?.data?.find((u) => u.graphQlName === t),
     [e, t]
@@ -17530,8 +17534,8 @@ function M_(e, t, n) {
     data: c?.values?.data ?? []
   };
 }
-const N_ = 500;
-function T_(e, t, n) {
+const T_ = 500;
+function k_(e, t, n) {
   const r = Ke(), o = ae(
     () => e?.data?.find((d) => d.graphQlName === t),
     [e, t]
@@ -17539,7 +17543,7 @@ function T_(e, t, n) {
     if (!o) return "";
     const d = o.labelColumn ?? n[0], m = new Set(n);
     return m.add(d), Array.from(m).join(" ");
-  }, [o, n]), i = ae(() => e.loading || e.error || !o || n.length === 0 ? null : `query Get_${t}_CompositeRef { values: ${t}(limit: ${N_}) { data { ${s} } } }`, [o, t, s, e.loading, e.error, n.length]), { isLoading: l, error: c, data: u } = ut({
+  }, [o, n]), i = ae(() => e.loading || e.error || !o || n.length === 0 ? null : `query Get_${t}_CompositeRef { values: ${t}(limit: ${T_}) { data { ${s} } } }`, [o, t, s, e.loading, e.error, n.length]), { isLoading: l, error: c, data: u } = ut({
     queryKey: ["compositeTableRef", t, n.join("|")],
     queryFn: () => r.query(i),
     enabled: !!i
@@ -17575,7 +17579,7 @@ function jn({
     }
   );
 }
-function k_({
+function P_({
   name: e,
   label: t,
   value: n,
@@ -17590,7 +17594,7 @@ function k_({
     b && (b.style.height = "auto", b.style.height = Math.min(b.scrollHeight, 400) + "px");
   }, []);
   if (Ae(h, [n, h]), c)
-    return /* @__PURE__ */ a.jsx(P_, { name: e, label: t, value: n });
+    return /* @__PURE__ */ a.jsx(F_, { name: e, label: t, value: n });
   if (!u && f === "text")
     return null;
   const g = () => {
@@ -17671,7 +17675,7 @@ function k_({
     d && /* @__PURE__ */ a.jsx("p", { className: "text-xs text-destructive", children: d })
   ] });
 }
-function P_({ name: e, label: t, value: n }) {
+function F_({ name: e, label: t, value: n }) {
   const r = n ? Math.ceil(n.length * 3 / 4) : 0, o = r < 1024 ? `${r} bytes` : r < 1024 * 1024 ? `${(r / 1024).toFixed(1)} KB` : `${(r / (1024 * 1024)).toFixed(1)} MB`, s = n ? n.slice(0, 256) + (n.length > 256 ? "..." : "") : "(empty)";
   return /* @__PURE__ */ a.jsxs("div", { className: "grid gap-2", children: [
     /* @__PURE__ */ a.jsxs(jn, { htmlFor: e, className: "flex items-center gap-1.5", children: [
@@ -17687,8 +17691,8 @@ function P_({ name: e, label: t, value: n }) {
     /* @__PURE__ */ a.jsx("p", { className: "text-xs text-muted-foreground", children: "Binary fields are read-only in this editor." })
   ] });
 }
-const _s = ["Boolean", "Boolean!"], tm = ["DateTime", "DateTime!"], F_ = ["Int", "Int!", "Float", "Float!"], js = { filterText: "", variables: {}, params: [] };
-function I_(e, t) {
+const _s = ["Boolean", "Boolean!"], tm = ["DateTime", "DateTime!"], I_ = ["Int", "Int!", "Float", "Float!"], js = { filterText: "", variables: {}, params: [] };
+function A_(e, t) {
   return ae(() => {
     const n = e?.data?.find((l) => l.graphQlName == t), o = n.columns.filter((l) => !l.isReadOnly && !l.isIdentity).map((l) => {
       const c = n.singleJoins.find((f) => f.sourceColumnNames[0] === l.graphQlName);
@@ -17708,8 +17712,8 @@ function I_(e, t) {
     ];
   }, [e, t]);
 }
-function A_({ table: e, schema: t, editid: n }) {
-  const r = Kn(), o = Ke(), s = n === void 0 || n === "", [i, l, c] = I_(t, e), u = i.labelColumn, f = i.label, d = Gf(i, l, c, n), m = ae(() => {
+function $_({ table: e, schema: t, editid: n }) {
+  const r = Kn(), o = Ke(), s = n === void 0 || n === "", [i, l, c] = A_(t, e), u = i.labelColumn, f = i.label, d = Gf(i, l, c, n), m = ae(() => {
     if (s) return js;
     const C = Ji(n, i);
     return C ? Ff(C, i) ?? js : js;
@@ -17732,7 +17736,7 @@ function A_({ table: e, schema: t, editid: n }) {
         C[N.name] = M === "0001-01-01" ? "" : M ?? "";
       } else _s.some((M) => M === N.paramType) ? C[N.name] = !!y[N.name] : C[N.name] = y[N.name] ?? "";
     return C;
-  }, [y, l]), w = E_({
+  }, [y, l]), w = M_({
     defaultValues: b,
     onSubmit: async ({ value: C }) => {
       await (s ? d.insert : d.update)({ ...C }), r("../..");
@@ -17790,7 +17794,7 @@ function A_({ table: e, schema: t, editid: n }) {
             children: [
               /* @__PURE__ */ a.jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-4", children: [
                 E.length > 0 && /* @__PURE__ */ a.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-x-4 gap-y-3", children: E.map(({ column: C, join: N, fkRole: M }) => /* @__PURE__ */ a.jsx(
-                  D_,
+                  L_,
                   {
                     column: C,
                     join: N,
@@ -17800,8 +17804,8 @@ function A_({ table: e, schema: t, editid: n }) {
                   },
                   C.name
                 )) }),
-                R.length > 0 && /* @__PURE__ */ a.jsx("div", { className: E.length > 0 ? "mt-4 pt-4 border-t border-border" : "", children: /* @__PURE__ */ a.jsx("div", { className: "flex flex-wrap gap-x-6 gap-y-2", children: R.map(({ column: C }) => /* @__PURE__ */ a.jsx(V_, { column: C, form: w }, C.name)) }) }),
-                j.length > 0 && /* @__PURE__ */ a.jsx("div", { className: E.length > 0 || R.length > 0 ? "mt-4 pt-4 border-t border-border" : "", children: /* @__PURE__ */ a.jsx("div", { className: "grid gap-3", children: j.map(({ column: C }) => /* @__PURE__ */ a.jsx(z_, { column: C, form: w }, C.name)) }) })
+                R.length > 0 && /* @__PURE__ */ a.jsx("div", { className: E.length > 0 ? "mt-4 pt-4 border-t border-border" : "", children: /* @__PURE__ */ a.jsx("div", { className: "flex flex-wrap gap-x-6 gap-y-2", children: R.map(({ column: C }) => /* @__PURE__ */ a.jsx(z_, { column: C, form: w }, C.name)) }) }),
+                j.length > 0 && /* @__PURE__ */ a.jsx("div", { className: E.length > 0 || R.length > 0 ? "mt-4 pt-4 border-t border-border" : "", children: /* @__PURE__ */ a.jsx("div", { className: "grid gap-3", children: j.map(({ column: C }) => /* @__PURE__ */ a.jsx(B_, { column: C, form: w }, C.name)) }) })
               ] }),
               /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-end gap-2 px-5 py-3 border-t border-border bg-muted/30 shrink-0", children: [
                 /* @__PURE__ */ a.jsx(Y, { variant: "outline", size: "sm", asChild: !0, children: /* @__PURE__ */ a.jsx(dn, { to: "../..", children: "Cancel" }) }),
@@ -17822,9 +17826,9 @@ function Pr() {
   return e ? n.loading ? /* @__PURE__ */ a.jsx("div", { children: "Loading..." }) : n.error ? /* @__PURE__ */ a.jsxs("div", { children: [
     "Error: ",
     n.error.message
-  ] }) : /* @__PURE__ */ a.jsx(A_, { table: e, schema: n, editid: t ?? "" }) : /* @__PURE__ */ a.jsx("div", { children: "Table missing" });
+  ] }) : /* @__PURE__ */ a.jsx($_, { table: e, schema: n, editid: t ?? "" }) : /* @__PURE__ */ a.jsx("div", { children: "Table missing" });
 }
-function $_({ current: e, max: t }) {
+function O_({ current: e, max: t }) {
   const n = t - e, r = n <= 10 && n > 0, o = n <= 0;
   return /* @__PURE__ */ a.jsx("div", { className: "text-xs text-right mt-0.5", "aria-live": "polite", children: /* @__PURE__ */ a.jsxs(
     "span",
@@ -17838,18 +17842,18 @@ function $_({ current: e, max: t }) {
     }
   ) });
 }
-function O_({ min: e, max: t, step: n }) {
+function D_({ min: e, max: t, step: n }) {
   if (e === void 0 && t === void 0) return null;
   let r = "";
   return e != null && t !== void 0 && t !== null ? r = `Range: ${e} to ${t}` : e != null ? r = `Min: ${e}` : t != null && (r = `Max: ${t}`), n != null && n !== 1 && (r += ` (step: ${n})`), /* @__PURE__ */ a.jsx("div", { className: "text-xs text-muted-foreground mt-0.5", "aria-live": "polite", children: r });
 }
-function D_({ column: e, join: t, fkRole: n, form: r, schema: o }) {
+function L_({ column: e, join: t, fkRole: n, form: r, schema: o }) {
   const s = e.name, i = !e.isNullable;
   if (n === "member-composite") return null;
-  const l = tm.some((m) => m === e.paramType), c = F_.some((m) => m === e.paramType), u = e.maxLength && e.maxLength > 0 && !l && !c;
+  const l = tm.some((m) => m === e.paramType), c = I_.some((m) => m === e.paramType), u = e.maxLength && e.maxLength > 0 && !l && !c;
   if (e.enumValues && e.enumValues.length > 0)
     return /* @__PURE__ */ a.jsx(
-      L_,
+      V_,
       {
         column: e,
         form: r,
@@ -17857,7 +17861,7 @@ function D_({ column: e, join: t, fkRole: n, form: r, schema: o }) {
       }
     );
   if (t && o)
-    return n === "anchor-composite" ? /* @__PURE__ */ a.jsx(H_, { column: e, join: t, form: r, schema: o, isRequired: i }) : /* @__PURE__ */ a.jsx(B_, { column: e, join: t, form: r, schema: o, isRequired: i });
+    return n === "anchor-composite" ? /* @__PURE__ */ a.jsx(G_, { column: e, join: t, form: r, schema: o, isRequired: i }) : /* @__PURE__ */ a.jsx(H_, { column: e, join: t, form: r, schema: o, isRequired: i });
   const f = e.inputType || (l ? "date" : c ? "number" : "text"), d = {
     onSubmit: ({ value: m }) => {
       if (i && (m == null || m === ""))
@@ -17910,19 +17914,19 @@ function D_({ column: e, join: t, fkRole: n, form: r, schema: o }) {
           }
         ),
         u && /* @__PURE__ */ a.jsx(
-          $_,
+          O_,
           {
             current: String(m.state.value ?? "").length,
             max: e.maxLength
           }
         ),
-        c && (e.min !== void 0 || e.max !== void 0) && /* @__PURE__ */ a.jsx(O_, { min: e.min, max: e.max, step: e.step }),
+        c && (e.min !== void 0 || e.max !== void 0) && /* @__PURE__ */ a.jsx(D_, { min: e.min, max: e.max, step: e.step }),
         /* @__PURE__ */ a.jsx(Lo, { errors: m.state.meta.errors })
       ] })
     }
   );
 }
-function L_({ column: e, form: t, isRequired: n }) {
+function V_({ column: e, form: t, isRequired: n }) {
   const r = e.name, o = e.enumValues || [], s = e.enumLabels || o;
   return /* @__PURE__ */ a.jsx(
     t.Field,
@@ -17955,7 +17959,7 @@ function L_({ column: e, form: t, isRequired: n }) {
     }
   );
 }
-function V_({ column: e, form: t }) {
+function z_({ column: e, form: t }) {
   const n = e.name;
   return /* @__PURE__ */ a.jsx(
     t.Field,
@@ -17976,7 +17980,7 @@ function V_({ column: e, form: t }) {
     }
   );
 }
-function z_({ column: e, form: t }) {
+function B_({ column: e, form: t }) {
   const n = e.name, r = !e.isNullable;
   return /* @__PURE__ */ a.jsx(
     t.Field,
@@ -17994,7 +17998,7 @@ function z_({ column: e, form: t }) {
           r && /* @__PURE__ */ a.jsx("span", { className: "text-destructive ml-0.5", children: "*" })
         ] }),
         /* @__PURE__ */ a.jsx(
-          k_,
+          P_,
           {
             name: n,
             label: e.label,
@@ -18011,8 +18015,8 @@ function z_({ column: e, form: t }) {
     }
   );
 }
-function B_({ column: e, join: t, form: n, schema: r, isRequired: o }) {
-  const s = e.name, i = M_(r, t.destinationTable, t.destinationColumnNames[0]);
+function H_({ column: e, join: t, form: n, schema: r, isRequired: o }) {
+  const s = e.name, i = N_(r, t.destinationTable, t.destinationColumnNames[0]);
   return /* @__PURE__ */ a.jsx(
     n.Field,
     {
@@ -18044,8 +18048,8 @@ function B_({ column: e, join: t, form: n, schema: r, isRequired: o }) {
     }
   );
 }
-function H_({ column: e, join: t, form: n, schema: r, isRequired: o }) {
-  const s = t.sourceColumnNames ?? [], i = t.destinationColumnNames ?? [], l = T_(r, t.destinationTable, i), c = n.useStore((f) => {
+function G_({ column: e, join: t, form: n, schema: r, isRequired: o }) {
+  const s = t.sourceColumnNames ?? [], i = t.destinationColumnNames ?? [], l = k_(r, t.destinationTable, i), c = n.useStore((f) => {
     const d = [];
     for (const m of s) {
       const p = f.values?.[m];
@@ -18118,7 +18122,7 @@ class Fr extends Em {
     ] }) }) : r;
   }
 }
-function G_() {
+function q_() {
   const { loading: e, error: t, data: n } = Ve();
   return e ? /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 text-muted-foreground", children: [
     /* @__PURE__ */ a.jsx(Vn, { className: "size-10 animate-pulse" }),
@@ -18159,7 +18163,7 @@ function G_() {
     ] })
   ] });
 }
-function q_({ children: e }) {
+function W_({ children: e }) {
   const { loading: t, error: n } = Ve();
   return t ? /* @__PURE__ */ a.jsxs("div", { className: "flex items-center justify-center flex-1 gap-3 text-muted-foreground", children: [
     /* @__PURE__ */ a.jsx(wt, { className: "size-6 animate-spin" }),
@@ -18177,9 +18181,9 @@ const Bl = () => /* @__PURE__ */ a.jsxs("div", { className: "flex items-center j
   /* @__PURE__ */ a.jsx(wt, { className: "size-4 animate-spin text-muted-foreground" }),
   /* @__PURE__ */ a.jsx("span", { className: "text-sm text-muted-foreground", children: "Loading..." })
 ] });
-function W_() {
+function K_() {
   const [e, t] = Z(!0);
-  return /* @__PURE__ */ a.jsx(q_, { children: /* @__PURE__ */ a.jsx(BS, { children: /* @__PURE__ */ a.jsxs("div", { className: `grid h-full flex-1 min-h-0 grid-rows-[auto_1fr] ${e ? "grid-cols-[minmax(150px,min-content)_1fr]" : "grid-cols-[0px_1fr]"} md:grid-cols-[minmax(150px,min-content)_1fr] transition-[grid-template-columns] duration-200`, children: [
+  return /* @__PURE__ */ a.jsx(W_, { children: /* @__PURE__ */ a.jsx(HS, { children: /* @__PURE__ */ a.jsxs("div", { className: `grid h-full flex-1 min-h-0 grid-rows-[auto_1fr] ${e ? "grid-cols-[minmax(150px,min-content)_1fr]" : "grid-cols-[0px_1fr]"} md:grid-cols-[minmax(150px,min-content)_1fr] transition-[grid-template-columns] duration-200`, children: [
     /* @__PURE__ */ a.jsxs("div", { className: "col-span-full sticky top-0 z-50 bg-background border-b border-border flex items-center", children: [
       /* @__PURE__ */ a.jsx(
         Y,
@@ -18208,7 +18212,7 @@ function W_() {
         /* @__PURE__ */ a.jsx(ke, { path: "/:table/:id", element: /* @__PURE__ */ a.jsx(an, {}) }),
         /* @__PURE__ */ a.jsx(ke, { path: "/:table/edit/:editid", element: /* @__PURE__ */ a.jsx(an, {}) }),
         /* @__PURE__ */ a.jsx(ke, { path: "/:table", element: /* @__PURE__ */ a.jsx(an, {}) }),
-        /* @__PURE__ */ a.jsx(ke, { path: "/", element: /* @__PURE__ */ a.jsx(G_, {}) })
+        /* @__PURE__ */ a.jsx(ke, { path: "/", element: /* @__PURE__ */ a.jsx(q_, {}) })
       ] }) }) }),
       /* @__PURE__ */ a.jsx(Fr, { section: "Data Edit", children: /* @__PURE__ */ a.jsx(pa, { fallback: /* @__PURE__ */ a.jsx(Bl, {}), children: /* @__PURE__ */ a.jsxs(ts, { children: [
         /* @__PURE__ */ a.jsx(ke, { path: "/:table/from/:filterTable/:id/edit/:editid", element: /* @__PURE__ */ a.jsx(Pr, {}) }),
@@ -18219,13 +18223,13 @@ function W_() {
     ] })
   ] }) }) });
 }
-function K_({ onLocate: e }) {
+function U_({ onLocate: e }) {
   const t = Dg();
   return Ae(() => {
     e?.(t);
-  }, [t, e]), /* @__PURE__ */ a.jsx(W_, {});
+  }, [t, e]), /* @__PURE__ */ a.jsx(K_, {});
 }
-function Q_({
+function Z_({
   uri: e,
   fetcher: t,
   uiPath: n,
@@ -18239,11 +18243,11 @@ function Q_({
       }
     }
   }), []);
-  return o ? /* @__PURE__ */ a.jsx(Nm, { client: s, children: /* @__PURE__ */ a.jsx(Yg, { value: o, children: /* @__PURE__ */ a.jsx(zg, { path: n || "/", children: /* @__PURE__ */ a.jsx(Zg, { children: /* @__PURE__ */ a.jsx(K_, { onLocate: r }) }) }) }) }) : /* @__PURE__ */ a.jsx("section", { children: "CONFIG MISSING..." });
+  return o ? /* @__PURE__ */ a.jsx(Nm, { client: s, children: /* @__PURE__ */ a.jsx(Yg, { value: o, children: /* @__PURE__ */ a.jsx(zg, { path: n || "/", children: /* @__PURE__ */ a.jsx(Zg, { children: /* @__PURE__ */ a.jsx(U_, { onLocate: r }) }) }) }) }) : /* @__PURE__ */ a.jsx("section", { children: "CONFIG MISSING..." });
 }
 export {
-  Q_ as Editor,
+  Z_ as Editor,
   Ug as HttpGraphQLFetcher,
-  Q_ as default,
+  Z_ as default,
   Gf as useTableMutation
 };