@stonecrop/desktop 0.31.0 → 0.33.0

package/dist/desktop.js

@@ -1,835 +1,952 @@
-import { defineComponent as q, ref as _, onMounted as le, openBlock as h, createElementBlock as g, normalizeClass as O, createElementVNode as i, Fragment as H, renderList as U, toDisplayString as N, createCommentVNode as P, withDirectives as z, vShow as Y, useTemplateRef as se, computed as R, watch as K, nextTick as ce, createBlock as ie, Teleport as _e, createVNode as B, Transition as xe, withCtx as j, withModifiers as ue, vModelText as de, renderSlot as G, createTextVNode as W, resolveComponent as Ne, withKeys as F, normalizeStyle as J, unref as Q, provide as X, onUnmounted as Me } from "vue";
-import { useStonecrop as Te, useValidationStore as Ve, isDraftRecordId as Ee, DRAFT_RECORD_ID as Oe } from "@stonecrop/stonecrop";
-import { AForm as Be, resolvedFieldsToColumns as Fe } from "@stonecrop/aform";
-const Pe = { class: "action-menu-icon" }, Ke = { class: "action-element-header" }, je = ["disabled", "onClick"], Le = { key: 0 }, He = { class: "dropdown-header" }, Ue = ["onClick"], ze = ["onClick"], We = { class: "dropdown-container" }, qe = { class: "dropdown" }, Ge = ["onClick"], Je = ["href"], Qe = { class: "dropdown-item" }, Xe = /* @__PURE__ */ q({
-  __name: "ActionSet",
-  props: {
-    elements: { default: () => [] }
-  },
-  emits: ["actionClick"],
-  setup(c, { emit: A }) {
-    const y = A, a = _({}), u = _(!0), x = _([]);
-    le(() => {
-      w();
-    });
-    const w = () => {
-      a.value = {}, x.value = [];
-    }, b = () => {
-      u.value = !u.value;
-    }, S = (v) => {
-      const r = !a.value[v];
-      w(), r && (a.value[v] = !0, x.value[v] = !0);
-    }, D = (v, r) => {
-      y("actionClick", r, v);
-    };
-    return (v, r) => (h(), g("div", {
-      class: O([{ collapsed: !u.value }, "action-set"])
-    }, [
-      i("div", Pe, [
-        i("div", {
-          id: "cross",
-          class: O({ rotated: u.value }),
-          onClick: b
-        }, "×", 2)
-      ]),
-      r[0] || (r[0] = i("div", { style: { "margin-right": "30px" } }, null, -1)),
-      (h(!0), g(H, null, U(c.elements, (s, o) => (h(), g("div", {
-        key: s.label,
-        class: "action-element"
-      }, [
-        i("div", Ke, [
-          s.type == "button" ? (h(), g("button", {
-            key: 0,
-            disabled: s.disabled,
-            class: "button-default",
-            onClick: (n) => D(s.action, s.label)
-          }, N(s.label), 9, je)) : P("", !0)
-        ]),
-        s.type == "dropdown" ? (h(), g("div", Le, [
-          i("div", He, [
-            i("div", {
-              class: O(["cross", { rotated: x.value[o] }]),
-              onClick: (n) => S(o)
-            }, "×", 10, Ue),
-            i("button", {
-              class: "button-default dropdown-title",
-              onClick: (n) => S(o)
-            }, N(s.label), 9, ze)
-          ]),
-          z(i("div", We, [
-            i("div", qe, [
-              (h(!0), g(H, null, U(s.actions, (n) => (h(), g("div", {
-                key: n.label
-              }, [
-                n.action != null ? (h(), g("button", {
-                  key: 0,
-                  class: "dropdown-item",
-                  onClick: (m) => D(n.action, n.label)
-                }, N(n.label), 9, Ge)) : n.link != null ? (h(), g("a", {
-                  key: 1,
-                  href: n.link
-                }, [
-                  i("button", Qe, N(n.label), 1)
-                ], 8, Je)) : P("", !0)
-              ]))), 128))
-            ])
-          ], 512), [
-            [Y, a.value[o]]
-          ])
-        ])) : P("", !0)
-      ]))), 128))
-    ], 2));
-  }
-}), ve = (c, A) => {
-  const y = c.__vccOpts || c;
-  for (const [a, u] of A)
-    y[a] = u;
-  return y;
-}, pe = /* @__PURE__ */ ve(Xe, [["__scopeId", "data-v-8e18f635"]]), Ye = { class: "command-palette-header" }, Ze = ["placeholder"], et = {
-  key: 0,
-  class: "command-palette-results"
-}, tt = ["onClick", "onMouseover"], at = { class: "result-title" }, ot = { class: "result-content" }, rt = {
-  key: 1,
-  class: "command-palette-no-results"
-}, fe = /* @__PURE__ */ q({
-  __name: "CommandPalette",
-  props: {
-    search: { type: Function },
-    isOpen: { type: Boolean, default: !1 },
-    placeholder: { default: "Type a command or search..." },
-    maxResults: { default: 10 }
-  },
-  emits: ["select", "close"],
-  setup(c, { emit: A }) {
-    const y = A, a = _(""), u = _(0), x = se("input"), w = R(() => a.value ? c.search(a.value).slice(0, c.maxResults) : []);
-    K(
-      () => c.isOpen,
-      async (v) => {
-        v && (a.value = "", u.value = 0, await ce(), x.value?.focus());
-      }
-    ), K(w, () => {
-      u.value = 0;
-    });
-    const b = () => {
-      y("close");
-    }, S = (v) => {
-      switch (v.key) {
-        case "Escape":
-          b();
-          break;
-        case "ArrowDown":
-          v.preventDefault(), w.value.length && (u.value = (u.value + 1) % w.value.length);
-          break;
-        case "ArrowUp":
-          v.preventDefault(), w.value.length && (u.value = (u.value - 1 + w.value.length) % w.value.length);
-          break;
-        case "Enter":
-          w.value.length && u.value >= 0 && D(w.value[u.value]);
-          break;
-      }
-    }, D = (v) => {
-      y("select", v), b();
-    };
-    return (v, r) => (h(), ie(_e, { to: "body" }, [
-      B(xe, { name: "fade" }, {
-        default: j(() => [
-          c.isOpen ? (h(), g("div", {
-            key: 0,
-            class: "command-palette-overlay",
-            onClick: b
-          }, [
-            i("div", {
-              class: "command-palette",
-              onClick: r[1] || (r[1] = ue(() => {
-              }, ["stop"]))
-            }, [
-              i("div", Ye, [
-                z(i("input", {
-                  ref: "input",
-                  "onUpdate:modelValue": r[0] || (r[0] = (s) => a.value = s),
-                  type: "text",
-                  class: "command-palette-input",
-                  placeholder: c.placeholder,
-                  autofocus: "",
-                  onKeydown: S
-                }, null, 40, Ze), [
-                  [de, a.value]
-                ])
-              ]),
-              w.value.length ? (h(), g("div", et, [
-                (h(!0), g(H, null, U(w.value, (s, o) => (h(), g("div", {
-                  key: o,
-                  class: O(["command-palette-result", { selected: o === u.value }]),
-                  onClick: (n) => D(s),
-                  onMouseover: (n) => u.value = o
-                }, [
-                  i("div", at, [
-                    G(v.$slots, "title", { result: s })
-                  ]),
-                  i("div", ot, [
-                    G(v.$slots, "content", { result: s })
-                  ])
-                ], 42, tt))), 128))
-              ])) : a.value && !w.value.length ? (h(), g("div", rt, [
-                G(v.$slots, "empty", {}, () => [
-                  W(' No results found for "' + N(a.value) + '" ', 1)
-                ])
-              ])) : P("", !0)
-            ])
-          ])) : P("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), nt = { class: "tabs" }, lt = { tabindex: "0" }, st = { tabindex: "0" }, ct = /* @__PURE__ */ q({
-  __name: "SheetNav",
-  props: {
-    breadcrumbs: { default: () => [] }
-  },
-  setup(c) {
-    const A = _(!0), y = _(!1), a = _(""), u = se("searchinput"), x = R(() => A.value ? "unrotated" : "rotated"), w = () => {
-      A.value = !A.value;
-    }, b = async () => {
-      y.value = !y.value, await ce(() => {
-        u.value?.focus();
-      });
-    }, S = (r) => {
-      r.preventDefault(), r.stopPropagation();
-    }, D = async (r) => {
-      r.preventDefault(), r.stopPropagation(), await b();
-    }, v = () => {
-    };
-    return (r, s) => {
-      const o = Ne("router-link");
-      return h(), g("footer", null, [
-        i("ul", nt, [
-          i("li", {
-            class: "hidebreadcrumbs",
-            onClick: w,
-            onKeydown: F(w, ["enter"])
-          }, [
-            i("a", lt, [
-              i("div", {
-                class: O(x.value)
-              }, "×", 2)
-            ])
-          ], 32),
-          i("li", {
-            class: "hometab",
-            style: J({ display: A.value ? "block" : "none" }),
-            onClick: v,
-            onKeydown: F(v, ["enter"])
-          }, [
-            B(o, {
-              to: "/",
-              tabindex: "0"
-            }, {
-              default: j(() => [...s[5] || (s[5] = [
-                i("svg", {
-                  class: "icon",
-                  "aria-label": "Home",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "2"
-                }, [
-                  i("path", { d: "M3 12l9-9 9 9" }),
-                  i("path", { d: "M9 21V12h6v9" })
-                ], -1)
-              ])]),
-              _: 1
-            })
-          ], 36),
-          i("li", {
-            class: O(["searchtab", { "search-active": y.value }]),
-            style: J({ display: A.value ? "block" : "none" })
-          }, [
-            i("a", st, [
-              z((h(), g("svg", {
-                class: "icon search-icon",
-                role: "button",
-                "aria-label": "Search",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "2",
-                onClick: b,
-                onKeydown: F(b, ["enter"])
-              }, [...s[6] || (s[6] = [
-                i("circle", {
-                  cx: "11",
-                  cy: "11",
-                  r: "7"
-                }, null, -1),
-                i("path", { d: "M21 21l-4.35-4.35" }, null, -1)
-              ])], 544)), [
-                [Y, !y.value]
-              ]),
-              z(i("input", {
-                ref: "searchinput",
-                "onUpdate:modelValue": s[0] || (s[0] = (n) => a.value = n),
-                type: "text",
-                placeholder: "Search...",
-                onClick: s[1] || (s[1] = ue(() => {
-                }, ["stop"])),
-                onInput: s[2] || (s[2] = (n) => S(n)),
-                onBlur: s[3] || (s[3] = (n) => D(n)),
-                onKeydown: [
-                  s[4] || (s[4] = F((n) => D(n), ["enter"])),
-                  F(b, ["escape"])
-                ]
-              }, null, 544), [
-                [Y, y.value],
-                [de, a.value]
-              ])
-            ])
-          ], 6),
-          (h(!0), g(H, null, U(c.breadcrumbs, (n) => (h(), g("li", {
-            key: n.title,
-            style: J({ display: A.value ? "block" : "none" })
-          }, [
-            B(o, {
-              tabindex: "0",
-              to: n.to
-            }, {
-              default: j(() => [
-                W(N(n.title), 1)
-              ]),
-              _: 2
-            }, 1032, ["to"])
-          ], 4))), 128))
-        ])
-      ]);
-    };
-  }
-}), me = /* @__PURE__ */ ve(ct, [["__scopeId", "data-v-cd118b06"]]), it = {
-  key: 1,
-  class: "loading"
-}, ut = {
-  key: 2,
-  class: "loading"
-}, dt = /* @__PURE__ */ q({
-  __name: "Desktop",
-  props: {
-    availableDoctypes: { default: () => [] },
-    routeAdapter: {}
-  },
-  emits: ["action", "navigate", "record:open", "load-records", "load-record"],
-  setup(c, { emit: A }) {
-    const y = A, { stonecrop: a } = Te();
-    let u = null;
-    try {
-      u = Ve();
-    } catch {
-      u = null;
-    }
-    const x = R(
-      () => I.value === "record" ? u?.errorsByField ?? {} : {}
-    ), w = _(!1), b = _(!1), S = _({}), D = R({
-      get() {
-        if (I.value === "doctypes")
-          return {
-            doctypes_table: c.availableDoctypes?.map((e) => ({
-              id: e,
-              doctype: e,
-              display_name: E(e),
-              actions: "View Records"
-            })) ?? []
-          };
-        if (I.value === "records")
-          return {
-            records_table: ae().map(
-              (e) => Object.assign({}, e, {
-                id: re(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
-                // 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 || !m.value)
-          return {};
-        try {
-          const t = { ...V.value ? S.value : a.value.getRecordById(o.value, m.value)?.get("") }, l = a.value.registry.registry[o.value];
-          if (l) {
-            for (const d of l.getSchemaArray())
-              if (d.kind === "fieldset") {
-                const p = {};
-                for (const k of d.schema)
-                  k.fieldname && (p[k.fieldname] = t[k.fieldname]);
-                t[d.fieldname] = p;
-              }
-          }
-          return t;
-        } catch {
-          return {};
-        }
-      },
-      set(e) {
-        if (I.value === "record" && !(!a.value || !o.value || !m.value))
-          try {
-            const t = a.value.registry.registry[o.value], l = /* @__PURE__ */ new Set();
-            if (t)
-              for (const f of t.getSchemaArray())
-                f.kind === "fieldset" && l.add(f.fieldname);
-            const d = {}, p = [];
-            for (const [f, C] of Object.entries(e))
-              l.has(f) && C && typeof C == "object" && !Array.isArray(C) ? p.push(C) : d[f] = C;
-            for (const f of p)
-              Object.assign(d, f);
-            const k = [];
-            if (V.value) {
-              const f = { ...S.value };
-              for (const [C, $] of Object.entries(d))
-                $ !== void 0 && f[C] !== $ && (f[C] = $, k.push(C));
-              S.value = f;
-            } else {
-              const f = a.value.getStore();
-              for (const [C, $] of Object.entries(d)) {
-                if ($ === void 0) continue;
-                const T = `${o.value}.${m.value}.${C}`;
-                (f.has(T) ? f.get(T) : void 0) !== $ && (f.set(T, $), k.push(C));
-              }
-            }
-            k.length > 0 && v(k);
-          } catch (t) {
-            console.warn("HST update failed:", t);
-          }
-      }
-    });
-    function v(e) {
-      if (!u || !a.value || !o.value || !m.value) return;
-      const l = a.value.registry.getDoctype(o.value)?.getTriggers();
-      if (!l || Object.keys(l).length === 0) return;
-      const d = V.value ? { ...S.value } : {
-        ...a.value.getRecordById(o.value, m.value)?.get("")
-      };
-      for (const p of e)
-        u.validateField(l, p, d);
-    }
-    const r = R(() => c.routeAdapter ? null : Q(a.value?.registry.router?.currentRoute)), s = R(() => c.routeAdapter ? null : a.value?.registry.router), o = R(() => {
-      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] : "";
-    }), n = R(() => {
-      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] : "";
-    }), m = R(() => {
-      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] : "";
-    }), V = R(() => Ee(m.value)), I = R(() => {
-      if (c.routeAdapter) return c.routeAdapter.getCurrentView();
-      if (!r.value || r.value.name === "home" || r.value.path === "/")
-        return "doctypes";
-      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") || r.value.params.doctype)
-          return "records";
-      }
-      const e = r.value.params.pathMatch;
-      return e && e.length > 0 ? e.length === 1 ? "records" : "record" : "doctypes";
-    }), he = () => {
-      if (!a.value || !o.value || !m.value)
-        return [];
-      try {
-        const e = a.value.registry.getDoctype(o.value);
-        if (!e?.workflow) return [];
-        const t = a.value.getRecordState(o.value, m.value), l = e.getAvailableTransitions(t), d = D.value || {};
-        return l.map(({ name: p }) => ({
-          // 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(p)?.label ?? p,
-          action: () => {
-            y("action", {
-              name: p,
-              doctype: o.value,
-              recordId: m.value,
-              data: d
-            });
-          }
-        }));
-      } catch (e) {
-        return console.warn("Error getting available transitions:", e), [];
-      }
-    }, ye = () => {
-      if (!a.value || !o.value || !m.value)
-        return [];
-      try {
-        const e = a.value.registry.getDoctype(o.value);
-        if (!e?.workflow) return [];
-        const t = a.value.getRecordState(o.value, m.value), l = e.getAvailableCommands(t), d = D.value || {};
-        return l.map(({ name: p }) => ({
-          label: e.getActionMeta(p)?.label ?? p,
-          action: () => {
-            y("action", {
-              name: p,
-              doctype: o.value,
-              recordId: m.value,
-              data: d
-            });
-          }
-        }));
-      } catch (e) {
-        return console.warn("Error getting available commands:", e), [];
-      }
-    }, ge = R(() => {
-      const e = [];
-      switch (I.value) {
-        case "records":
-          e.push({
-            type: "button",
-            label: "New Record",
-            action: () => {
-              L();
-            }
-          });
-          break;
-        case "record": {
-          const t = [...he(), ...ye()];
-          t.length > 0 && e.push({
-            type: "dropdown",
-            label: "Actions",
-            actions: t
-          });
-          break;
-        }
-      }
-      return e;
-    }), we = R(() => {
-      const e = [];
-      if (I.value === "records" && n.value)
-        e.push(
-          { title: "Home", to: "/" },
-          { title: E(n.value), to: `/${n.value}` }
-        );
-      else if (I.value === "record" && n.value) {
-        const t = m.value ? `/${n.value}/${m.value}` : r.value?.fullPath ?? "";
-        e.push(
-          { title: "Home", to: "/" },
-          { title: E(n.value), to: `/${n.value}` },
-          { title: V.value ? "New Record" : "Edit Record", to: t }
-        );
-      }
-      return e;
-    }), be = (e) => {
-      const t = [
-        {
-          title: "Go Home",
-          description: "Navigate to the home page",
-          action: () => {
-            M({ view: "doctypes" });
-          }
-        },
-        {
-          title: "Toggle Command Palette",
-          description: "Open/close the command palette",
-          action: () => b.value = !b.value
-        }
-      ];
-      return n.value && (t.push({
-        title: `View ${E(n.value)} Records`,
-        description: `Navigate to ${n.value} list`,
-        action: () => {
-          M({ view: "records", doctype: n.value });
-        }
-      }), t.push({
-        title: `Create New ${E(n.value)}`,
-        description: `Create a new ${n.value} record`,
-        action: () => {
-          L();
-        }
-      })), c.availableDoctypes.forEach((l) => {
-        t.push({
-          title: `View ${E(l)}`,
-          description: `Navigate to ${l} list`,
-          action: () => {
-            M({ view: "records", doctype: l });
-          }
-        });
-      }), e ? t.filter(
-        (l) => l.title.toLowerCase().includes(e.toLowerCase()) || l.description.toLowerCase().includes(e.toLowerCase())
-      ) : t;
-    }, ke = (e) => {
-      e.action(), b.value = !1;
-    }, Ce = (e) => {
-      if (!a.value || !o.value)
-        return Promise.resolve({ data: [], hasMore: !1 });
-      const t = a.value.registry.getDoctype(o.value);
-      return t ? a.value.getRecords(t, e) : Promise.resolve({ data: [], hasMore: !1 });
-    }, E = (e) => e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), M = 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) => {
-      await M({ view: "records", doctype: e });
-    }, ee = async (e) => {
-      const t = n.value;
-      y("record:open", { doctype: t, recordId: e }), await M({ view: "record", doctype: t, recordId: e });
-    }, L = async () => {
-      await M({ view: "record", doctype: n.value, recordId: Oe });
-    }, Ae = () => c.availableDoctypes?.length ? [
-      {
-        kind: "table",
-        fieldname: "doctypes_table",
-        component: "ATable",
-        label: "Doctypes",
-        schema: [
-          {
-            fieldname: "doctype",
-            label: "Doctype",
-            component: "ATextInput",
-            align: "left",
-            edit: !1,
-            width: "20ch"
-          },
-          {
-            fieldname: "display_name",
-            label: "Name",
-            component: "ATextInput",
-            align: "left",
-            edit: !1,
-            width: "30ch"
-          },
-          // 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",
-            component: "ATextInput",
-            align: "center",
-            edit: !1,
-            width: "20ch"
-          }
-        ],
-        config: { view: "list", fullWidth: !0 }
-      }
-    ] : [], De = () => {
-      if (!o.value) return [];
-      if (!a.value) return [];
-      const e = a.value.registry, t = e.registry[o.value];
-      if (!t) return [];
-      const l = e.resolveSchema(t);
-      if (l.length === 0) return [];
-      const d = o.value, p = !!a.value.getClient();
-      return [
-        {
-          kind: "table",
-          fieldname: "records_table",
-          component: "ATable",
-          // 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: [...Fe(l), { fieldname: "actions", label: "Actions", component: "ATextInput" }],
-          config: { view: "list", fullWidth: !0 },
-          ...p ? { getRecords: Ce, sourceKey: d } : {}
-        }
-      ];
-    }, te = () => {
-      if (!o.value) return [];
-      if (!a.value) return [];
-      try {
-        const e = a.value?.registry, t = e?.registry[o.value];
-        return t?.schema ? e.resolveSchema(t) : [];
-      } catch {
-        return [];
-      }
-    }, ae = () => {
-      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 = R(() => {
-      switch (I.value) {
-        case "doctypes":
-          return Ae();
-        case "records":
-          return De();
-        case "record":
-          return te();
-        default:
-          return [];
-      }
-    }), Re = (e, t) => {
-      t && t();
-    }, re = (e) => {
-      if (!(!a.value || !o.value))
-        return a.value.registry.registry[o.value]?.getRecordId(e);
-    }, Se = (e) => {
-      const t = e.querySelector("td[data-rowindex]");
-      if (!t) return null;
-      const l = t.getAttribute("data-rowindex");
-      if (l === null) return null;
-      const d = parseInt(l, 10);
-      if (isNaN(d)) return null;
-      const k = ae()[d];
-      return k ? re(k) ?? null : null;
-    }, $e = async (e) => {
-      const t = e.target;
-      t.getAttribute("data-action") === "create" && await L();
-      const d = t.closest("td, th");
-      if (d) {
-        const p = d.textContent?.trim(), k = d.closest("tr");
-        if (p === "View Records" && k) {
-          const f = k.querySelectorAll("td");
-          if (f.length > 0) {
-            const $ = f[1].textContent?.trim();
-            $ && await Z($);
-          }
-        } else if (p === "Edit" && k) {
-          const f = Se(k);
-          f && await ee(f);
-        }
-      }
-    }, Ie = async () => {
-      if (!(!a.value || !o.value || !a.value.getClient())) {
-        w.value = !0;
-        try {
-          await a.value.getRecord(o.value, m.value);
-        } catch (e) {
-          console.warn("Error fetching record:", e);
-        } finally {
-          w.value = !1;
-        }
-      }
-    };
-    K(
-      [I, o, m],
-      () => {
-        if (I.value === "records" && o.value)
-          y("load-records", { doctype: o.value });
-        else if (I.value === "record" && o.value && m.value) {
-          if (V.value) return;
-          y("load-record", { doctype: o.value, recordId: m.value }), Ie();
-        }
-      },
-      { immediate: !0 }
-    ), K([o, m], () => {
-      u?.clearAll();
-    }), K(
-      [o, m],
-      () => {
-        if (!V.value) {
-          S.value = {};
-          return;
-        }
-        const e = a.value?.registry;
-        S.value = e ? e.initializeRecord(te()) : {};
-      },
-      { immediate: !0 }
-    ), X("desktopMethods", {
-      navigateToDoctype: Z,
-      openRecord: ee,
-      createNewRecord: L,
-      /**
-       * 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) => {
-        y("action", {
-          name: e,
-          doctype: o.value,
-          recordId: m.value,
-          data: t ?? D.value ?? {}
-        });
-      }
-    }), X("aformLinkNavigator", {
-      navigate: (e, t) => {
-        M({ view: "record", doctype: e, recordId: String(t) });
-      }
-    }), X("aformLinkResolver", async (e, t) => {
-      if (a.value)
-        try {
-          const d = (await a.value.getMeta({ path: `/${e}`, segments: [e] }))?.displayField;
-          if (!d) return;
-          const p = ($) => {
-            if (!$) return;
-            const T = $[d];
-            return typeof T == "string" || typeof T == "number" ? String(T) : void 0;
-          }, k = a.value.getRecordById(e, t)?.get(""), f = p(k);
-          if (f != null) return f;
-          await a.value.getRecord(e, t);
-          const C = a.value.getRecordById(e, t)?.get("");
-          return p(C);
-        } catch {
-          return;
-        }
-    });
-    const ne = (e) => {
-      (e.ctrlKey || e.metaKey) && e.key === "k" && (e.preventDefault(), b.value = !0), e.key === "Escape" && b.value && (b.value = !1);
-    };
-    return le(() => {
-      document.addEventListener("keydown", ne);
-    }), Me(() => {
-      document.removeEventListener("keydown", ne);
-    }), (e, t) => (h(), g("div", {
-      class: "desktop",
-      onClick: $e
-    }, [
-      B(pe, {
-        elements: ge.value,
-        onActionClick: Re
-      }, null, 8, ["elements"]),
-      oe.value.length > 0 ? (h(), ie(Q(Be), {
-        key: 0,
-        data: D.value,
-        "onUpdate:data": t[0] || (t[0] = (l) => D.value = l),
-        schema: oe.value,
-        errors: x.value
-      }, null, 8, ["data", "schema", "errors"])) : Q(a) ? (h(), g("div", ut, [
-        i("p", null, "Loading " + N(I.value) + " data...", 1)
-      ])) : (h(), g("div", it, [...t[2] || (t[2] = [
-        i("p", null, "Initializing Stonecrop...", -1)
-      ])])),
-      B(me, { breadcrumbs: we.value }, null, 8, ["breadcrumbs"]),
-      B(fe, {
-        "is-open": b.value,
-        search: be,
-        placeholder: "Type a command or search...",
-        onSelect: ke,
-        onClose: t[1] || (t[1] = (l) => b.value = !1)
-      }, {
-        title: j(({ result: l }) => [
-          W(N(l.title), 1)
-        ]),
-        content: j(({ result: l }) => [
-          W(N(l.description), 1)
-        ]),
-        _: 1
-      }, 8, ["is-open"])
-    ]));
-  }
-}), yt = {
-  install: (c) => {
-    c.component("ActionSet", pe), c.component("CommandPalette", fe), c.component("Desktop", dt), c.component("SheetNav", me);
-  }
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, toDisplayString, unref, useTemplateRef, vModelText, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { DRAFT_RECORD_ID, isDraftRecordId, useStonecrop, useValidationStore } from "@stonecrop/stonecrop";
+import { AForm, resolvedFieldsToColumns } from "@stonecrop/aform";
+import './assets/index.css';//#region src/components/ActionSet.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = { class: "action-menu-icon" };
+var _hoisted_2$3 = { class: "action-element-header" };
+var _hoisted_3$2 = ["disabled", "onClick"];
+var _hoisted_4$2 = { key: 0 };
+var _hoisted_5$2 = { class: "dropdown-header" };
+var _hoisted_6$1 = ["onClick"];
+var _hoisted_7$1 = ["onClick"];
+var _hoisted_8 = { class: "dropdown-container" };
+var _hoisted_9 = { class: "dropdown" };
+var _hoisted_10 = ["onClick"];
+var _hoisted_11 = ["href"];
+var _hoisted_12 = { class: "dropdown-item" };
+var ActionSet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ActionSet",
+	props: { elements: { default: () => [] } },
+	emits: ["actionClick"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const dropdownStates = ref({});
+		const isOpen = ref(true);
+		const dropdownOpen = ref([]);
+		onMounted(() => {
+			closeDropdowns();
+		});
+		const closeDropdowns = () => {
+			dropdownStates.value = {};
+			dropdownOpen.value = [];
+		};
+		const onClick = () => {
+			isOpen.value = !isOpen.value;
+		};
+		const toggleDropdown = (index) => {
+			const showDropdown = !dropdownStates.value[index];
+			closeDropdowns();
+			if (showDropdown) {
+				dropdownStates.value[index] = true;
+				dropdownOpen.value[index] = true;
+			}
+		};
+		const handleClick = (action, label) => {
+			emit("actionClick", label, action);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([{ collapsed: !isOpen.value }, "action-set"]) }, [
+				createElementVNode("div", _hoisted_1$3, [createElementVNode("div", {
+					id: "cross",
+					class: normalizeClass({ rotated: isOpen.value }),
+					onClick
+				}, "×", 2)]),
+				_cache[0] || (_cache[0] = createElementVNode("div", { style: { "margin-right": "30px" } }, null, -1)),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.elements, (el, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: el.label,
+						class: "action-element"
+					}, [createElementVNode("div", _hoisted_2$3, [el.type == "button" ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						disabled: el.disabled,
+						class: "button-default",
+						onClick: ($event) => handleClick(el.action, el.label)
+					}, toDisplayString(el.label), 9, _hoisted_3$2)) : createCommentVNode("", true)]), el.type == "dropdown" ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createElementVNode("div", _hoisted_5$2, [createElementVNode("div", {
+						class: normalizeClass(["cross", { rotated: dropdownOpen.value[index] }]),
+						onClick: ($event) => toggleDropdown(index)
+					}, "×", 10, _hoisted_6$1), createElementVNode("button", {
+						class: "button-default dropdown-title",
+						onClick: ($event) => toggleDropdown(index)
+					}, toDisplayString(el.label), 9, _hoisted_7$1)]), withDirectives(createElementVNode("div", _hoisted_8, [createElementVNode("div", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(el.actions, (item) => {
+						return openBlock(), createElementBlock("div", { key: item.label }, [item.action != null ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							class: "dropdown-item",
+							onClick: ($event) => handleClick(item.action, item.label)
+						}, toDisplayString(item.label), 9, _hoisted_10)) : item.link != null ? (openBlock(), createElementBlock("a", {
+							key: 1,
+							href: item.link
+						}, [createElementVNode("button", _hoisted_12, toDisplayString(item.label), 1)], 8, _hoisted_11)) : createCommentVNode("", true)]);
+					}), 128))])], 512), [[vShow, dropdownStates.value[index]]])])) : createCommentVNode("", true)]);
+				}), 128))
+			], 2);
+		};
+	}
+});
+//#endregion
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
 };
-export {
-  pe as ActionSet,
-  fe as CommandPalette,
-  dt as Desktop,
-  me as SheetNav,
-  yt as StonecropDesktop
+//#endregion
+//#region src/components/ActionSet.vue
+var ActionSet_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ActionSet_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8e18f635"]]);
+//#endregion
+//#region src/components/CommandPalette.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "command-palette-header" };
+var _hoisted_2$2 = ["placeholder"];
+var _hoisted_3$1 = {
+	key: 0,
+	class: "command-palette-results"
 };
-//# sourceMappingURL=desktop.js.map
+var _hoisted_4$1 = ["onClick", "onMouseover"];
+var _hoisted_5$1 = { class: "result-title" };
+var _hoisted_6 = { class: "result-content" };
+var _hoisted_7 = {
+	key: 1,
+	class: "command-palette-no-results"
+};
+//#endregion
+//#region src/components/CommandPalette.vue
+var CommandPalette_default = /* @__PURE__ */ defineComponent({
+	__name: "CommandPalette",
+	props: {
+		search: { type: Function },
+		isOpen: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: { default: "Type a command or search..." },
+		maxResults: { default: 10 }
+	},
+	emits: ["select", "close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const query = ref("");
+		const selectedIndex = ref(0);
+		const inputRef = useTemplateRef("input");
+		const results = computed(() => {
+			if (!query.value) return [];
+			return __props.search(query.value).slice(0, __props.maxResults);
+		});
+		watch(() => __props.isOpen, async (open) => {
+			if (open) {
+				query.value = "";
+				selectedIndex.value = 0;
+				await nextTick();
+				inputRef.value?.focus();
+			}
+		});
+		watch(results, () => {
+			selectedIndex.value = 0;
+		});
+		const closeModal = () => {
+			emit("close");
+		};
+		const handleKeydown = (e) => {
+			switch (e.key) {
+				case "Escape":
+					closeModal();
+					break;
+				case "ArrowDown":
+					e.preventDefault();
+					if (results.value.length) selectedIndex.value = (selectedIndex.value + 1) % results.value.length;
+					break;
+				case "ArrowUp":
+					e.preventDefault();
+					if (results.value.length) selectedIndex.value = (selectedIndex.value - 1 + results.value.length) % results.value.length;
+					break;
+				case "Enter": if (results.value.length && selectedIndex.value >= 0) selectResult(results.value[selectedIndex.value]);
+			}
+		};
+		const selectResult = (result) => {
+			emit("select", result);
+			closeModal();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: "fade" }, {
+				default: withCtx(() => [__props.isOpen ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: "command-palette-overlay",
+					onClick: closeModal
+				}, [createElementVNode("div", {
+					class: "command-palette",
+					onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
+				}, [createElementVNode("div", _hoisted_1$2, [withDirectives(createElementVNode("input", {
+					ref: "input",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
+					type: "text",
+					class: "command-palette-input",
+					placeholder: __props.placeholder,
+					autofocus: "",
+					onKeydown: handleKeydown
+				}, null, 40, _hoisted_2$2), [[vModelText, query.value]])]), results.value.length ? (openBlock(), createElementBlock("div", _hoisted_3$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(results.value, (result, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: index,
+						class: normalizeClass(["command-palette-result", { selected: index === selectedIndex.value }]),
+						onClick: ($event) => selectResult(result),
+						onMouseover: ($event) => selectedIndex.value = index
+					}, [createElementVNode("div", _hoisted_5$1, [renderSlot(_ctx.$slots, "title", { result })]), createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "content", { result })])], 42, _hoisted_4$1);
+				}), 128))])) : query.value && !results.value.length ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(" No results found for \"" + toDisplayString(query.value) + "\" ", 1)])])) : createCommentVNode("", true)])])) : createCommentVNode("", true)]),
+				_: 3
+			})]);
+		};
+	}
+});
+//#endregion
+//#region src/sheet-nav-toolbar.ts
+/** The id of the element SheetNav renders for footer controls, left of its tabs. */
+var SHEET_NAV_TOOLBAR_ID = "sheetnav-toolbar";
+/** Teleport target for footer controls rendered anywhere on the page: `<Teleport :to="SHEET_NAV_TOOLBAR_SELECTOR">`. */
+var SHEET_NAV_TOOLBAR_SELECTOR = `#${SHEET_NAV_TOOLBAR_ID}`;
+//#endregion
+//#region src/components/SheetNav.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { class: "sheetnav-footer-cluster" };
+var _hoisted_2$1 = ["id"];
+var _hoisted_3 = { class: "tabs" };
+var _hoisted_4 = { tabindex: "0" };
+var _hoisted_5 = { tabindex: "0" };
+//#endregion
+//#region src/components/SheetNav.vue
+var SheetNav_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "SheetNav",
+	props: { breadcrumbs: { default: () => [] } },
+	setup(__props) {
+		onMounted(() => {
+			if (document.querySelectorAll(SHEET_NAV_TOOLBAR_SELECTOR).length > 1) console.warn(`More than one SheetNav is mounted: content teleported to ${SHEET_NAV_TOOLBAR_SELECTOR} lands in the first one only.`);
+		});
+		const breadcrumbsVisibile = ref(true);
+		const searchVisible = ref(false);
+		const searchText = ref("");
+		const inputRef = useTemplateRef("searchinput");
+		const rotateHideTabIcon = computed(() => {
+			return breadcrumbsVisibile.value ? "unrotated" : "rotated";
+		});
+		const toggleBreadcrumbs = () => {
+			breadcrumbsVisibile.value = !breadcrumbsVisibile.value;
+		};
+		const toggleSearch = async () => {
+			searchVisible.value = !searchVisible.value;
+			await nextTick(() => {
+				inputRef.value?.focus();
+			});
+		};
+		const handleSearchInput = (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+		};
+		const handleSearch = async (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			await toggleSearch();
+		};
+		const navigateHome = () => {};
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("footer", null, [createElementVNode("div", _hoisted_1$1, [createElementVNode("div", {
+				id: unref(SHEET_NAV_TOOLBAR_ID),
+				class: "sheetnav-toolbar"
+			}, [renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)], 8, _hoisted_2$1), createElementVNode("ul", _hoisted_3, [
+				createElementVNode("li", {
+					class: "hidebreadcrumbs",
+					onClick: toggleBreadcrumbs,
+					onKeydown: withKeys(toggleBreadcrumbs, ["enter"])
+				}, [createElementVNode("a", _hoisted_4, [createElementVNode("div", { class: normalizeClass(rotateHideTabIcon.value) }, "×", 2)])], 32),
+				createElementVNode("li", {
+					class: "hometab",
+					style: normalizeStyle({ display: breadcrumbsVisibile.value ? "flex" : "none" }),
+					onClick: navigateHome,
+					onKeydown: withKeys(navigateHome, ["enter"])
+				}, [createVNode(_component_router_link, {
+					to: "/",
+					tabindex: "0"
+				}, {
+					default: withCtx(() => [..._cache[5] || (_cache[5] = [createElementVNode("svg", {
+						class: "icon",
+						"aria-label": "Home",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2"
+					}, [createElementVNode("path", { d: "M3 12l9-9 9 9" }), createElementVNode("path", { d: "M9 21V12h6v9" })], -1)])]),
+					_: 1
+				})], 36),
+				createElementVNode("li", {
+					class: normalizeClass(["searchtab", { "search-active": searchVisible.value }]),
+					style: normalizeStyle({ display: breadcrumbsVisibile.value ? "flex" : "none" })
+				}, [createElementVNode("a", _hoisted_5, [withDirectives((openBlock(), createElementBlock("svg", {
+					class: "icon search-icon",
+					role: "button",
+					"aria-label": "Search",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					onClick: toggleSearch,
+					onKeydown: withKeys(toggleSearch, ["enter"])
+				}, [..._cache[6] || (_cache[6] = [createElementVNode("circle", {
+					cx: "11",
+					cy: "11",
+					r: "7"
+				}, null, -1), createElementVNode("path", { d: "M21 21l-4.35-4.35" }, null, -1)])], 544)), [[vShow, !searchVisible.value]]), withDirectives(createElementVNode("input", {
+					ref: "searchinput",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
+					type: "text",
+					placeholder: "Search...",
+					onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
+					onInput: _cache[2] || (_cache[2] = ($event) => handleSearchInput($event)),
+					onBlur: _cache[3] || (_cache[3] = ($event) => handleSearch($event)),
+					onKeydown: [_cache[4] || (_cache[4] = withKeys(($event) => handleSearch($event), ["enter"])), withKeys(toggleSearch, ["escape"])]
+				}, null, 544), [[vShow, searchVisible.value], [vModelText, searchText.value]])])], 6),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.breadcrumbs, (breadcrumb) => {
+					return openBlock(), createElementBlock("li", {
+						key: breadcrumb.title,
+						style: normalizeStyle({ display: breadcrumbsVisibile.value ? "flex" : "none" })
+					}, [createVNode(_component_router_link, {
+						tabindex: "0",
+						to: breadcrumb.to
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(breadcrumb.title), 1)]),
+						_: 2
+					}, 1032, ["to"])], 4);
+				}), 128))
+			])])]);
+		};
+	}
+}), [["__scopeId", "data-v-7c905747"]]);
+//#endregion
+//#region src/components/Desktop.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "loading"
+};
+var _hoisted_2 = {
+	key: 2,
+	class: "loading"
+};
+//#endregion
+//#region src/components/Desktop.vue
+var Desktop_default = /* @__PURE__ */ defineComponent({
+	__name: "Desktop",
+	props: {
+		availableDoctypes: { default: () => [] },
+		routeAdapter: {}
+	},
+	emits: [
+		"action",
+		"navigate",
+		"record:open",
+		"load-records",
+		"load-record"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { stonecrop } = useStonecrop();
+		let validationStore = null;
+		try {
+			validationStore = useValidationStore();
+		} catch {
+			validationStore = null;
+		}
+		const fieldErrors = computed(() => currentView.value === "record" ? validationStore?.errorsByField ?? {} : {});
+		const loading = ref(false);
+		const commandPaletteOpen = ref(false);
+		const draftRecord = ref({});
+		const currentViewData = computed({
+			get() {
+				if (currentView.value === "doctypes") return { doctypes_table: __props.availableDoctypes?.map((doctype) => ({
+					id: doctype,
+					doctype,
+					display_name: formatDoctypeName(doctype),
+					actions: "View Records"
+				})) ?? [] };
+				if (currentView.value === "records") return { records_table: getRecords().map((record) => Object.assign({}, record, {
+					id: resolveRecordId(record) ?? "",
+					actions: "Edit"
+				})) };
+				if (!stonecrop.value || !currentDoctype.value || !currentRecordId.value) return {};
+				try {
+					const flat = { ...isNewRecord.value ? draftRecord.value : stonecrop.value.getRecordById(currentDoctype.value, currentRecordId.value)?.get("") };
+					const doctype = stonecrop.value.registry.registry[currentDoctype.value];
+					if (doctype) {
+						for (const field of doctype.getSchemaArray()) if (field.kind === "fieldset") {
+							const nested = {};
+							for (const child of field.schema) if (child.fieldname) nested[child.fieldname] = flat[child.fieldname];
+							flat[field.fieldname] = nested;
+						}
+					}
+					return flat;
+				} catch {
+					return {};
+				}
+			},
+			set(newData) {
+				if (currentView.value !== "record") return;
+				if (!stonecrop.value || !currentDoctype.value || !currentRecordId.value) return;
+				try {
+					const doctype = stonecrop.value.registry.registry[currentDoctype.value];
+					const fieldsetNames = /* @__PURE__ */ new Set();
+					if (doctype) {
+						for (const field of doctype.getSchemaArray()) if (field.kind === "fieldset") fieldsetNames.add(field.fieldname);
+					}
+					const flatData = {};
+					const fieldsetValues = [];
+					for (const [key, value] of Object.entries(newData)) if (fieldsetNames.has(key) && value && typeof value === "object" && !Array.isArray(value)) fieldsetValues.push(value);
+					else flatData[key] = value;
+					for (const nestedValue of fieldsetValues) Object.assign(flatData, nestedValue);
+					const changedFields = [];
+					if (isNewRecord.value) {
+						const next = { ...draftRecord.value };
+						for (const [fieldname, value] of Object.entries(flatData)) {
+							if (value === void 0) continue;
+							if (next[fieldname] !== value) {
+								next[fieldname] = value;
+								changedFields.push(fieldname);
+							}
+						}
+						draftRecord.value = next;
+					} else {
+						const hstStore = stonecrop.value.getStore();
+						for (const [fieldname, value] of Object.entries(flatData)) {
+							if (value === void 0) continue;
+							const fieldPath = `${currentDoctype.value}.${currentRecordId.value}.${fieldname}`;
+							if ((hstStore.has(fieldPath) ? hstStore.get(fieldPath) : void 0) !== value) {
+								hstStore.set(fieldPath, value);
+								changedFields.push(fieldname);
+							}
+						}
+					}
+					if (changedFields.length > 0) driveFieldValidation(changedFields);
+				} catch (error) {
+					console.warn("HST update failed:", error);
+				}
+			}
+		});
+		function driveFieldValidation(changedFields) {
+			if (!validationStore || !stonecrop.value || !currentDoctype.value || !currentRecordId.value) return;
+			const triggers = stonecrop.value.registry.getDoctype(currentDoctype.value)?.getTriggers();
+			if (!triggers || Object.keys(triggers).length === 0) return;
+			const record = isNewRecord.value ? { ...draftRecord.value } : { ...stonecrop.value.getRecordById(currentDoctype.value, currentRecordId.value)?.get("") };
+			for (const field of changedFields) validationStore.validateField(triggers, field, record);
+		}
+		const route = computed(() => __props.routeAdapter ? null : unref(stonecrop.value?.registry.router?.currentRoute));
+		const router = computed(() => __props.routeAdapter ? null : stonecrop.value?.registry.router);
+		const currentDoctype = computed(() => {
+			if (__props.routeAdapter) return __props.routeAdapter.getCurrentDoctype();
+			if (!route.value) return "";
+			if (route.value.meta?.actualDoctype) return route.value.meta.actualDoctype;
+			if (route.value.params.doctype) return route.value.params.doctype.toString();
+			const pathMatch = route.value.params.pathMatch;
+			if (pathMatch && pathMatch.length > 0) return pathMatch[0];
+			return "";
+		});
+		const routeDoctype = computed(() => {
+			if (__props.routeAdapter) return __props.routeAdapter.getCurrentDoctype();
+			if (!route.value) return "";
+			if (route.value.meta?.doctype) return route.value.meta.doctype;
+			if (route.value.params.doctype) return route.value.params.doctype.toString();
+			const pathMatch = route.value.params.pathMatch;
+			if (pathMatch && pathMatch.length > 0) return pathMatch[0];
+			return "";
+		});
+		const currentRecordId = computed(() => {
+			if (__props.routeAdapter) return __props.routeAdapter.getCurrentRecordId();
+			if (!route.value) return "";
+			if (route.value.params.recordId) return route.value.params.recordId.toString();
+			const pathMatch = route.value.params.pathMatch;
+			if (pathMatch && pathMatch.length > 1) return pathMatch[1];
+			return "";
+		});
+		const isNewRecord = computed(() => isDraftRecordId(currentRecordId.value));
+		const currentView = computed(() => {
+			if (__props.routeAdapter) return __props.routeAdapter.getCurrentView();
+			if (!route.value) return "doctypes";
+			if (route.value.name === "home" || route.value.path === "/") return "doctypes";
+			if (route.value.name && route.value.name !== "catch-all") {
+				const routeName = route.value.name;
+				if (routeName.includes("form") || route.value.params.recordId) return "record";
+				else if (routeName.includes("list") || route.value.params.doctype) return "records";
+			}
+			const pathMatch = route.value.params.pathMatch;
+			if (pathMatch && pathMatch.length > 0) return pathMatch.length === 1 ? "records" : "record";
+			return "doctypes";
+		});
+		const getAvailableTransitions = () => {
+			if (!stonecrop.value || !currentDoctype.value || !currentRecordId.value) return [];
+			try {
+				const doctype = stonecrop.value.registry.getDoctype(currentDoctype.value);
+				if (!doctype?.workflow) return [];
+				const currentState = stonecrop.value.getRecordState(currentDoctype.value, currentRecordId.value);
+				const transitions = doctype.getAvailableTransitions(currentState);
+				const recordData = currentViewData.value || {};
+				return transitions.map(({ name }) => ({
+					label: doctype.getActionMeta(name)?.label ?? name,
+					action: () => {
+						emit("action", {
+							name,
+							doctype: currentDoctype.value,
+							recordId: currentRecordId.value,
+							data: recordData
+						});
+					}
+				}));
+			} catch (error) {
+				console.warn("Error getting available transitions:", error);
+				return [];
+			}
+		};
+		const getAvailableCommands = () => {
+			if (!stonecrop.value || !currentDoctype.value || !currentRecordId.value) return [];
+			try {
+				const doctype = stonecrop.value.registry.getDoctype(currentDoctype.value);
+				if (!doctype?.workflow) return [];
+				const currentState = stonecrop.value.getRecordState(currentDoctype.value, currentRecordId.value);
+				const commands = doctype.getAvailableCommands(currentState);
+				const recordData = currentViewData.value || {};
+				return commands.map(({ name }) => ({
+					label: doctype.getActionMeta(name)?.label ?? name,
+					action: () => {
+						emit("action", {
+							name,
+							doctype: currentDoctype.value,
+							recordId: currentRecordId.value,
+							data: recordData
+						});
+					}
+				}));
+			} catch (error) {
+				console.warn("Error getting available commands:", error);
+				return [];
+			}
+		};
+		const actionElements = computed(() => {
+			const elements = [];
+			switch (currentView.value) {
+				case "records":
+					elements.push({
+						type: "button",
+						label: "New Record",
+						action: () => void createNewRecord()
+					});
+					break;
+				case "record": {
+					const recordActions = [...getAvailableTransitions(), ...getAvailableCommands()];
+					if (recordActions.length > 0) elements.push({
+						type: "dropdown",
+						label: "Actions",
+						actions: recordActions
+					});
+					break;
+				}
+			}
+			return elements;
+		});
+		const navigationBreadcrumbs = computed(() => {
+			const breadcrumbs = [];
+			if (currentView.value === "records" && routeDoctype.value) breadcrumbs.push({
+				title: "Home",
+				to: "/"
+			}, {
+				title: formatDoctypeName(routeDoctype.value),
+				to: `/${routeDoctype.value}`
+			});
+			else if (currentView.value === "record" && routeDoctype.value) {
+				const recordPath = currentRecordId.value ? `/${routeDoctype.value}/${currentRecordId.value}` : route.value?.fullPath ?? "";
+				breadcrumbs.push({
+					title: "Home",
+					to: "/"
+				}, {
+					title: formatDoctypeName(routeDoctype.value),
+					to: `/${routeDoctype.value}`
+				}, {
+					title: isNewRecord.value ? "New Record" : "Edit Record",
+					to: recordPath
+				});
+			}
+			return breadcrumbs;
+		});
+		const searchCommands = (query) => {
+			const commands = [{
+				title: "Go Home",
+				description: "Navigate to the home page",
+				action: () => void doNavigate({ view: "doctypes" })
+			}, {
+				title: "Toggle Command Palette",
+				description: "Open/close the command palette",
+				action: () => commandPaletteOpen.value = !commandPaletteOpen.value
+			}];
+			if (routeDoctype.value) {
+				commands.push({
+					title: `View ${formatDoctypeName(routeDoctype.value)} Records`,
+					description: `Navigate to ${routeDoctype.value} list`,
+					action: () => void doNavigate({
+						view: "records",
+						doctype: routeDoctype.value
+					})
+				});
+				commands.push({
+					title: `Create New ${formatDoctypeName(routeDoctype.value)}`,
+					description: `Create a new ${routeDoctype.value} record`,
+					action: () => void createNewRecord()
+				});
+			}
+			__props.availableDoctypes.forEach((doctype) => {
+				commands.push({
+					title: `View ${formatDoctypeName(doctype)}`,
+					description: `Navigate to ${doctype} list`,
+					action: () => void doNavigate({
+						view: "records",
+						doctype
+					})
+				});
+			});
+			if (!query) return commands;
+			return commands.filter((cmd) => cmd.title.toLowerCase().includes(query.toLowerCase()) || cmd.description.toLowerCase().includes(query.toLowerCase()));
+		};
+		const executeCommand = (command) => {
+			command.action();
+			commandPaletteOpen.value = false;
+		};
+		const listRecordsFetcher = (options) => {
+			if (!stonecrop.value || !currentDoctype.value) return Promise.resolve({
+				data: [],
+				hasMore: false
+			});
+			const doctype = stonecrop.value.registry.getDoctype(currentDoctype.value);
+			if (!doctype) return Promise.resolve({
+				data: [],
+				hasMore: false
+			});
+			return stonecrop.value.getRecords(doctype, options);
+		};
+		const formatDoctypeName = (doctype) => {
+			return doctype.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+		};
+		const doNavigate = async (target) => {
+			emit("navigate", target);
+			if (__props.routeAdapter) await __props.routeAdapter.navigate(target);
+			else if (target.view === "doctypes") await router.value?.push("/");
+			else if (target.view === "records" && target.doctype) await router.value?.push(`/${target.doctype}`);
+			else if (target.view === "record" && target.doctype && target.recordId) await router.value?.push(`/${target.doctype}/${target.recordId}`);
+		};
+		const navigateToDoctype = async (doctype) => {
+			await doNavigate({
+				view: "records",
+				doctype
+			});
+		};
+		const openRecord = async (recordId) => {
+			const doctype = routeDoctype.value;
+			emit("record:open", {
+				doctype,
+				recordId
+			});
+			await doNavigate({
+				view: "record",
+				doctype,
+				recordId
+			});
+		};
+		const createNewRecord = async () => {
+			await doNavigate({
+				view: "record",
+				doctype: routeDoctype.value,
+				recordId: DRAFT_RECORD_ID
+			});
+		};
+		const getDoctypesSchema = () => {
+			if (!__props.availableDoctypes?.length) return [];
+			return [{
+				kind: "table",
+				fieldname: "doctypes_table",
+				component: "ATable",
+				label: "Doctypes",
+				schema: [
+					{
+						fieldname: "doctype",
+						label: "Doctype",
+						component: "ATextInput",
+						align: "left",
+						edit: false,
+						width: "20ch"
+					},
+					{
+						fieldname: "display_name",
+						label: "Name",
+						component: "ATextInput",
+						align: "left",
+						edit: false,
+						width: "30ch"
+					},
+					{
+						fieldname: "actions",
+						label: "Actions",
+						component: "ATextInput",
+						align: "center",
+						edit: false,
+						width: "20ch"
+					}
+				],
+				config: {
+					view: "list",
+					fullWidth: true
+				}
+			}];
+		};
+		const getRecordsSchema = () => {
+			if (!currentDoctype.value) return [];
+			if (!stonecrop.value) return [];
+			const registry = stonecrop.value.registry;
+			const doctype = registry.registry[currentDoctype.value];
+			if (!doctype) return [];
+			const schema = registry.resolveSchema(doctype);
+			if (schema.length === 0) return [];
+			const doctypeSlug = currentDoctype.value;
+			const clientConfigured = Boolean(stonecrop.value.getClient());
+			return [{
+				kind: "table",
+				fieldname: "records_table",
+				component: "ATable",
+				schema: [...resolvedFieldsToColumns(schema), {
+					fieldname: "actions",
+					label: "Actions",
+					component: "ATextInput"
+				}],
+				config: {
+					view: "list",
+					fullWidth: true
+				},
+				...clientConfigured ? {
+					getRecords: listRecordsFetcher,
+					sourceKey: doctypeSlug
+				} : {}
+			}];
+		};
+		const getRecordFormSchema = () => {
+			if (!currentDoctype.value) return [];
+			if (!stonecrop.value) return [];
+			try {
+				const registry = stonecrop.value?.registry;
+				const doctype = registry?.registry[currentDoctype.value];
+				if (!doctype?.schema) return [];
+				return registry.resolveSchema(doctype);
+			} catch {
+				return [];
+			}
+		};
+		const getRecords = () => {
+			if (!stonecrop.value || !currentDoctype.value) return [];
+			const recordsData = stonecrop.value.records(currentDoctype.value)?.get("");
+			if (recordsData && typeof recordsData === "object" && !Array.isArray(recordsData)) return Object.values(recordsData);
+			return [];
+		};
+		const currentViewSchema = computed(() => {
+			switch (currentView.value) {
+				case "doctypes": return getDoctypesSchema();
+				case "records": return getRecordsSchema();
+				case "record": return getRecordFormSchema();
+				default: return [];
+			}
+		});
+		const handleActionClick = (_label, action) => {
+			if (action) action();
+		};
+		/**
+		* Resolve a record's identity for links and navigation.
+		*
+		* Identity is declared once, on the doctype: `primaryKey`, or `id` when nothing is declared.
+		* Delegating to `Doctype.getRecordId` is what guarantees this matches the key
+		* `Stonecrop.getRecords` stored the record under — resolving it independently here would let a
+		* row render a link to an HST path that does not exist.
+		*
+		* There is deliberately no per-shell override. Identity is a per-doctype fact and one shell
+		* renders many doctypes, so a single prop cannot answer it; a shell that named a field would
+		* also be overriding the very declaration the store keyed on, which is the bug above.
+		*/
+		const resolveRecordId = (record) => {
+			if (!stonecrop.value || !currentDoctype.value) return void 0;
+			return stonecrop.value.registry.registry[currentDoctype.value]?.getRecordId(record);
+		};
+		const getRecordIdFromRow = (rowElement) => {
+			const cell = rowElement.querySelector("td[data-rowindex]");
+			if (!cell) return null;
+			const rowIndexAttr = cell.getAttribute("data-rowindex");
+			if (rowIndexAttr === null) return null;
+			const rowIndex = parseInt(rowIndexAttr, 10);
+			if (isNaN(rowIndex)) return null;
+			const record = getRecords()[rowIndex];
+			if (!record) return null;
+			return resolveRecordId(record) ?? null;
+		};
+		const handleClick = async (event) => {
+			const target = event.target;
+			if (target.getAttribute("data-action") === "create") await createNewRecord();
+			const cell = target.closest("td, th");
+			if (cell) {
+				const cellText = cell.textContent?.trim();
+				const row = cell.closest("tr");
+				if (cellText === "View Records" && row) {
+					const cells = row.querySelectorAll("td");
+					if (cells.length > 0) {
+						const doctype = cells[1].textContent?.trim();
+						if (doctype) await navigateToDoctype(doctype);
+					}
+				} else if (cellText === "Edit" && row) {
+					const recordId = getRecordIdFromRow(row);
+					if (recordId) await openRecord(recordId);
+				}
+			}
+		};
+		const loadRecordData = async () => {
+			if (!stonecrop.value || !currentDoctype.value || !stonecrop.value.getClient()) return;
+			loading.value = true;
+			try {
+				await stonecrop.value.getRecord(currentDoctype.value, currentRecordId.value);
+			} catch (error) {
+				console.warn("Error fetching record:", error);
+			} finally {
+				loading.value = false;
+			}
+		};
+		watch([
+			currentView,
+			currentDoctype,
+			currentRecordId
+		], () => {
+			if (currentView.value === "records" && currentDoctype.value) emit("load-records", { doctype: currentDoctype.value });
+			else if (currentView.value === "record" && currentDoctype.value && currentRecordId.value) {
+				if (isNewRecord.value) return;
+				emit("load-record", {
+					doctype: currentDoctype.value,
+					recordId: currentRecordId.value
+				});
+				loadRecordData();
+			}
+		}, { immediate: true });
+		watch([currentDoctype, currentRecordId], () => {
+			validationStore?.clearAll();
+		});
+		watch([currentDoctype, currentRecordId], () => {
+			if (!isNewRecord.value) {
+				draftRecord.value = {};
+				return;
+			}
+			const registry = stonecrop.value?.registry;
+			draftRecord.value = registry ? registry.initializeRecord(getRecordFormSchema()) : {};
+		}, { immediate: true });
+		provide("desktopMethods", {
+			navigateToDoctype,
+			openRecord,
+			createNewRecord,
+			/**
+			* Convenience wrapper so child components (e.g. slot content) can emit
+			* an action event without needing a direct reference to the emit function.
+			*/
+			emitAction: (name, data) => {
+				emit("action", {
+					name,
+					doctype: currentDoctype.value,
+					recordId: currentRecordId.value,
+					data: data ?? currentViewData.value ?? {}
+				});
+			}
+		});
+		provide("aformLinkNavigator", { navigate: (doctype, id) => {
+			doNavigate({
+				view: "record",
+				doctype,
+				recordId: String(id)
+			});
+		} });
+		provide("aformLinkResolver", async (doctypeSlug, id) => {
+			if (!stonecrop.value) return void 0;
+			try {
+				const displayField = (await stonecrop.value.getMeta({
+					path: `/${doctypeSlug}`,
+					segments: [doctypeSlug]
+				}))?.displayField;
+				if (!displayField) return void 0;
+				const readDisplay = (rec) => {
+					if (!rec) return void 0;
+					const val = rec[displayField];
+					return typeof val === "string" || typeof val === "number" ? String(val) : void 0;
+				};
+				const cached = stonecrop.value.getRecordById(doctypeSlug, id)?.get("");
+				const cachedDisplay = readDisplay(cached);
+				if (cachedDisplay != null) return cachedDisplay;
+				await stonecrop.value.getRecord(doctypeSlug, id);
+				const fetched = stonecrop.value.getRecordById(doctypeSlug, id)?.get("");
+				return readDisplay(fetched);
+			} catch {
+				return;
+			}
+		});
+		const handleKeydown = (event) => {
+			if ((event.ctrlKey || event.metaKey) && event.key === "k") {
+				event.preventDefault();
+				commandPaletteOpen.value = true;
+			}
+			if (event.key === "Escape" && commandPaletteOpen.value) commandPaletteOpen.value = false;
+		};
+		onMounted(() => {
+			document.addEventListener("keydown", handleKeydown);
+		});
+		onUnmounted(() => {
+			document.removeEventListener("keydown", handleKeydown);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "desktop",
+				onClick: handleClick
+			}, [
+				createVNode(ActionSet_default, {
+					elements: actionElements.value,
+					onActionClick: handleActionClick
+				}, null, 8, ["elements"]),
+				currentViewSchema.value.length > 0 ? (openBlock(), createBlock(unref(AForm), {
+					key: 0,
+					data: currentViewData.value,
+					"onUpdate:data": _cache[0] || (_cache[0] = ($event) => currentViewData.value = $event),
+					schema: currentViewSchema.value,
+					errors: fieldErrors.value
+				}, null, 8, [
+					"data",
+					"schema",
+					"errors"
+				])) : !unref(stonecrop) ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[2] || (_cache[2] = [createElementVNode("p", null, "Initializing Stonecrop...", -1)])])) : (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("p", null, "Loading " + toDisplayString(currentView.value) + " data...", 1)])),
+				createVNode(SheetNav_default, { breadcrumbs: navigationBreadcrumbs.value }, {
+					toolbar: withCtx(() => [renderSlot(_ctx.$slots, "sheetnav-toolbar")]),
+					_: 3
+				}, 8, ["breadcrumbs"]),
+				createVNode(CommandPalette_default, {
+					"is-open": commandPaletteOpen.value,
+					search: searchCommands,
+					placeholder: "Type a command or search...",
+					onSelect: executeCommand,
+					onClose: _cache[1] || (_cache[1] = ($event) => commandPaletteOpen.value = false)
+				}, {
+					title: withCtx(({ result }) => [createTextVNode(toDisplayString(result.title), 1)]),
+					content: withCtx(({ result }) => [createTextVNode(toDisplayString(result.description), 1)]),
+					_: 1
+				}, 8, ["is-open"])
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/plugins/index.ts
+/**
+* This is the main plugin that will be used to register all the desktop components.
+* @public
+*/
+var plugin = { install: (app) => {
+	app.component("ActionSet", ActionSet_default);
+	app.component("CommandPalette", CommandPalette_default);
+	app.component("Desktop", Desktop_default);
+	app.component("SheetNav", SheetNav_default);
+} };
+//#endregion
+export { ActionSet_default as ActionSet, CommandPalette_default as CommandPalette, Desktop_default as Desktop, SHEET_NAV_TOOLBAR_SELECTOR, SheetNav_default as SheetNav, plugin as StonecropDesktop };
+
+//# sourceMappingURL=desktop.js.map