@stonecrop/desktop 0.16.6 → 0.18.0

package/dist/desktop.js

@@ -1,97 +1,97 @@
-import { defineComponent as U, ref as R, onMounted as ce, openBlock as d, createElementBlock as h, normalizeClass as _, createElementVNode as c, Fragment as L, renderList as K, toDisplayString as N, createCommentVNode as F, withDirectives as P, vShow as X, useTemplateRef as ie, computed as k, watch as j, nextTick as ue, createBlock as de, Teleport as Te, createVNode as M, Transition as Ve, withCtx as B, withModifiers as ve, vModelText as fe, renderSlot as q, createTextVNode as H, resolveComponent as _e, withKeys as E, normalizeStyle as G, unref as J, provide as Q, onUnmounted as Me } from "vue";
-import { useStonecrop as Ee, useValidationStore as Fe } from "@stonecrop/stonecrop";
-import { AForm as Be } from "@stonecrop/aform";
-const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header" }, Ke = ["disabled", "onClick"], Pe = { key: 0 }, je = { class: "dropdown-header" }, He = ["onClick"], Ue = ["onClick"], ze = { class: "dropdown-container" }, We = { class: "dropdown" }, qe = ["onClick"], Ge = ["href"], Je = { class: "dropdown-item" }, Qe = /* @__PURE__ */ U({
+import { defineComponent as W, ref as I, onMounted as ce, openBlock as p, createElementBlock as h, normalizeClass as E, createElementVNode as i, Fragment as L, renderList as H, toDisplayString as T, createCommentVNode as O, withDirectives as U, vShow as Y, useTemplateRef as ie, computed as C, watch as P, nextTick as ue, createBlock as de, Teleport as Ne, createVNode as B, Transition as Me, withCtx as j, withModifiers as ve, vModelText as pe, renderSlot as G, createTextVNode as z, resolveComponent as Ve, withKeys as F, normalizeStyle as J, unref as Q, provide as X, onUnmounted as Ee } from "vue";
+import { useStonecrop as Oe, useValidationStore as Be, isDraftRecordId as Fe, DRAFT_RECORD_ID as Pe } from "@stonecrop/stonecrop";
+import { AForm as je } from "@stonecrop/aform";
+const Ke = { class: "action-menu-icon" }, Le = { class: "action-element-header" }, He = ["disabled", "onClick"], Ue = { key: 0 }, ze = { class: "dropdown-header" }, We = ["onClick"], qe = ["onClick"], Ge = { class: "dropdown-container" }, Je = { class: "dropdown" }, Qe = ["onClick"], Xe = ["href"], Ye = { class: "dropdown-item" }, Ze = /* @__PURE__ */ W({
   __name: "ActionSet",
   props: {
     elements: { default: () => [] }
   },
   emits: ["actionClick"],
-  setup(s, { emit: b }) {
-    const v = b, a = R({}), u = R(!0), x = R([]);
+  setup(c, { emit: A }) {
+    const y = A, a = I({}), u = I(!0), x = I([]);
     ce(() => {
-      y();
+      m();
     });
-    const y = () => {
+    const m = () => {
       a.value = {}, x.value = [];
-    }, g = () => {
+    }, b = () => {
       u.value = !u.value;
-    }, C = (n) => {
-      const f = !a.value[n];
-      y(), f && (a.value[n] = !0, x.value[n] = !0);
-    }, $ = (n, f) => {
-      v("actionClick", f, n);
+    }, R = (d) => {
+      const r = !a.value[d];
+      m(), r && (a.value[d] = !0, x.value[d] = !0);
+    }, D = (d, r) => {
+      y("actionClick", r, d);
     };
-    return (n, f) => (d(), h("div", {
-      class: _([{ collapsed: !u.value }, "action-set"])
+    return (d, r) => (p(), h("div", {
+      class: E([{ collapsed: !u.value }, "action-set"])
     }, [
-      c("div", Oe, [
-        c("div", {
+      i("div", Ke, [
+        i("div", {
           id: "cross",
-          class: _({ rotated: u.value }),
-          onClick: g
+          class: E({ rotated: u.value }),
+          onClick: b
         }, "×", 2)
       ]),
-      f[0] || (f[0] = c("div", { style: { "margin-right": "30px" } }, null, -1)),
-      (d(!0), h(L, null, K(s.elements, (o, i) => (d(), h("div", {
-        key: o.label,
+      r[0] || (r[0] = i("div", { style: { "margin-right": "30px" } }, null, -1)),
+      (p(!0), h(L, null, H(c.elements, (s, o) => (p(), h("div", {
+        key: s.label,
         class: "action-element"
       }, [
-        c("div", Le, [
-          o.type == "button" ? (d(), h("button", {
+        i("div", Le, [
+          s.type == "button" ? (p(), h("button", {
             key: 0,
-            disabled: o.disabled,
+            disabled: s.disabled,
             class: "button-default",
-            onClick: (r) => $(o.action, o.label)
-          }, N(o.label), 9, Ke)) : F("", !0)
+            onClick: (n) => D(s.action, s.label)
+          }, T(s.label), 9, He)) : O("", !0)
         ]),
-        o.type == "dropdown" ? (d(), h("div", Pe, [
-          c("div", je, [
-            c("div", {
-              class: _(["cross", { rotated: x.value[i] }]),
-              onClick: (r) => C(i)
-            }, "×", 10, He),
-            c("button", {
+        s.type == "dropdown" ? (p(), h("div", Ue, [
+          i("div", ze, [
+            i("div", {
+              class: E(["cross", { rotated: x.value[o] }]),
+              onClick: (n) => R(o)
+            }, "×", 10, We),
+            i("button", {
               class: "button-default dropdown-title",
-              onClick: (r) => C(i)
-            }, N(o.label), 9, Ue)
+              onClick: (n) => R(o)
+            }, T(s.label), 9, qe)
           ]),
-          P(c("div", ze, [
-            c("div", We, [
-              (d(!0), h(L, null, K(o.actions, (r) => (d(), h("div", {
-                key: r.label
+          U(i("div", Ge, [
+            i("div", Je, [
+              (p(!0), h(L, null, H(s.actions, (n) => (p(), h("div", {
+                key: n.label
               }, [
-                r.action != null ? (d(), h("button", {
+                n.action != null ? (p(), h("button", {
                   key: 0,
                   class: "dropdown-item",
-                  onClick: (z) => $(r.action, r.label)
-                }, N(r.label), 9, qe)) : r.link != null ? (d(), h("a", {
+                  onClick: (f) => D(n.action, n.label)
+                }, T(n.label), 9, Qe)) : n.link != null ? (p(), h("a", {
                   key: 1,
-                  href: r.link
+                  href: n.link
                 }, [
-                  c("button", Je, N(r.label), 1)
-                ], 8, Ge)) : F("", !0)
+                  i("button", Ye, T(n.label), 1)
+                ], 8, Xe)) : O("", !0)
               ]))), 128))
             ])
           ], 512), [
-            [X, a.value[i]]
+            [Y, a.value[o]]
           ])
-        ])) : F("", !0)
+        ])) : O("", !0)
       ]))), 128))
     ], 2));
   }
-}), pe = (s, b) => {
-  const v = s.__vccOpts || s;
-  for (const [a, u] of b)
-    v[a] = u;
-  return v;
-}, me = /* @__PURE__ */ pe(Qe, [["__scopeId", "data-v-54797d4b"]]), Xe = { class: "command-palette-header" }, Ye = ["placeholder"], Ze = {
+}), fe = (c, A) => {
+  const y = c.__vccOpts || c;
+  for (const [a, u] of A)
+    y[a] = u;
+  return y;
+}, me = /* @__PURE__ */ fe(Ze, [["__scopeId", "data-v-54797d4b"]]), et = { class: "command-palette-header" }, tt = ["placeholder"], at = {
   key: 0,
   class: "command-palette-results"
-}, et = ["onClick", "onMouseover"], tt = { class: "result-title" }, ot = { class: "result-content" }, at = {
+}, ot = ["onClick", "onMouseover"], rt = { class: "result-title" }, nt = { class: "result-content" }, lt = {
   key: 1,
   class: "command-palette-no-results"
-}, he = /* @__PURE__ */ U({
+}, he = /* @__PURE__ */ W({
   __name: "CommandPalette",
   props: {
     search: { type: Function },
@@ -100,133 +100,133 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
     maxResults: { default: 10 }
   },
   emits: ["select", "close"],
-  setup(s, { emit: b }) {
-    const v = b, a = R(""), u = R(0), x = ie("input"), y = k(() => a.value ? s.search(a.value).slice(0, s.maxResults) : []);
-    j(
-      () => s.isOpen,
-      async (n) => {
-        n && (a.value = "", u.value = 0, await ue(), x.value?.focus());
+  setup(c, { emit: A }) {
+    const y = A, a = I(""), u = I(0), x = ie("input"), m = C(() => a.value ? c.search(a.value).slice(0, c.maxResults) : []);
+    P(
+      () => c.isOpen,
+      async (d) => {
+        d && (a.value = "", u.value = 0, await ue(), x.value?.focus());
       }
-    ), j(y, () => {
+    ), P(m, () => {
       u.value = 0;
     });
-    const g = () => {
-      v("close");
-    }, C = (n) => {
-      switch (n.key) {
+    const b = () => {
+      y("close");
+    }, R = (d) => {
+      switch (d.key) {
         case "Escape":
-          g();
+          b();
           break;
         case "ArrowDown":
-          n.preventDefault(), y.value.length && (u.value = (u.value + 1) % y.value.length);
+          d.preventDefault(), m.value.length && (u.value = (u.value + 1) % m.value.length);
           break;
         case "ArrowUp":
-          n.preventDefault(), y.value.length && (u.value = (u.value - 1 + y.value.length) % y.value.length);
+          d.preventDefault(), m.value.length && (u.value = (u.value - 1 + m.value.length) % m.value.length);
           break;
         case "Enter":
-          y.value.length && u.value >= 0 && $(y.value[u.value]);
+          m.value.length && u.value >= 0 && D(m.value[u.value]);
           break;
       }
-    }, $ = (n) => {
-      v("select", n), g();
+    }, D = (d) => {
+      y("select", d), b();
     };
-    return (n, f) => (d(), de(Te, { to: "body" }, [
-      M(Ve, { name: "fade" }, {
-        default: B(() => [
-          s.isOpen ? (d(), h("div", {
+    return (d, r) => (p(), de(Ne, { to: "body" }, [
+      B(Me, { name: "fade" }, {
+        default: j(() => [
+          c.isOpen ? (p(), h("div", {
             key: 0,
             class: "command-palette-overlay",
-            onClick: g
+            onClick: b
           }, [
-            c("div", {
+            i("div", {
               class: "command-palette",
-              onClick: f[1] || (f[1] = ve(() => {
+              onClick: r[1] || (r[1] = ve(() => {
               }, ["stop"]))
             }, [
-              c("div", Xe, [
-                P(c("input", {
+              i("div", et, [
+                U(i("input", {
                   ref: "input",
-                  "onUpdate:modelValue": f[0] || (f[0] = (o) => a.value = o),
+                  "onUpdate:modelValue": r[0] || (r[0] = (s) => a.value = s),
                   type: "text",
                   class: "command-palette-input",
-                  placeholder: s.placeholder,
+                  placeholder: c.placeholder,
                   autofocus: "",
-                  onKeydown: C
-                }, null, 40, Ye), [
-                  [fe, a.value]
+                  onKeydown: R
+                }, null, 40, tt), [
+                  [pe, a.value]
                 ])
               ]),
-              y.value.length ? (d(), h("div", Ze, [
-                (d(!0), h(L, null, K(y.value, (o, i) => (d(), h("div", {
-                  key: i,
-                  class: _(["command-palette-result", { selected: i === u.value }]),
-                  onClick: (r) => $(o),
-                  onMouseover: (r) => u.value = i
+              m.value.length ? (p(), h("div", at, [
+                (p(!0), h(L, null, H(m.value, (s, o) => (p(), h("div", {
+                  key: o,
+                  class: E(["command-palette-result", { selected: o === u.value }]),
+                  onClick: (n) => D(s),
+                  onMouseover: (n) => u.value = o
                 }, [
-                  c("div", tt, [
-                    q(n.$slots, "title", { result: o })
+                  i("div", rt, [
+                    G(d.$slots, "title", { result: s })
                   ]),
-                  c("div", ot, [
-                    q(n.$slots, "content", { result: o })
+                  i("div", nt, [
+                    G(d.$slots, "content", { result: s })
                   ])
-                ], 42, et))), 128))
-              ])) : a.value && !y.value.length ? (d(), h("div", at, [
-                q(n.$slots, "empty", {}, () => [
-                  H(' No results found for "' + N(a.value) + '" ', 1)
+                ], 42, ot))), 128))
+              ])) : a.value && !m.value.length ? (p(), h("div", lt, [
+                G(d.$slots, "empty", {}, () => [
+                  z(' No results found for "' + T(a.value) + '" ', 1)
                 ])
-              ])) : F("", !0)
+              ])) : O("", !0)
             ])
-          ])) : F("", !0)
+          ])) : O("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), nt = { class: "tabs" }, rt = { tabindex: "0" }, lt = { tabindex: "0" }, st = /* @__PURE__ */ U({
+}), st = { class: "tabs" }, ct = { tabindex: "0" }, it = { tabindex: "0" }, ut = /* @__PURE__ */ W({
   __name: "SheetNav",
   props: {
     breadcrumbs: { default: () => [] }
   },
-  setup(s) {
-    const b = R(!0), v = R(!1), a = R(""), u = ie("searchinput"), x = k(() => b.value ? "unrotated" : "rotated"), y = () => {
-      b.value = !b.value;
-    }, g = async () => {
-      v.value = !v.value, await ue(() => {
+  setup(c) {
+    const A = I(!0), y = I(!1), a = I(""), u = ie("searchinput"), x = C(() => A.value ? "unrotated" : "rotated"), m = () => {
+      A.value = !A.value;
+    }, b = async () => {
+      y.value = !y.value, await ue(() => {
         u.value?.focus();
       });
-    }, C = (f) => {
-      f.preventDefault(), f.stopPropagation();
-    }, $ = async (f) => {
-      f.preventDefault(), f.stopPropagation(), await g();
-    }, n = () => {
+    }, R = (r) => {
+      r.preventDefault(), r.stopPropagation();
+    }, D = async (r) => {
+      r.preventDefault(), r.stopPropagation(), await b();
+    }, d = () => {
     };
-    return (f, o) => {
-      const i = _e("router-link");
-      return d(), h("footer", null, [
-        c("ul", nt, [
-          c("li", {
+    return (r, s) => {
+      const o = Ve("router-link");
+      return p(), h("footer", null, [
+        i("ul", st, [
+          i("li", {
             class: "hidebreadcrumbs",
-            onClick: y,
-            onKeydown: E(y, ["enter"])
+            onClick: m,
+            onKeydown: F(m, ["enter"])
           }, [
-            c("a", rt, [
-              c("div", {
-                class: _(x.value)
+            i("a", ct, [
+              i("div", {
+                class: E(x.value)
               }, "×", 2)
             ])
           ], 32),
-          c("li", {
+          i("li", {
             class: "hometab",
-            style: G({ display: b.value ? "block" : "none" }),
-            onClick: n,
-            onKeydown: E(n, ["enter"])
+            style: J({ display: A.value ? "block" : "none" }),
+            onClick: d,
+            onKeydown: F(d, ["enter"])
           }, [
-            M(i, {
+            B(o, {
               to: "/",
               tabindex: "0"
             }, {
-              default: B(() => [...o[5] || (o[5] = [
-                c("svg", {
+              default: j(() => [...s[5] || (s[5] = [
+                i("svg", {
                   class: "icon",
                   "aria-label": "Home",
                   viewBox: "0 0 24 24",
@@ -234,19 +234,19 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
                   stroke: "currentColor",
                   "stroke-width": "2"
                 }, [
-                  c("path", { d: "M3 12l9-9 9 9" }),
-                  c("path", { d: "M9 21V12h6v9" })
+                  i("path", { d: "M3 12l9-9 9 9" }),
+                  i("path", { d: "M9 21V12h6v9" })
                 ], -1)
               ])]),
               _: 1
             })
           ], 36),
-          c("li", {
-            class: _(["searchtab", { "search-active": v.value }]),
-            style: G({ display: b.value ? "block" : "none" })
+          i("li", {
+            class: E(["searchtab", { "search-active": y.value }]),
+            style: J({ display: A.value ? "block" : "none" })
           }, [
-            c("a", lt, [
-              P((d(), h("svg", {
+            i("a", it, [
+              U((p(), h("svg", {
                 class: "icon search-icon",
                 role: "button",
                 "aria-label": "Search",
@@ -254,47 +254,47 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
                 fill: "none",
                 stroke: "currentColor",
                 "stroke-width": "2",
-                onClick: g,
-                onKeydown: E(g, ["enter"])
-              }, [...o[6] || (o[6] = [
-                c("circle", {
+                onClick: b,
+                onKeydown: F(b, ["enter"])
+              }, [...s[6] || (s[6] = [
+                i("circle", {
                   cx: "11",
                   cy: "11",
                   r: "7"
                 }, null, -1),
-                c("path", { d: "M21 21l-4.35-4.35" }, null, -1)
+                i("path", { d: "M21 21l-4.35-4.35" }, null, -1)
               ])], 544)), [
-                [X, !v.value]
+                [Y, !y.value]
               ]),
-              P(c("input", {
+              U(i("input", {
                 ref: "searchinput",
-                "onUpdate:modelValue": o[0] || (o[0] = (r) => a.value = r),
+                "onUpdate:modelValue": s[0] || (s[0] = (n) => a.value = n),
                 type: "text",
                 placeholder: "Search...",
-                onClick: o[1] || (o[1] = ve(() => {
+                onClick: s[1] || (s[1] = ve(() => {
                 }, ["stop"])),
-                onInput: o[2] || (o[2] = (r) => C(r)),
-                onBlur: o[3] || (o[3] = (r) => $(r)),
+                onInput: s[2] || (s[2] = (n) => R(n)),
+                onBlur: s[3] || (s[3] = (n) => D(n)),
                 onKeydown: [
-                  o[4] || (o[4] = E((r) => $(r), ["enter"])),
-                  E(g, ["escape"])
+                  s[4] || (s[4] = F((n) => D(n), ["enter"])),
+                  F(b, ["escape"])
                 ]
               }, null, 544), [
-                [X, v.value],
-                [fe, a.value]
+                [Y, y.value],
+                [pe, a.value]
               ])
             ])
           ], 6),
-          (d(!0), h(L, null, K(s.breadcrumbs, (r) => (d(), h("li", {
-            key: r.title,
-            style: G({ display: b.value ? "block" : "none" })
+          (p(!0), h(L, null, H(c.breadcrumbs, (n) => (p(), h("li", {
+            key: n.title,
+            style: J({ display: A.value ? "block" : "none" })
           }, [
-            M(i, {
+            B(o, {
               tabindex: "0",
-              to: r.to
+              to: n.to
             }, {
-              default: B(() => [
-                H(N(r.title), 1)
+              default: j(() => [
+                z(T(n.title), 1)
               ]),
               _: 2
             }, 1032, ["to"])
@@ -303,63 +303,69 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
       ]);
     };
   }
-}), ye = /* @__PURE__ */ pe(st, [["__scopeId", "data-v-0072260b"]]), ct = {
+}), ye = /* @__PURE__ */ fe(ut, [["__scopeId", "data-v-0072260b"]]), dt = {
   key: 1,
   class: "loading"
-}, it = {
+}, vt = {
   key: 2,
   class: "loading"
-}, ut = /* @__PURE__ */ U({
+}, pt = {
+  key: 3,
+  class: "truncation-note"
+}, ft = /* @__PURE__ */ W({
   __name: "Desktop",
   props: {
     availableDoctypes: { default: () => [] },
-    routeAdapter: {},
-    confirmFn: { type: Function },
-    recordIdField: {}
+    routeAdapter: {}
   },
   emits: ["action", "navigate", "record:open", "load-records", "load-record"],
-  setup(s, { emit: b }) {
-    const v = b, { stonecrop: a } = Ee();
+  setup(c, { emit: A }) {
+    const y = A, { stonecrop: a } = Oe();
     let u = null;
     try {
-      u = Fe();
+      u = Be();
     } catch {
       u = null;
     }
-    const x = k(
-      () => A.value === "record" ? u?.errorsByField ?? {} : {}
-    ), y = R(!1), g = R(!1), C = k({
+    const x = C(
+      () => S.value === "record" ? u?.errorsByField ?? {} : {}
+    ), m = I(!1), b = I(!1), R = I({}), D = C({
       get() {
-        if (A.value === "doctypes")
+        if (S.value === "doctypes")
           return {
-            doctypes_table: s.availableDoctypes?.map((e) => ({
+            doctypes_table: c.availableDoctypes?.map((e) => ({
               id: e,
               doctype: e,
               display_name: V(e),
-              record_count: De(e),
               actions: "View Records"
             })) ?? []
           };
-        if (A.value === "records")
+        if (S.value === "records")
           return {
-            records_table: te().map(
+            records_table: oe().map(
               (e) => Object.assign({}, e, {
                 id: ne(e) ?? "",
-                actions: "Edit | Delete"
+                // 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
+                // an action named `DELETE` that Desktop invented — no doctype in a
+                // WorkflowMeta app declares it, so it failed on every click. Removal is a
+                // workflow outcome (`archive`, `cancel`) and belongs in the doctype.
+                actions: "Edit"
               })
             )
           };
-        if (!a.value || !o.value || !r.value)
+        if (!a.value || !o.value || !f.value)
           return {};
         try {
-          const t = { ...a.value.getRecordById(o.value, r.value)?.get("") }, l = a.value.registry.registry[o.value];
+          const t = { ...M.value ? R.value : a.value.getRecordById(o.value, f.value)?.get("") }, l = a.value.registry.registry[o.value];
           if (l) {
-            for (const p of l.getSchemaArray())
-              if (p.kind === "fieldset") {
-                const m = {};
-                for (const w of p.schema)
-                  w.fieldname && (m[w.fieldname] = t[w.fieldname]);
-                t[p.fieldname] = m;
+            for (const v of l.getSchemaArray())
+              if (v.kind === "fieldset") {
+                const g = {};
+                for (const k of v.schema)
+                  k.fieldname && (g[k.fieldname] = t[k.fieldname]);
+                t[v.fieldname] = g;
               }
           }
           return t;
@@ -368,92 +374,102 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
         }
       },
       set(e) {
-        if (A.value === "record" && !(!a.value || !o.value || !r.value))
+        if (S.value === "record" && !(!a.value || !o.value || !f.value))
           try {
             const t = a.value.registry.registry[o.value], l = /* @__PURE__ */ new Set();
             if (t)
-              for (const S of t.getSchemaArray())
-                S.kind === "fieldset" && l.add(S.fieldname);
-            const p = {}, m = [];
-            for (const [S, I] of Object.entries(e))
-              l.has(S) && I && typeof I == "object" && !Array.isArray(I) ? m.push(I) : p[S] = I;
-            for (const S of m)
-              Object.assign(p, S);
-            const w = a.value.getStore(), D = [];
-            for (const [S, I] of Object.entries(p)) {
-              if (I === void 0) continue;
-              const W = `${o.value}.${r.value}.${S}`;
-              (w.has(W) ? w.get(W) : void 0) !== I && (w.set(W, I), D.push(S));
+              for (const w of t.getSchemaArray())
+                w.kind === "fieldset" && l.add(w.fieldname);
+            const v = {}, g = [];
+            for (const [w, $] of Object.entries(e))
+              l.has(w) && $ && typeof $ == "object" && !Array.isArray($) ? g.push($) : v[w] = $;
+            for (const w of g)
+              Object.assign(v, w);
+            const k = [];
+            if (M.value) {
+              const w = { ...R.value };
+              for (const [$, _] of Object.entries(v))
+                _ !== void 0 && w[$] !== _ && (w[$] = _, k.push($));
+              R.value = w;
+            } else {
+              const w = a.value.getStore();
+              for (const [$, _] of Object.entries(v)) {
+                if (_ === void 0) continue;
+                const q = `${o.value}.${f.value}.${$}`;
+                (w.has(q) ? w.get(q) : void 0) !== _ && (w.set(q, _), k.push($));
+              }
             }
-            D.length > 0 && $(D);
+            k.length > 0 && d(k);
           } catch (t) {
             console.warn("HST update failed:", t);
           }
       }
     });
-    function $(e) {
-      if (!u || !a.value || !o.value || !r.value) return;
+    function d(e) {
+      if (!u || !a.value || !o.value || !f.value) return;
       const l = a.value.registry.getDoctype(o.value)?.getTriggers();
       if (!l || Object.keys(l).length === 0) return;
-      const m = { ...a.value.getRecordById(o.value, r.value)?.get("") };
-      for (const w of e)
-        u.validateField(l, w, m);
+      const v = M.value ? { ...R.value } : {
+        ...a.value.getRecordById(o.value, f.value)?.get("")
+      };
+      for (const g of e)
+        u.validateField(l, g, v);
     }
-    const n = k(() => s.routeAdapter ? null : J(a.value?.registry.router?.currentRoute)), f = k(() => s.routeAdapter ? null : a.value?.registry.router), o = k(() => {
-      if (s.routeAdapter) return s.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;
+    const r = C(() => c.routeAdapter ? null : Q(a.value?.registry.router?.currentRoute)), s = C(() => c.routeAdapter ? null : a.value?.registry.router), o = C(() => {
+      if (c.routeAdapter) return c.routeAdapter.getCurrentDoctype();
+      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] : "";
-    }), i = k(() => {
-      if (s.routeAdapter) return s.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;
+    }), n = C(() => {
+      if (c.routeAdapter) return c.routeAdapter.getCurrentDoctype();
+      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] : "";
-    }), r = k(() => {
-      if (s.routeAdapter) return s.routeAdapter.getCurrentRecordId();
-      if (!n.value) return "";
-      if (n.value.params.recordId)
-        return n.value.params.recordId.toString();
-      const e = n.value.params.pathMatch;
+    }), f = C(() => {
+      if (c.routeAdapter) return c.routeAdapter.getCurrentRecordId();
+      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] : "";
-    }), z = k(() => r.value?.startsWith("new-")), A = k(() => {
-      if (s.routeAdapter) return s.routeAdapter.getCurrentView();
-      if (!n.value || n.value.name === "home" || n.value.path === "/")
+    }), M = C(() => Fe(f.value)), S = C(() => {
+      if (c.routeAdapter) return c.routeAdapter.getCurrentView();
+      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";
     }), ge = () => {
-      if (!a.value || !o.value || !r.value)
+      if (!a.value || !o.value || !f.value)
         return [];
       try {
         const e = a.value.registry.getDoctype(o.value);
         if (!e?.workflow) return [];
-        const t = a.value.getRecordState(o.value, r.value), l = e.getAvailableTransitions(t), p = C.value || {};
-        return l.map(({ name: m }) => ({
+        const t = a.value.getRecordState(o.value, f.value), l = e.getAvailableTransitions(t), v = D.value || {};
+        return l.map(({ name: g }) => ({
           // 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(m)?.label ?? m,
+          label: e.getActionMeta(g)?.label ?? g,
           action: () => {
-            v("action", {
-              name: m,
+            y("action", {
+              name: g,
               doctype: o.value,
-              recordId: r.value,
-              data: p
+              recordId: f.value,
+              data: v
             });
           }
         }));
@@ -461,35 +477,35 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
         return console.warn("Error getting available transitions:", e), [];
       }
     }, we = () => {
-      if (!a.value || !o.value || !r.value)
+      if (!a.value || !o.value || !f.value)
         return [];
       try {
         const e = a.value.registry.getDoctype(o.value);
         if (!e?.workflow) return [];
-        const t = a.value.getRecordState(o.value, r.value), l = e.getAvailableCommands(t), p = C.value || {};
-        return l.map(({ name: m }) => ({
-          label: e.getActionMeta(m)?.label ?? m,
+        const t = a.value.getRecordState(o.value, f.value), l = e.getAvailableCommands(t), v = D.value || {};
+        return l.map(({ name: g }) => ({
+          label: e.getActionMeta(g)?.label ?? g,
           action: () => {
-            v("action", {
-              name: m,
+            y("action", {
+              name: g,
               doctype: o.value,
-              recordId: r.value,
-              data: p
+              recordId: f.value,
+              data: v
             });
           }
         }));
       } catch (e) {
         return console.warn("Error getting available commands:", e), [];
       }
-    }, be = k(() => {
+    }, be = C(() => {
       const e = [];
-      switch (A.value) {
+      switch (S.value) {
         case "records":
           e.push({
             type: "button",
             label: "New Record",
             action: () => {
-              O();
+              K();
             }
           });
           break;
@@ -504,19 +520,19 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
         }
       }
       return e;
-    }), ke = k(() => {
+    }), ke = C(() => {
       const e = [];
-      if (A.value === "records" && i.value)
+      if (S.value === "records" && n.value)
         e.push(
           { title: "Home", to: "/" },
-          { title: V(i.value), to: `/${i.value}` }
+          { title: V(n.value), to: `/${n.value}` }
         );
-      else if (A.value === "record" && i.value) {
-        const t = r.value ? `/${i.value}/${r.value}` : n.value?.fullPath ?? "";
+      else if (S.value === "record" && n.value) {
+        const t = f.value ? `/${n.value}/${f.value}` : r.value?.fullPath ?? "";
         e.push(
           { title: "Home", to: "/" },
-          { title: V(i.value), to: `/${i.value}` },
-          { title: z.value ? "New Record" : "Edit Record", to: t }
+          { title: V(n.value), to: `/${n.value}` },
+          { title: M.value ? "New Record" : "Edit Record", to: t }
         );
       }
       return e;
@@ -526,56 +542,55 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
           title: "Go Home",
           description: "Navigate to the home page",
           action: () => {
-            T({ view: "doctypes" });
+            N({ view: "doctypes" });
           }
         },
         {
           title: "Toggle Command Palette",
           description: "Open/close the command palette",
-          action: () => g.value = !g.value
+          action: () => b.value = !b.value
         }
       ];
-      return i.value && (t.push({
-        title: `View ${V(i.value)} Records`,
-        description: `Navigate to ${i.value} list`,
+      return n.value && (t.push({
+        title: `View ${V(n.value)} Records`,
+        description: `Navigate to ${n.value} list`,
         action: () => {
-          T({ view: "records", doctype: i.value });
+          N({ view: "records", doctype: n.value });
         }
       }), t.push({
-        title: `Create New ${V(i.value)}`,
-        description: `Create a new ${i.value} record`,
+        title: `Create New ${V(n.value)}`,
+        description: `Create a new ${n.value} record`,
         action: () => {
-          O();
+          K();
         }
-      })), s.availableDoctypes.forEach((l) => {
+      })), c.availableDoctypes.forEach((l) => {
         t.push({
           title: `View ${V(l)}`,
           description: `Navigate to ${l} list`,
           action: () => {
-            T({ view: "records", doctype: l });
+            N({ view: "records", doctype: l });
           }
         });
       }), e ? t.filter(
         (l) => l.title.toLowerCase().includes(e.toLowerCase()) || l.description.toLowerCase().includes(e.toLowerCase())
       ) : t;
     }, Ae = (e) => {
-      e.action(), g.value = !1;
-    }, V = (e) => e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), De = (e) => a.value ? a.value.getRecordIds(e).length : 0, T = async (e) => {
-      v("navigate", e), s.routeAdapter ? await s.routeAdapter.navigate(e) : e.view === "doctypes" ? await f.value?.push("/") : e.view === "records" && e.doctype ? await f.value?.push(`/${e.doctype}`) : e.view === "record" && e.doctype && e.recordId && await f.value?.push(`/${e.doctype}/${e.recordId}`);
-    }, Y = async (e) => {
-      await T({ view: "records", doctype: e });
+      e.action(), b.value = !1;
+    }, V = (e) => e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), De = C(() => S.value !== "records" || !o.value ? !1 : a.value?.getPageInfo(o.value)?.hasMore === !0), N = async (e) => {
+      y("navigate", e), c.routeAdapter ? await c.routeAdapter.navigate(e) : e.view === "doctypes" ? await s.value?.push("/") : e.view === "records" && e.doctype ? await s.value?.push(`/${e.doctype}`) : e.view === "record" && e.doctype && e.recordId && await s.value?.push(`/${e.doctype}/${e.recordId}`);
     }, Z = async (e) => {
-      const t = i.value;
-      v("record:open", { doctype: t, recordId: e }), await T({ view: "record", doctype: t, recordId: e });
-    }, O = async () => {
-      const e = `new-${Date.now()}`;
-      await T({ view: "record", doctype: i.value, recordId: e });
-    }, ee = (e) => {
+      await N({ view: "records", doctype: e });
+    }, ee = async (e) => {
+      const t = n.value;
+      y("record:open", { doctype: t, recordId: e }), await N({ view: "record", doctype: t, recordId: e });
+    }, K = async () => {
+      await N({ view: "record", doctype: n.value, recordId: Pe });
+    }, te = (e) => {
       const t = [];
       for (const l of e)
-        l.kind === "fieldset" ? t.push(...ee(l.schema)) : t.push(l);
+        l.kind === "fieldset" ? t.push(...te(l.schema)) : t.push(l);
       return t;
-    }, Ie = () => s.availableDoctypes?.length ? [
+    }, Re = () => c.availableDoctypes?.length ? [
       {
         kind: "table",
         fieldname: "doctypes_table",
@@ -598,14 +613,10 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
             edit: !1,
             width: "30ch"
           },
-          {
-            fieldname: "record_count",
-            label: "Records",
-            component: "ANumericInput",
-            align: "center",
-            edit: !1,
-            width: "15ch"
-          },
+          // No record count column. It read `getRecordIds(doctype).length`, which is how many
+          // records HST happens to hold — zero for a doctype never opened, and the page size
+          // for one that was. The real total belongs to the backend and Desktop never asks
+          // for it, so this shell cannot answer it. Same reason the `recordIdField` prop went.
           {
             fieldname: "actions",
             label: "Actions",
@@ -629,13 +640,13 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
           fieldname: "records_table",
           component: "ATable",
           schema: [
-            ...ee(l),
+            ...te(l),
             { fieldname: "actions", label: "Actions", component: "ATextInput" }
           ],
           config: { view: "list", fullWidth: !0 }
         }
       ];
-    }, $e = () => {
+    }, ae = () => {
       if (!o.value) return [];
       if (!a.value) return [];
       try {
@@ -644,110 +655,121 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
       } catch {
         return [];
       }
-    }, te = () => {
+    }, oe = () => {
       if (!a.value || !o.value)
         return [];
       const t = a.value.records(o.value)?.get("");
       return t && typeof t == "object" && !Array.isArray(t) ? Object.values(t) : [];
-    }, oe = k(() => {
-      switch (A.value) {
+    }, re = C(() => {
+      switch (S.value) {
         case "doctypes":
-          return Ie();
+          return Re();
         case "records":
           return Se();
         case "record":
-          return $e();
+          return ae();
         default:
           return [];
       }
-    }), Re = (e, t) => {
+    }), $e = (e, t) => {
       t && t();
-    }, ae = async (e) => {
-      const t = e || r.value;
-      if (!t) return;
-      (s.confirmFn ? await s.confirmFn("Are you sure you want to delete this record?") : confirm("Are you sure you want to delete this record?")) && v("action", {
-        name: "DELETE",
-        doctype: o.value,
-        recordId: t,
-        data: C.value || {}
-      });
     }, ne = (e) => {
-      if (s.recordIdField) {
-        const t = e[s.recordIdField];
-        if (typeof t == "number") return String(t);
-        if (typeof t == "string" && t !== "") return t;
-      }
       if (!(!a.value || !o.value))
         return a.value.registry.registry[o.value]?.getRecordId(e);
-    }, re = (e) => {
+    }, Ie = (e) => {
       const t = e.querySelector("td[data-rowindex]");
       if (!t) return null;
       const l = t.getAttribute("data-rowindex");
       if (l === null) return null;
-      const p = parseInt(l, 10);
-      if (isNaN(p)) return null;
-      const w = te()[p];
-      return w ? ne(w) ?? null : null;
-    }, xe = async (e) => {
+      const v = parseInt(l, 10);
+      if (isNaN(v)) return null;
+      const k = oe()[v];
+      return k ? ne(k) ?? null : null;
+    }, _e = async (e) => {
       const t = e.target;
-      t.getAttribute("data-action") === "create" && await O();
-      const p = t.closest("td, th");
-      if (p) {
-        const m = p.textContent?.trim(), w = p.closest("tr");
-        if (m === "View Records" && w) {
-          const D = w.querySelectorAll("td");
-          if (D.length > 0) {
-            const I = D[1].textContent?.trim();
-            I && await Y(I);
+      t.getAttribute("data-action") === "create" && await K();
+      const v = t.closest("td, th");
+      if (v) {
+        const g = v.textContent?.trim(), k = v.closest("tr");
+        if (g === "View Records" && k) {
+          const w = k.querySelectorAll("td");
+          if (w.length > 0) {
+            const _ = w[1].textContent?.trim();
+            _ && await Z(_);
           }
-        } else if (m?.includes("Edit") && w) {
-          const D = re(w);
-          D && await Z(D);
-        } else if (m?.includes("Delete") && w) {
-          const D = re(w);
-          D && await ae(D);
+        } else if (g === "Edit" && k) {
+          const w = Ie(k);
+          w && await ee(w);
         }
       }
-    }, Ne = async () => {
-      if (!(!a.value || !o.value || z.value) && !a.value.getRecordById(o.value, r.value) && a.value.getClient()) {
-        y.value = !0;
+    }, xe = async () => {
+      if (!(!a.value || !o.value || !a.value.getClient())) {
+        m.value = !0;
         try {
-          await a.value.getRecord(o.value, r.value);
+          await a.value.getRecord(o.value, f.value);
         } catch (e) {
           console.warn("Error fetching record:", e);
         } finally {
-          y.value = !1;
+          m.value = !1;
+        }
+      }
+    }, Te = async () => {
+      if (!a.value || !o.value || !a.value.getClient()) return;
+      const e = a.value.registry.getDoctype(o.value);
+      if (e) {
+        m.value = !0;
+        try {
+          await a.value.getRecords(e);
+        } catch (t) {
+          console.warn("Error fetching records:", t);
+        } finally {
+          m.value = !1;
         }
       }
     };
-    j(
-      [A, o, r],
+    P(
+      [S, o, f],
       () => {
-        A.value === "records" && o.value ? v("load-records", { doctype: o.value }) : A.value === "record" && o.value && r.value && (v("load-record", { doctype: o.value, recordId: r.value }), Ne());
+        if (S.value === "records" && o.value)
+          y("load-records", { doctype: o.value }), Te();
+        else if (S.value === "record" && o.value && f.value) {
+          if (M.value) return;
+          y("load-record", { doctype: o.value, recordId: f.value }), xe();
+        }
       },
       { immediate: !0 }
-    ), j([o, r], () => {
+    ), P([o, f], () => {
       u?.clearAll();
-    }), Q("desktopMethods", {
-      navigateToDoctype: Y,
-      openRecord: Z,
-      createNewRecord: O,
-      handleDelete: ae,
+    }), P(
+      [o, f],
+      () => {
+        if (!M.value) {
+          R.value = {};
+          return;
+        }
+        const e = a.value?.registry;
+        R.value = e ? e.initializeRecord(ae()) : {};
+      },
+      { immediate: !0 }
+    ), X("desktopMethods", {
+      navigateToDoctype: Z,
+      openRecord: ee,
+      createNewRecord: K,
       /**
        * Convenience wrapper so child components (e.g. slot content) can emit
        * an action event without needing a direct reference to the emit function.
        */
       emitAction: (e, t) => {
-        v("action", {
+        y("action", {
           name: e,
           doctype: o.value,
-          recordId: r.value,
-          data: t ?? C.value ?? {}
+          recordId: f.value,
+          data: t ?? D.value ?? {}
         });
       }
-    }), Q("aformLinkNavigator", {
+    }), X("aformLinkNavigator", {
       navigate: (e, t) => {
-        T({ view: "record", doctype: e, recordId: String(t) });
+        N({ view: "record", doctype: e, recordId: String(t) });
       }
     });
     function le(e) {
@@ -755,72 +777,73 @@ const Oe = { class: "action-menu-icon" }, Le = { class: "action-element-header"
       const t = e.name ?? e.title ?? e.displayText;
       return typeof t == "string" || typeof t == "number" ? String(t) : void 0;
     }
-    Q("aformLinkResolver", async (e, t) => {
+    X("aformLinkResolver", async (e, t) => {
       if (a.value)
         try {
-          const l = a.value.getRecordById(e, t)?.get(""), p = le(l);
-          if (p != null) return p;
+          const l = a.value.getRecordById(e, t)?.get(""), v = le(l);
+          if (v != null) return v;
           await a.value.getRecord(e, t);
-          const m = a.value.getRecordById(e, t)?.get("");
-          return le(m);
+          const g = a.value.getRecordById(e, t)?.get("");
+          return le(g);
         } catch {
           return;
         }
     });
     const se = (e) => {
-      (e.ctrlKey || e.metaKey) && e.key === "k" && (e.preventDefault(), g.value = !0), e.key === "Escape" && g.value && (g.value = !1);
+      (e.ctrlKey || e.metaKey) && e.key === "k" && (e.preventDefault(), b.value = !0), e.key === "Escape" && b.value && (b.value = !1);
     };
     return ce(() => {
       document.addEventListener("keydown", se);
-    }), Me(() => {
+    }), Ee(() => {
       document.removeEventListener("keydown", se);
-    }), (e, t) => (d(), h("div", {
+    }), (e, t) => (p(), h("div", {
       class: "desktop",
-      onClick: xe
+      onClick: _e
     }, [
-      M(me, {
+      B(me, {
         elements: be.value,
-        onActionClick: Re
+        onActionClick: $e
       }, null, 8, ["elements"]),
-      oe.value.length > 0 ? (d(), de(J(Be), {
+      re.value.length > 0 ? (p(), de(Q(je), {
         key: 0,
-        data: C.value,
-        "onUpdate:data": t[0] || (t[0] = (l) => C.value = l),
-        schema: oe.value,
+        data: D.value,
+        "onUpdate:data": t[0] || (t[0] = (l) => D.value = l),
+        schema: re.value,
         errors: x.value
-      }, null, 8, ["data", "schema", "errors"])) : J(a) ? (d(), h("div", it, [
-        c("p", null, "Loading " + N(A.value) + " data...", 1)
-      ])) : (d(), h("div", ct, [...t[2] || (t[2] = [
-        c("p", null, "Initializing Stonecrop...", -1)
+      }, null, 8, ["data", "schema", "errors"])) : Q(a) ? (p(), h("div", vt, [
+        i("p", null, "Loading " + T(S.value) + " data...", 1)
+      ])) : (p(), h("div", dt, [...t[2] || (t[2] = [
+        i("p", null, "Initializing Stonecrop...", -1)
       ])])),
-      M(ye, { breadcrumbs: ke.value }, null, 8, ["breadcrumbs"]),
-      M(he, {
-        "is-open": g.value,
+      De.value ? (p(), h("p", pt, "This is a partial list — more records exist on the server.")) : O("", !0),
+      B(ye, { breadcrumbs: ke.value }, null, 8, ["breadcrumbs"]),
+      B(he, {
+        "is-open": b.value,
         search: Ce,
         placeholder: "Type a command or search...",
         onSelect: Ae,
-        onClose: t[1] || (t[1] = (l) => g.value = !1)
+        onClose: t[1] || (t[1] = (l) => b.value = !1)
       }, {
-        title: B(({ result: l }) => [
-          H(N(l.title), 1)
+        title: j(({ result: l }) => [
+          z(T(l.title), 1)
         ]),
-        content: B(({ result: l }) => [
-          H(N(l.description), 1)
+        content: j(({ result: l }) => [
+          z(T(l.description), 1)
         ]),
         _: 1
       }, 8, ["is-open"])
     ]));
   }
-}), ht = {
-  install: (s) => {
-    s.component("ActionSet", me), s.component("CommandPalette", he), s.component("Desktop", ut), s.component("SheetNav", ye);
+}), bt = {
+  install: (c) => {
+    c.component("ActionSet", me), c.component("CommandPalette", he), c.component("Desktop", ft), c.component("SheetNav", ye);
   }
 };
 export {
   me as ActionSet,
   he as CommandPalette,
-  ut as Desktop,
+  ft as Desktop,
   ye as SheetNav,
-  ht as StonecropDesktop
+  bt as StonecropDesktop
 };
 //# sourceMappingURL=desktop.js.map