@stonecrop/desktop 0.24.0 → 0.26.0

package/dist/desktop.js

@@ -1,98 +1,98 @@
-import { defineComponent as Q, ref as M, onMounted as de, openBlock as m, createElementBlock as g, normalizeClass as F, createElementVNode as c, Fragment as W, renderList as q, toDisplayString as V, createCommentVNode as L, withDirectives as G, vShow as ae, useTemplateRef as ve, computed as S, watch as H, nextTick as pe, createBlock as fe, Teleport as Ee, createVNode as j, Transition as Oe, withCtx as z, withModifiers as me, vModelText as he, renderSlot as Y, createTextVNode as J, resolveComponent as Be, withKeys as K, normalizeStyle as Z, unref as ee, provide as te, onUnmounted as Fe } from "vue";
-import { useStonecrop as Le, useValidationStore as je, isDraftRecordId as Pe, DRAFT_RECORD_ID as Ke } from "@stonecrop/stonecrop";
-import { AForm as He } from "@stonecrop/aform";
-import { flattenFields as ze, componentLinkExpansion as Ue } from "@stonecrop/schema";
-const We = { class: "action-menu-icon" }, qe = { class: "action-element-header" }, Ge = ["disabled", "onClick"], Je = { key: 0 }, Qe = { class: "dropdown-header" }, Xe = ["onClick"], Ye = ["onClick"], Ze = { class: "dropdown-container" }, et = { class: "dropdown" }, tt = ["onClick"], at = ["href"], ot = { class: "dropdown-item" }, rt = /* @__PURE__ */ Q({
+import { defineComponent as Q, ref as M, onMounted as ue, openBlock as y, createElementBlock as g, normalizeClass as O, createElementVNode as c, Fragment as W, renderList as q, toDisplayString as V, createCommentVNode as K, withDirectives as G, vShow as oe, useTemplateRef as de, computed as $, watch as H, nextTick as ve, createBlock as pe, Teleport as Te, createVNode as L, Transition as Ve, withCtx as z, withModifiers as fe, vModelText as me, renderSlot as Y, createTextVNode as J, resolveComponent as Ee, withKeys as j, normalizeStyle as Z, unref as ee, provide as te, onUnmounted as Be } from "vue";
+import { useStonecrop as Fe, useValidationStore as Oe, isDraftRecordId as Le, DRAFT_RECORD_ID as Pe } from "@stonecrop/stonecrop";
+import { AForm as je, resolvedFieldsToColumns as Ke } from "@stonecrop/aform";
+import { flattenFields as He, componentLinkExpansion as ze } from "@stonecrop/schema";
+const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header" }, qe = ["disabled", "onClick"], Ge = { key: 0 }, Je = { class: "dropdown-header" }, Qe = ["onClick"], Xe = ["onClick"], Ye = { class: "dropdown-container" }, Ze = { class: "dropdown" }, et = ["onClick"], tt = ["href"], ot = { class: "dropdown-item" }, at = /* @__PURE__ */ Q({
   __name: "ActionSet",
   props: {
     elements: { default: () => [] }
   },
   emits: ["actionClick"],
-  setup(l, { emit: $ }) {
-    const D = $, w = M({}), d = M(!0), a = M([]);
-    de(() => {
-      v();
+  setup(l, { emit: S }) {
+    const D = S, w = M({}), d = M(!0), o = M([]);
+    ue(() => {
+      p();
     });
-    const v = () => {
-      w.value = {}, a.value = [];
-    }, x = () => {
+    const p = () => {
+      w.value = {}, o.value = [];
+    }, _ = () => {
       d.value = !d.value;
-    }, N = (i) => {
-      const p = !w.value[i];
-      v(), p && (w.value[i] = !0, a.value[i] = !0);
-    }, C = (i, p) => {
-      D("actionClick", p, i);
+    }, T = (i) => {
+      const f = !w.value[i];
+      p(), f && (w.value[i] = !0, o.value[i] = !0);
+    }, C = (i, f) => {
+      D("actionClick", f, i);
     };
-    return (i, p) => (m(), g("div", {
-      class: F([{ collapsed: !d.value }, "action-set"])
+    return (i, f) => (y(), g("div", {
+      class: O([{ collapsed: !d.value }, "action-set"])
     }, [
-      c("div", We, [
+      c("div", Ue, [
         c("div", {
           id: "cross",
-          class: F({ rotated: d.value }),
-          onClick: x
+          class: O({ rotated: d.value }),
+          onClick: _
         }, "×", 2)
       ]),
-      p[0] || (p[0] = c("div", { style: { "margin-right": "30px" } }, null, -1)),
-      (m(!0), g(W, null, q(l.elements, (s, n) => (m(), g("div", {
+      f[0] || (f[0] = c("div", { style: { "margin-right": "30px" } }, null, -1)),
+      (y(!0), g(W, null, q(l.elements, (s, r) => (y(), g("div", {
         key: s.label,
         class: "action-element"
       }, [
-        c("div", qe, [
-          s.type == "button" ? (m(), g("button", {
+        c("div", We, [
+          s.type == "button" ? (y(), g("button", {
             key: 0,
             disabled: s.disabled,
             class: "button-default",
             onClick: (u) => C(s.action, s.label)
-          }, V(s.label), 9, Ge)) : L("", !0)
+          }, V(s.label), 9, qe)) : K("", !0)
         ]),
-        s.type == "dropdown" ? (m(), g("div", Je, [
-          c("div", Qe, [
+        s.type == "dropdown" ? (y(), g("div", Ge, [
+          c("div", Je, [
             c("div", {
-              class: F(["cross", { rotated: a.value[n] }]),
-              onClick: (u) => N(n)
-            }, "×", 10, Xe),
+              class: O(["cross", { rotated: o.value[r] }]),
+              onClick: (u) => T(r)
+            }, "×", 10, Qe),
             c("button", {
               class: "button-default dropdown-title",
-              onClick: (u) => N(n)
-            }, V(s.label), 9, Ye)
+              onClick: (u) => T(r)
+            }, V(s.label), 9, Xe)
           ]),
-          G(c("div", Ze, [
-            c("div", et, [
-              (m(!0), g(W, null, q(s.actions, (u) => (m(), g("div", {
+          G(c("div", Ye, [
+            c("div", Ze, [
+              (y(!0), g(W, null, q(s.actions, (u) => (y(), g("div", {
                 key: u.label
               }, [
-                u.action != null ? (m(), g("button", {
+                u.action != null ? (y(), g("button", {
                   key: 0,
                   class: "dropdown-item",
-                  onClick: (r) => C(u.action, u.label)
-                }, V(u.label), 9, tt)) : u.link != null ? (m(), g("a", {
+                  onClick: (n) => C(u.action, u.label)
+                }, V(u.label), 9, et)) : u.link != null ? (y(), g("a", {
                   key: 1,
                   href: u.link
                 }, [
                   c("button", ot, V(u.label), 1)
-                ], 8, at)) : L("", !0)
+                ], 8, tt)) : K("", !0)
               ]))), 128))
             ])
           ], 512), [
-            [ae, w.value[n]]
+            [oe, w.value[r]]
           ])
-        ])) : L("", !0)
+        ])) : K("", !0)
       ]))), 128))
     ], 2));
   }
-}), ye = (l, $) => {
+}), ye = (l, S) => {
   const D = l.__vccOpts || l;
-  for (const [w, d] of $)
+  for (const [w, d] of S)
     D[w] = d;
   return D;
-}, ge = /* @__PURE__ */ ye(rt, [["__scopeId", "data-v-54797d4b"]]), nt = { class: "command-palette-header" }, lt = ["placeholder"], st = {
+}, he = /* @__PURE__ */ ye(at, [["__scopeId", "data-v-54797d4b"]]), nt = { class: "command-palette-header" }, rt = ["placeholder"], lt = {
   key: 0,
   class: "command-palette-results"
-}, ct = ["onClick", "onMouseover"], it = { class: "result-title" }, ut = { class: "result-content" }, dt = {
+}, st = ["onClick", "onMouseover"], ct = { class: "result-title" }, it = { class: "result-content" }, ut = {
   key: 1,
   class: "command-palette-no-results"
-}, we = /* @__PURE__ */ Q({
+}, ge = /* @__PURE__ */ Q({
   __name: "CommandPalette",
   props: {
     search: { type: Function },
@@ -101,128 +101,128 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
     maxResults: { default: 10 }
   },
   emits: ["select", "close"],
-  setup(l, { emit: $ }) {
-    const D = $, w = M(""), d = M(0), a = ve("input"), v = S(() => w.value ? l.search(w.value).slice(0, l.maxResults) : []);
+  setup(l, { emit: S }) {
+    const D = S, w = M(""), d = M(0), o = de("input"), p = $(() => w.value ? l.search(w.value).slice(0, l.maxResults) : []);
     H(
       () => l.isOpen,
       async (i) => {
-        i && (w.value = "", d.value = 0, await pe(), a.value?.focus());
+        i && (w.value = "", d.value = 0, await ve(), o.value?.focus());
       }
-    ), H(v, () => {
+    ), H(p, () => {
       d.value = 0;
     });
-    const x = () => {
+    const _ = () => {
       D("close");
-    }, N = (i) => {
+    }, T = (i) => {
       switch (i.key) {
         case "Escape":
-          x();
+          _();
           break;
         case "ArrowDown":
-          i.preventDefault(), v.value.length && (d.value = (d.value + 1) % v.value.length);
+          i.preventDefault(), p.value.length && (d.value = (d.value + 1) % p.value.length);
           break;
         case "ArrowUp":
-          i.preventDefault(), v.value.length && (d.value = (d.value - 1 + v.value.length) % v.value.length);
+          i.preventDefault(), p.value.length && (d.value = (d.value - 1 + p.value.length) % p.value.length);
           break;
         case "Enter":
-          v.value.length && d.value >= 0 && C(v.value[d.value]);
+          p.value.length && d.value >= 0 && C(p.value[d.value]);
           break;
       }
     }, C = (i) => {
-      D("select", i), x();
+      D("select", i), _();
     };
-    return (i, p) => (m(), fe(Ee, { to: "body" }, [
-      j(Oe, { name: "fade" }, {
+    return (i, f) => (y(), pe(Te, { to: "body" }, [
+      L(Ve, { name: "fade" }, {
         default: z(() => [
-          l.isOpen ? (m(), g("div", {
+          l.isOpen ? (y(), g("div", {
             key: 0,
             class: "command-palette-overlay",
-            onClick: x
+            onClick: _
           }, [
             c("div", {
               class: "command-palette",
-              onClick: p[1] || (p[1] = me(() => {
+              onClick: f[1] || (f[1] = fe(() => {
               }, ["stop"]))
             }, [
               c("div", nt, [
                 G(c("input", {
                   ref: "input",
-                  "onUpdate:modelValue": p[0] || (p[0] = (s) => w.value = s),
+                  "onUpdate:modelValue": f[0] || (f[0] = (s) => w.value = s),
                   type: "text",
                   class: "command-palette-input",
                   placeholder: l.placeholder,
                   autofocus: "",
-                  onKeydown: N
-                }, null, 40, lt), [
-                  [he, w.value]
+                  onKeydown: T
+                }, null, 40, rt), [
+                  [me, w.value]
                 ])
               ]),
-              v.value.length ? (m(), g("div", st, [
-                (m(!0), g(W, null, q(v.value, (s, n) => (m(), g("div", {
-                  key: n,
-                  class: F(["command-palette-result", { selected: n === d.value }]),
+              p.value.length ? (y(), g("div", lt, [
+                (y(!0), g(W, null, q(p.value, (s, r) => (y(), g("div", {
+                  key: r,
+                  class: O(["command-palette-result", { selected: r === d.value }]),
                   onClick: (u) => C(s),
-                  onMouseover: (u) => d.value = n
+                  onMouseover: (u) => d.value = r
                 }, [
-                  c("div", it, [
+                  c("div", ct, [
                     Y(i.$slots, "title", { result: s })
                   ]),
-                  c("div", ut, [
+                  c("div", it, [
                     Y(i.$slots, "content", { result: s })
                   ])
-                ], 42, ct))), 128))
-              ])) : w.value && !v.value.length ? (m(), g("div", dt, [
+                ], 42, st))), 128))
+              ])) : w.value && !p.value.length ? (y(), g("div", ut, [
                 Y(i.$slots, "empty", {}, () => [
                   J(' No results found for "' + V(w.value) + '" ', 1)
                 ])
-              ])) : L("", !0)
+              ])) : K("", !0)
             ])
-          ])) : L("", !0)
+          ])) : K("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), vt = { class: "tabs" }, pt = { tabindex: "0" }, ft = { tabindex: "0" }, mt = /* @__PURE__ */ Q({
+}), dt = { class: "tabs" }, vt = { tabindex: "0" }, pt = { tabindex: "0" }, ft = /* @__PURE__ */ Q({
   __name: "SheetNav",
   props: {
     breadcrumbs: { default: () => [] }
   },
   setup(l) {
-    const $ = M(!0), D = M(!1), w = M(""), d = ve("searchinput"), a = S(() => $.value ? "unrotated" : "rotated"), v = () => {
-      $.value = !$.value;
-    }, x = async () => {
-      D.value = !D.value, await pe(() => {
+    const S = M(!0), D = M(!1), w = M(""), d = de("searchinput"), o = $(() => S.value ? "unrotated" : "rotated"), p = () => {
+      S.value = !S.value;
+    }, _ = async () => {
+      D.value = !D.value, await ve(() => {
         d.value?.focus();
       });
-    }, N = (p) => {
-      p.preventDefault(), p.stopPropagation();
-    }, C = async (p) => {
-      p.preventDefault(), p.stopPropagation(), await x();
+    }, T = (f) => {
+      f.preventDefault(), f.stopPropagation();
+    }, C = async (f) => {
+      f.preventDefault(), f.stopPropagation(), await _();
     }, i = () => {
     };
-    return (p, s) => {
-      const n = Be("router-link");
-      return m(), g("footer", null, [
-        c("ul", vt, [
+    return (f, s) => {
+      const r = Ee("router-link");
+      return y(), g("footer", null, [
+        c("ul", dt, [
           c("li", {
             class: "hidebreadcrumbs",
-            onClick: v,
-            onKeydown: K(v, ["enter"])
+            onClick: p,
+            onKeydown: j(p, ["enter"])
           }, [
-            c("a", pt, [
+            c("a", vt, [
               c("div", {
-                class: F(a.value)
+                class: O(o.value)
               }, "×", 2)
             ])
           ], 32),
           c("li", {
             class: "hometab",
-            style: Z({ display: $.value ? "block" : "none" }),
+            style: Z({ display: S.value ? "block" : "none" }),
             onClick: i,
-            onKeydown: K(i, ["enter"])
+            onKeydown: j(i, ["enter"])
           }, [
-            j(n, {
+            L(r, {
               to: "/",
               tabindex: "0"
             }, {
@@ -243,11 +243,11 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
             })
           ], 36),
           c("li", {
-            class: F(["searchtab", { "search-active": D.value }]),
-            style: Z({ display: $.value ? "block" : "none" })
+            class: O(["searchtab", { "search-active": D.value }]),
+            style: Z({ display: S.value ? "block" : "none" })
           }, [
-            c("a", ft, [
-              G((m(), g("svg", {
+            c("a", pt, [
+              G((y(), g("svg", {
                 class: "icon search-icon",
                 role: "button",
                 "aria-label": "Search",
@@ -255,8 +255,8 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
                 fill: "none",
                 stroke: "currentColor",
                 "stroke-width": "2",
-                onClick: x,
-                onKeydown: K(x, ["enter"])
+                onClick: _,
+                onKeydown: j(_, ["enter"])
               }, [...s[6] || (s[6] = [
                 c("circle", {
                   cx: "11",
@@ -265,32 +265,32 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
                 }, null, -1),
                 c("path", { d: "M21 21l-4.35-4.35" }, null, -1)
               ])], 544)), [
-                [ae, !D.value]
+                [oe, !D.value]
               ]),
               G(c("input", {
                 ref: "searchinput",
                 "onUpdate:modelValue": s[0] || (s[0] = (u) => w.value = u),
                 type: "text",
                 placeholder: "Search...",
-                onClick: s[1] || (s[1] = me(() => {
+                onClick: s[1] || (s[1] = fe(() => {
                 }, ["stop"])),
-                onInput: s[2] || (s[2] = (u) => N(u)),
+                onInput: s[2] || (s[2] = (u) => T(u)),
                 onBlur: s[3] || (s[3] = (u) => C(u)),
                 onKeydown: [
-                  s[4] || (s[4] = K((u) => C(u), ["enter"])),
-                  K(x, ["escape"])
+                  s[4] || (s[4] = j((u) => C(u), ["enter"])),
+                  j(_, ["escape"])
                 ]
               }, null, 544), [
-                [ae, D.value],
-                [he, w.value]
+                [oe, D.value],
+                [me, w.value]
               ])
             ])
           ], 6),
-          (m(!0), g(W, null, q(l.breadcrumbs, (u) => (m(), g("li", {
+          (y(!0), g(W, null, q(l.breadcrumbs, (u) => (y(), g("li", {
             key: u.title,
-            style: Z({ display: $.value ? "block" : "none" })
+            style: Z({ display: S.value ? "block" : "none" })
           }, [
-            j(n, {
+            L(r, {
               tabindex: "0",
               to: u.to
             }, {
@@ -304,57 +304,54 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
       ]);
     };
   }
-}), be = /* @__PURE__ */ ye(mt, [["__scopeId", "data-v-0072260b"]]), ht = {
+}), we = /* @__PURE__ */ ye(ft, [["__scopeId", "data-v-0072260b"]]), mt = {
   key: 1,
   class: "loading"
 }, yt = {
   key: 2,
   class: "loading"
-}, gt = {
-  key: 3,
-  class: "truncation-note"
-}, wt = /* @__PURE__ */ Q({
+}, ht = /* @__PURE__ */ Q({
   __name: "Desktop",
   props: {
     availableDoctypes: { default: () => [] },
     routeAdapter: {}
   },
   emits: ["action", "navigate", "record:open", "load-records", "load-record"],
-  setup(l, { emit: $ }) {
+  setup(l, { emit: S }) {
     function D(e) {
-      const t = ze(e).filter((o) => o.kind === "field" && !!o.doctype);
+      const t = He(e).filter((a) => a.kind === "field" && !!a.doctype);
       return new Set(
-        t.filter((o) => Ue(o.component) === "inline").map((o) => o.fieldname)
+        t.filter((a) => ze(a.component) === "inline").map((a) => a.fieldname)
       );
     }
     function w(e) {
       return e !== null && typeof e == "object" && !Array.isArray(e) && "id" in e ? e.id : e;
     }
-    const d = $, { stonecrop: a } = Le();
-    let v = null;
+    const d = S, { stonecrop: o } = Fe();
+    let p = null;
     try {
-      v = je();
+      p = Oe();
     } catch {
-      v = null;
+      p = null;
     }
-    const x = S(
-      () => I.value === "record" ? v?.errorsByField ?? {} : {}
-    ), N = M(!1), C = M(!1), i = M({}), p = S({
+    const _ = $(
+      () => x.value === "record" ? p?.errorsByField ?? {} : {}
+    ), T = M(!1), C = M(!1), i = M({}), f = $({
       get() {
-        if (I.value === "doctypes")
+        if (x.value === "doctypes")
           return {
             doctypes_table: l.availableDoctypes?.map((e) => ({
               id: e,
               doctype: e,
-              display_name: B(e),
+              display_name: F(e),
               actions: "View Records"
             })) ?? []
           };
-        if (I.value === "records")
+        if (x.value === "records")
           return {
-            records_table: se().map(
+            records_table: le().map(
               (e) => Object.assign({}, e, {
-                id: ie(e) ?? "",
+                id: ce(e) ?? "",
                 // A list row is navigation. Actions live on the record view, where the Actions
                 // dropdown is built from what the doctype declares and what the record's
                 // current state allows. This cell used to also offer Delete, which dispatched
@@ -365,17 +362,17 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
               })
             )
           };
-        if (!a.value || !r.value || !h.value)
+        if (!o.value || !n.value || !h.value)
           return {};
         try {
-          const t = { ...O.value ? i.value : a.value.getRecordById(r.value, h.value)?.get("") }, o = a.value.registry.registry[r.value];
-          if (o) {
-            for (const y of o.getSchemaArray())
-              if (y.kind === "fieldset") {
-                const f = {};
-                for (const A of y.schema)
-                  A.fieldname && (f[A.fieldname] = t[A.fieldname]);
-                t[y.fieldname] = f;
+          const t = { ...B.value ? i.value : o.value.getRecordById(n.value, h.value)?.get("") }, a = o.value.registry.registry[n.value];
+          if (a) {
+            for (const m of a.getSchemaArray())
+              if (m.kind === "fieldset") {
+                const v = {};
+                for (const A of m.schema)
+                  A.fieldname && (v[A.fieldname] = t[A.fieldname]);
+                t[m.fieldname] = v;
               }
           }
           return t;
@@ -384,135 +381,135 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
         }
       },
       set(e) {
-        if (I.value === "record" && !(!a.value || !r.value || !h.value))
+        if (x.value === "record" && !(!o.value || !n.value || !h.value))
           try {
-            const t = a.value.registry.registry[r.value], o = /* @__PURE__ */ new Set();
+            const t = o.value.registry.registry[n.value], a = /* @__PURE__ */ new Set();
             if (t)
               for (const k of t.getSchemaArray())
-                k.kind === "fieldset" && o.add(k.fieldname);
-            const y = D(t ? t.getSchemaArray() : []), f = {}, A = [];
+                k.kind === "fieldset" && a.add(k.fieldname);
+            const m = D(t ? t.getSchemaArray() : []), v = {}, A = [];
             for (const [k, b] of Object.entries(e))
-              o.has(k) && b && typeof b == "object" && !Array.isArray(b) ? A.push(b) : f[k] = b;
+              a.has(k) && b && typeof b == "object" && !Array.isArray(b) ? A.push(b) : v[k] = b;
             for (const k of A)
-              Object.assign(f, k);
-            const _ = [];
-            if (O.value) {
+              Object.assign(v, k);
+            const I = [];
+            if (B.value) {
               const k = { ...i.value };
-              for (const [b, T] of Object.entries(f)) {
-                if (T === void 0) continue;
-                const P = y.has(b) ? w(T) : T;
-                k[b] !== P && (k[b] = P, _.push(b));
+              for (const [b, N] of Object.entries(v)) {
+                if (N === void 0) continue;
+                const P = m.has(b) ? w(N) : N;
+                k[b] !== P && (k[b] = P, I.push(b));
               }
               i.value = k;
             } else {
-              const k = a.value.getStore();
-              for (const [b, T] of Object.entries(f)) {
-                if (T === void 0) continue;
-                const P = y.has(b) ? w(T) : T, X = `${r.value}.${h.value}.${b}`;
-                (k.has(X) ? k.get(X) : void 0) !== P && (k.set(X, P), _.push(b));
+              const k = o.value.getStore();
+              for (const [b, N] of Object.entries(v)) {
+                if (N === void 0) continue;
+                const P = m.has(b) ? w(N) : N, X = `${n.value}.${h.value}.${b}`;
+                (k.has(X) ? k.get(X) : void 0) !== P && (k.set(X, P), I.push(b));
               }
             }
-            _.length > 0 && s(_);
+            I.length > 0 && s(I);
           } catch (t) {
             console.warn("HST update failed:", t);
           }
       }
     });
     function s(e) {
-      if (!v || !a.value || !r.value || !h.value) return;
-      const o = a.value.registry.getDoctype(r.value)?.getTriggers();
-      if (!o || Object.keys(o).length === 0) return;
-      const y = O.value ? { ...i.value } : {
-        ...a.value.getRecordById(r.value, h.value)?.get("")
+      if (!p || !o.value || !n.value || !h.value) return;
+      const a = o.value.registry.getDoctype(n.value)?.getTriggers();
+      if (!a || Object.keys(a).length === 0) return;
+      const m = B.value ? { ...i.value } : {
+        ...o.value.getRecordById(n.value, h.value)?.get("")
       };
-      for (const f of e)
-        v.validateField(o, f, y);
+      for (const v of e)
+        p.validateField(a, v, m);
     }
-    const n = S(() => l.routeAdapter ? null : ee(a.value?.registry.router?.currentRoute)), u = S(() => l.routeAdapter ? null : a.value?.registry.router), r = S(() => {
+    const r = $(() => l.routeAdapter ? null : ee(o.value?.registry.router?.currentRoute)), u = $(() => l.routeAdapter ? null : o.value?.registry.router), n = $(() => {
       if (l.routeAdapter) return l.routeAdapter.getCurrentDoctype();
-      if (!n.value) return "";
-      if (n.value.meta?.actualDoctype)
-        return n.value.meta.actualDoctype;
-      if (n.value.params.doctype)
-        return n.value.params.doctype.toString();
-      const e = n.value.params.pathMatch;
+      if (!r.value) return "";
+      if (r.value.meta?.actualDoctype)
+        return r.value.meta.actualDoctype;
+      if (r.value.params.doctype)
+        return r.value.params.doctype.toString();
+      const e = r.value.params.pathMatch;
       return e && e.length > 0 ? e[0] : "";
-    }), R = S(() => {
+    }), R = $(() => {
       if (l.routeAdapter) return l.routeAdapter.getCurrentDoctype();
-      if (!n.value) return "";
-      if (n.value.meta?.doctype)
-        return n.value.meta.doctype;
-      if (n.value.params.doctype)
-        return n.value.params.doctype.toString();
-      const e = n.value.params.pathMatch;
+      if (!r.value) return "";
+      if (r.value.meta?.doctype)
+        return r.value.meta.doctype;
+      if (r.value.params.doctype)
+        return r.value.params.doctype.toString();
+      const e = r.value.params.pathMatch;
       return e && e.length > 0 ? e[0] : "";
-    }), h = S(() => {
+    }), h = $(() => {
       if (l.routeAdapter) return l.routeAdapter.getCurrentRecordId();
-      if (!n.value) return "";
-      if (n.value.params.recordId)
-        return n.value.params.recordId.toString();
-      const e = n.value.params.pathMatch;
+      if (!r.value) return "";
+      if (r.value.params.recordId)
+        return r.value.params.recordId.toString();
+      const e = r.value.params.pathMatch;
       return e && e.length > 1 ? e[1] : "";
-    }), O = S(() => Pe(h.value)), I = S(() => {
+    }), B = $(() => Le(h.value)), x = $(() => {
       if (l.routeAdapter) return l.routeAdapter.getCurrentView();
-      if (!n.value || n.value.name === "home" || n.value.path === "/")
+      if (!r.value || r.value.name === "home" || r.value.path === "/")
         return "doctypes";
-      if (n.value.name && n.value.name !== "catch-all") {
-        const t = n.value.name;
-        if (t.includes("form") || n.value.params.recordId)
+      if (r.value.name && r.value.name !== "catch-all") {
+        const t = r.value.name;
+        if (t.includes("form") || r.value.params.recordId)
           return "record";
-        if (t.includes("list") || n.value.params.doctype)
+        if (t.includes("list") || r.value.params.doctype)
           return "records";
       }
-      const e = n.value.params.pathMatch;
+      const e = r.value.params.pathMatch;
       return e && e.length > 0 ? e.length === 1 ? "records" : "record" : "doctypes";
-    }), ke = () => {
-      if (!a.value || !r.value || !h.value)
+    }), be = () => {
+      if (!o.value || !n.value || !h.value)
         return [];
       try {
-        const e = a.value.registry.getDoctype(r.value);
+        const e = o.value.registry.getDoctype(n.value);
         if (!e?.workflow) return [];
-        const t = a.value.getRecordState(r.value, h.value), o = e.getAvailableTransitions(t), y = p.value || {};
-        return o.map(({ name: f }) => ({
+        const t = o.value.getRecordState(n.value, h.value), a = e.getAvailableTransitions(t), m = f.value || {};
+        return a.map(({ name: v }) => ({
           // Prefer the workflow action's human-readable label (WorkflowMeta format);
           // fall back to the raw transition name for XState workflows with no action meta.
-          label: e.getActionMeta(f)?.label ?? f,
+          label: e.getActionMeta(v)?.label ?? v,
           action: () => {
             d("action", {
-              name: f,
-              doctype: r.value,
+              name: v,
+              doctype: n.value,
               recordId: h.value,
-              data: y
+              data: m
             });
           }
         }));
       } catch (e) {
         return console.warn("Error getting available transitions:", e), [];
       }
-    }, Ce = () => {
-      if (!a.value || !r.value || !h.value)
+    }, ke = () => {
+      if (!o.value || !n.value || !h.value)
         return [];
       try {
-        const e = a.value.registry.getDoctype(r.value);
+        const e = o.value.registry.getDoctype(n.value);
         if (!e?.workflow) return [];
-        const t = a.value.getRecordState(r.value, h.value), o = e.getAvailableCommands(t), y = p.value || {};
-        return o.map(({ name: f }) => ({
-          label: e.getActionMeta(f)?.label ?? f,
+        const t = o.value.getRecordState(n.value, h.value), a = e.getAvailableCommands(t), m = f.value || {};
+        return a.map(({ name: v }) => ({
+          label: e.getActionMeta(v)?.label ?? v,
           action: () => {
             d("action", {
-              name: f,
-              doctype: r.value,
+              name: v,
+              doctype: n.value,
               recordId: h.value,
-              data: y
+              data: m
             });
           }
         }));
       } catch (e) {
         return console.warn("Error getting available commands:", e), [];
       }
-    }, Ae = S(() => {
+    }, Ce = $(() => {
       const e = [];
-      switch (I.value) {
+      switch (x.value) {
         case "records":
           e.push({
             type: "button",
@@ -523,7 +520,7 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
           });
           break;
         case "record": {
-          const t = [...ke(), ...Ce()];
+          const t = [...be(), ...ke()];
           t.length > 0 && e.push({
             type: "dropdown",
             label: "Actions",
@@ -533,23 +530,23 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
         }
       }
       return e;
-    }), De = S(() => {
+    }), Ae = $(() => {
       const e = [];
-      if (I.value === "records" && R.value)
+      if (x.value === "records" && R.value)
         e.push(
           { title: "Home", to: "/" },
-          { title: B(R.value), to: `/${R.value}` }
+          { title: F(R.value), to: `/${R.value}` }
         );
-      else if (I.value === "record" && R.value) {
-        const t = h.value ? `/${R.value}/${h.value}` : n.value?.fullPath ?? "";
+      else if (x.value === "record" && R.value) {
+        const t = h.value ? `/${R.value}/${h.value}` : r.value?.fullPath ?? "";
         e.push(
           { title: "Home", to: "/" },
-          { title: B(R.value), to: `/${R.value}` },
-          { title: O.value ? "New Record" : "Edit Record", to: t }
+          { title: F(R.value), to: `/${R.value}` },
+          { title: B.value ? "New Record" : "Edit Record", to: t }
         );
       }
       return e;
-    }), Re = (e) => {
+    }), De = (e) => {
       const t = [
         {
           title: "Go Home",
@@ -565,45 +562,45 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
         }
       ];
       return R.value && (t.push({
-        title: `View ${B(R.value)} Records`,
+        title: `View ${F(R.value)} Records`,
         description: `Navigate to ${R.value} list`,
         action: () => {
           E({ view: "records", doctype: R.value });
         }
       }), t.push({
-        title: `Create New ${B(R.value)}`,
+        title: `Create New ${F(R.value)}`,
         description: `Create a new ${R.value} record`,
         action: () => {
           U();
         }
-      })), l.availableDoctypes.forEach((o) => {
+      })), l.availableDoctypes.forEach((a) => {
         t.push({
-          title: `View ${B(o)}`,
-          description: `Navigate to ${o} list`,
+          title: `View ${F(a)}`,
+          description: `Navigate to ${a} list`,
           action: () => {
-            E({ view: "records", doctype: o });
+            E({ view: "records", doctype: a });
           }
         });
       }), e ? t.filter(
-        (o) => o.title.toLowerCase().includes(e.toLowerCase()) || o.description.toLowerCase().includes(e.toLowerCase())
+        (a) => a.title.toLowerCase().includes(e.toLowerCase()) || a.description.toLowerCase().includes(e.toLowerCase())
       ) : t;
-    }, Se = (e) => {
+    }, Re = (e) => {
       e.action(), C.value = !1;
-    }, B = (e) => e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), $e = S(() => I.value !== "records" || !r.value ? !1 : a.value?.getPageInfo(r.value)?.hasMore === !0), E = async (e) => {
+    }, Se = (e) => {
+      if (!o.value || !n.value)
+        return Promise.resolve({ data: [], hasMore: !1 });
+      const t = o.value.registry.getDoctype(n.value);
+      return t ? o.value.getRecords(t, e) : Promise.resolve({ data: [], hasMore: !1 });
+    }, F = (e) => e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), E = async (e) => {
       d("navigate", e), l.routeAdapter ? await l.routeAdapter.navigate(e) : e.view === "doctypes" ? await u.value?.push("/") : e.view === "records" && e.doctype ? await u.value?.push(`/${e.doctype}`) : e.view === "record" && e.doctype && e.recordId && await u.value?.push(`/${e.doctype}/${e.recordId}`);
-    }, oe = async (e) => {
+    }, ae = async (e) => {
       await E({ view: "records", doctype: e });
-    }, re = async (e) => {
+    }, ne = async (e) => {
       const t = R.value;
       d("record:open", { doctype: t, recordId: e }), await E({ view: "record", doctype: t, recordId: e });
     }, U = async () => {
-      await E({ view: "record", doctype: R.value, recordId: Ke });
-    }, ne = (e) => {
-      const t = [];
-      for (const o of e)
-        o.kind === "fieldset" ? t.push(...ne(o.schema)) : t.push(o);
-      return t;
-    }, Ie = () => l.availableDoctypes?.length ? [
+      await E({ view: "record", doctype: R.value, recordId: Pe });
+    }, $e = () => l.availableDoctypes?.length ? [
       {
         kind: "table",
         fieldname: "doctypes_table",
@@ -641,132 +638,122 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
         ],
         config: { view: "list", fullWidth: !0 }
       }
-    ] : [], _e = () => {
-      if (!r.value) return [];
-      if (!a.value) return [];
-      const e = a.value.registry, t = e.registry[r.value];
+    ] : [], Ie = () => {
+      if (!n.value) return [];
+      if (!o.value) return [];
+      const e = o.value.registry, t = e.registry[n.value];
       if (!t) return [];
-      const o = e.resolveSchema(t);
-      return o.length === 0 ? [] : [
+      const a = e.resolveSchema(t);
+      if (a.length === 0) return [];
+      const m = n.value, v = !!o.value.getClient();
+      return [
         {
           kind: "table",
           fieldname: "records_table",
           component: "ATable",
-          schema: [
-            ...ne(o),
-            { fieldname: "actions", label: "Actions", component: "ATextInput" }
-          ],
-          config: { view: "list", fullWidth: !0 }
+          // Which resolved fields a cell can render is answered once, in @stonecrop/aform, and
+          // called by the child-table builder too. Flattening alone is not the rule: it kept the
+          // expanding links, whose value is a nested record or an array of them.
+          schema: [...Ke(a), { fieldname: "actions", label: "Actions", component: "ATextInput" }],
+          config: { view: "list", fullWidth: !0 },
+          ...v ? { getRecords: Se, sourceKey: m } : {}
         }
       ];
-    }, le = () => {
-      if (!r.value) return [];
-      if (!a.value) return [];
+    }, re = () => {
+      if (!n.value) return [];
+      if (!o.value) return [];
       try {
-        const e = a.value?.registry, t = e?.registry[r.value];
+        const e = o.value?.registry, t = e?.registry[n.value];
         return t?.schema ? e.resolveSchema(t) : [];
       } catch {
         return [];
       }
-    }, se = () => {
-      if (!a.value || !r.value)
+    }, le = () => {
+      if (!o.value || !n.value)
         return [];
-      const t = a.value.records(r.value)?.get("");
+      const t = o.value.records(n.value)?.get("");
       return t && typeof t == "object" && !Array.isArray(t) ? Object.values(t) : [];
-    }, ce = S(() => {
-      switch (I.value) {
+    }, se = $(() => {
+      switch (x.value) {
         case "doctypes":
-          return Ie();
+          return $e();
         case "records":
-          return _e();
+          return Ie();
         case "record":
-          return le();
+          return re();
         default:
           return [];
       }
-    }), xe = (e, t) => {
+    }), _e = (e, t) => {
       t && t();
-    }, ie = (e) => {
-      if (!(!a.value || !r.value))
-        return a.value.registry.registry[r.value]?.getRecordId(e);
-    }, Ne = (e) => {
+    }, ce = (e) => {
+      if (!(!o.value || !n.value))
+        return o.value.registry.registry[n.value]?.getRecordId(e);
+    }, xe = (e) => {
       const t = e.querySelector("td[data-rowindex]");
       if (!t) return null;
-      const o = t.getAttribute("data-rowindex");
-      if (o === null) return null;
-      const y = parseInt(o, 10);
-      if (isNaN(y)) return null;
-      const A = se()[y];
-      return A ? ie(A) ?? null : null;
-    }, Te = async (e) => {
+      const a = t.getAttribute("data-rowindex");
+      if (a === null) return null;
+      const m = parseInt(a, 10);
+      if (isNaN(m)) return null;
+      const A = le()[m];
+      return A ? ce(A) ?? null : null;
+    }, Ne = async (e) => {
       const t = e.target;
       t.getAttribute("data-action") === "create" && await U();
-      const y = t.closest("td, th");
-      if (y) {
-        const f = y.textContent?.trim(), A = y.closest("tr");
-        if (f === "View Records" && A) {
-          const _ = A.querySelectorAll("td");
-          if (_.length > 0) {
-            const b = _[1].textContent?.trim();
-            b && await oe(b);
+      const m = t.closest("td, th");
+      if (m) {
+        const v = m.textContent?.trim(), A = m.closest("tr");
+        if (v === "View Records" && A) {
+          const I = A.querySelectorAll("td");
+          if (I.length > 0) {
+            const b = I[1].textContent?.trim();
+            b && await ae(b);
           }
-        } else if (f === "Edit" && A) {
-          const _ = Ne(A);
-          _ && await re(_);
+        } else if (v === "Edit" && A) {
+          const I = xe(A);
+          I && await ne(I);
         }
       }
     }, Me = async () => {
-      if (!(!a.value || !r.value || !a.value.getClient())) {
-        N.value = !0;
+      if (!(!o.value || !n.value || !o.value.getClient())) {
+        T.value = !0;
         try {
-          await a.value.getRecord(r.value, h.value);
+          await o.value.getRecord(n.value, h.value);
         } catch (e) {
           console.warn("Error fetching record:", e);
         } finally {
-          N.value = !1;
-        }
-      }
-    }, Ve = async () => {
-      if (!a.value || !r.value || !a.value.getClient()) return;
-      const e = a.value.registry.getDoctype(r.value);
-      if (e) {
-        N.value = !0;
-        try {
-          await a.value.getRecords(e);
-        } catch (t) {
-          console.warn("Error fetching records:", t);
-        } finally {
-          N.value = !1;
+          T.value = !1;
         }
       }
     };
     H(
-      [I, r, h],
+      [x, n, h],
       () => {
-        if (I.value === "records" && r.value)
-          d("load-records", { doctype: r.value }), Ve();
-        else if (I.value === "record" && r.value && h.value) {
-          if (O.value) return;
-          d("load-record", { doctype: r.value, recordId: h.value }), Me();
+        if (x.value === "records" && n.value)
+          d("load-records", { doctype: n.value });
+        else if (x.value === "record" && n.value && h.value) {
+          if (B.value) return;
+          d("load-record", { doctype: n.value, recordId: h.value }), Me();
         }
       },
       { immediate: !0 }
-    ), H([r, h], () => {
-      v?.clearAll();
+    ), H([n, h], () => {
+      p?.clearAll();
     }), H(
-      [r, h],
+      [n, h],
       () => {
-        if (!O.value) {
+        if (!B.value) {
           i.value = {};
           return;
         }
-        const e = a.value?.registry;
-        i.value = e ? e.initializeRecord(le()) : {};
+        const e = o.value?.registry;
+        i.value = e ? e.initializeRecord(re()) : {};
       },
       { immediate: !0 }
     ), te("desktopMethods", {
-      navigateToDoctype: oe,
-      openRecord: re,
+      navigateToDoctype: ae,
+      openRecord: ne,
       createNewRecord: U,
       /**
        * Convenience wrapper so child components (e.g. slot content) can emit
@@ -775,9 +762,9 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
       emitAction: (e, t) => {
         d("action", {
           name: e,
-          doctype: r.value,
+          doctype: n.value,
           recordId: h.value,
-          data: t ?? p.value ?? {}
+          data: t ?? f.value ?? {}
         });
       }
     }), te("aformLinkNavigator", {
@@ -785,78 +772,77 @@ const We = { class: "action-menu-icon" }, qe = { class: "action-element-header"
         E({ view: "record", doctype: e, recordId: String(t) });
       }
     }), te("aformLinkResolver", async (e, t) => {
-      if (a.value)
+      if (o.value)
         try {
-          const y = (await a.value.getMeta({ path: `/${e}`, segments: [e] }))?.displayField;
-          if (!y) return;
-          const f = (b) => {
+          const m = (await o.value.getMeta({ path: `/${e}`, segments: [e] }))?.displayField;
+          if (!m) return;
+          const v = (b) => {
             if (!b) return;
-            const T = b[y];
-            return typeof T == "string" || typeof T == "number" ? String(T) : void 0;
-          }, A = a.value.getRecordById(e, t)?.get(""), _ = f(A);
-          if (_ != null) return _;
-          await a.value.getRecord(e, t);
-          const k = a.value.getRecordById(e, t)?.get("");
-          return f(k);
+            const N = b[m];
+            return typeof N == "string" || typeof N == "number" ? String(N) : void 0;
+          }, A = o.value.getRecordById(e, t)?.get(""), I = v(A);
+          if (I != null) return I;
+          await o.value.getRecord(e, t);
+          const k = o.value.getRecordById(e, t)?.get("");
+          return v(k);
         } catch {
           return;
         }
     });
-    const ue = (e) => {
+    const ie = (e) => {
       (e.ctrlKey || e.metaKey) && e.key === "k" && (e.preventDefault(), C.value = !0), e.key === "Escape" && C.value && (C.value = !1);
     };
-    return de(() => {
-      document.addEventListener("keydown", ue);
-    }), Fe(() => {
-      document.removeEventListener("keydown", ue);
-    }), (e, t) => (m(), g("div", {
+    return ue(() => {
+      document.addEventListener("keydown", ie);
+    }), Be(() => {
+      document.removeEventListener("keydown", ie);
+    }), (e, t) => (y(), g("div", {
       class: "desktop",
-      onClick: Te
+      onClick: Ne
     }, [
-      j(ge, {
-        elements: Ae.value,
-        onActionClick: xe
+      L(he, {
+        elements: Ce.value,
+        onActionClick: _e
       }, null, 8, ["elements"]),
-      ce.value.length > 0 ? (m(), fe(ee(He), {
+      se.value.length > 0 ? (y(), pe(ee(je), {
         key: 0,
-        data: p.value,
-        "onUpdate:data": t[0] || (t[0] = (o) => p.value = o),
-        schema: ce.value,
-        errors: x.value
-      }, null, 8, ["data", "schema", "errors"])) : ee(a) ? (m(), g("div", yt, [
-        c("p", null, "Loading " + V(I.value) + " data...", 1)
-      ])) : (m(), g("div", ht, [...t[2] || (t[2] = [
+        data: f.value,
+        "onUpdate:data": t[0] || (t[0] = (a) => f.value = a),
+        schema: se.value,
+        errors: _.value
+      }, null, 8, ["data", "schema", "errors"])) : ee(o) ? (y(), g("div", yt, [
+        c("p", null, "Loading " + V(x.value) + " data...", 1)
+      ])) : (y(), g("div", mt, [...t[2] || (t[2] = [
         c("p", null, "Initializing Stonecrop...", -1)
       ])])),
-      $e.value ? (m(), g("p", gt, "This is a partial list — more records exist on the server.")) : L("", !0),
-      j(be, { breadcrumbs: De.value }, null, 8, ["breadcrumbs"]),
-      j(we, {
+      L(we, { breadcrumbs: Ae.value }, null, 8, ["breadcrumbs"]),
+      L(ge, {
         "is-open": C.value,
-        search: Re,
+        search: De,
         placeholder: "Type a command or search...",
-        onSelect: Se,
-        onClose: t[1] || (t[1] = (o) => C.value = !1)
+        onSelect: Re,
+        onClose: t[1] || (t[1] = (a) => C.value = !1)
       }, {
-        title: z(({ result: o }) => [
-          J(V(o.title), 1)
+        title: z(({ result: a }) => [
+          J(V(a.title), 1)
         ]),
-        content: z(({ result: o }) => [
-          J(V(o.description), 1)
+        content: z(({ result: a }) => [
+          J(V(a.description), 1)
         ]),
         _: 1
       }, 8, ["is-open"])
     ]));
   }
-}), St = {
+}), Dt = {
   install: (l) => {
-    l.component("ActionSet", ge), l.component("CommandPalette", we), l.component("Desktop", wt), l.component("SheetNav", be);
+    l.component("ActionSet", he), l.component("CommandPalette", ge), l.component("Desktop", ht), l.component("SheetNav", we);
   }
 };
 export {
-  ge as ActionSet,
-  we as CommandPalette,
-  wt as Desktop,
-  be as SheetNav,
-  St as StonecropDesktop
+  he as ActionSet,
+  ge as CommandPalette,
+  ht as Desktop,
+  we as SheetNav,
+  Dt as StonecropDesktop
 };
 //# sourceMappingURL=desktop.js.map