@stonecrop/desktop 0.6.2 → 0.6.3

package/dist/index-C3nXTrEd.js

@@ -0,0 +1,1895 @@
+import { defineComponent as W, ref as k, onMounted as te, createElementBlock as b, openBlock as y, normalizeClass as oe, createElementVNode as g, Fragment as L, renderList as B, createCommentVNode as F, toDisplayString as C, withDirectives as ue, vShow as He, useTemplateRef as we, computed as D, watch as x, nextTick as de, createBlock as ae, Teleport as be, createVNode as I, Transition as Oe, withCtx as z, withModifiers as Fe, vModelText as $e, renderSlot as ne, createTextVNode as Z, inject as me, provide as ce, shallowRef as _e, toValue as M, toRef as Le, readonly as Be, customRef as ze, getCurrentScope as We, onScopeDispose as Ke, unref as Q, resolveDynamicComponent as Ue, mergeProps as qe, resolveComponent as Ge, withKeys as J, normalizeStyle as U, withAsyncContext as Ye, onUnmounted as Je, TransitionGroup as Xe } from "vue";
+const Qe = { class: "action-menu-icon" }, Ze = ["onclick"], et = { key: 1 }, tt = ["onClick"], ot = { class: "dropdown-container" }, at = { class: "dropdown" }, nt = ["onclick"], st = ["href"], rt = { class: "dropdown-item" }, lt = /* @__PURE__ */ W({
+  __name: "ActionSet",
+  props: {
+    elements: { default: () => [] }
+  },
+  setup(s) {
+    const e = k(s.elements), t = k(!1), o = k(null), a = k(!1), l = k(!1);
+    te(() => {
+      r();
+    });
+    const r = () => {
+      for (const i of e.value)
+        i.type === "dropdown" && (i.show = !1);
+    }, c = () => {
+      a.value = !0, o.value = setTimeout(() => {
+        a.value && (t.value = !0);
+      }, 500);
+    }, n = () => {
+      a.value = !1, l.value = !1, o.value && clearTimeout(o.value), t.value = !1;
+    }, u = (i) => {
+      const h = !e.value[i].show;
+      r(), e.value[i].show = h;
+    };
+    return (i, h) => (y(), b("div", {
+      class: oe([{ "open-set": t.value, "hovered-and-closed": l.value }, "action-set collapse"]),
+      onMouseover: c,
+      onMouseleave: n
+    }, [
+      g("div", Qe, [
+        g("div", {
+          id: "chevron",
+          onClick: h[0] || (h[0] = (p) => l.value = !l.value)
+        }, h[1] || (h[1] = [
+          g("svg", {
+            class: "leftBar",
+            version: "1.1",
+            id: "Layer_1",
+            xmlns: "http://www.w3.org/2000/svg",
+            "xmlns:xlink": "http://www.w3.org/1999/xlink",
+            x: "0px",
+            y: "0px",
+            viewBox: "0 0 100 100",
+            "xml:space": "preserve",
+            width: "50",
+            height: "50"
+          }, [
+            g("polygon", { points: "54.2,33.4 29.2,58.8 25,54.6 50,29.2 " })
+          ], -1),
+          g("svg", {
+            class: "rightBar",
+            version: "1.1",
+            id: "Layer_1",
+            xmlns: "http://www.w3.org/2000/svg",
+            "xmlns:xlink": "http://www.w3.org/1999/xlink",
+            x: "0px",
+            y: "0px",
+            viewBox: "0 0 100 100",
+            "xml:space": "preserve",
+            width: "50",
+            height: "50"
+          }, [
+            g("polygon", { points: "70.8,58.8 45.8,33.4 50,29.2 75,54.6 " })
+          ], -1)
+        ]))
+      ]),
+      h[2] || (h[2] = g("div", { style: { "margin-right": "30px" } }, null, -1)),
+      (y(!0), b(L, null, B(e.value, (p, f) => (y(), b("div", {
+        class: "action-element",
+        key: p.label
+      }, [
+        p.type == "button" ? (y(), b("button", {
+          key: 0,
+          onclick: p.action,
+          class: "button-default"
+        }, C(p.label), 9, Ze)) : F("", !0),
+        p.type == "dropdown" ? (y(), b("div", et, [
+          g("button", {
+            class: "button-default",
+            onClick: (m) => u(f)
+          }, C(p.label), 9, tt),
+          ue(g("div", ot, [
+            g("div", at, [
+              (y(!0), b(L, null, B(p.actions, (m) => (y(), b("div", {
+                key: m.label
+              }, [
+                m.action != null ? (y(), b("button", {
+                  key: 0,
+                  onclick: m.action,
+                  class: "dropdown-item"
+                }, C(m.label), 9, nt)) : m.link != null ? (y(), b("a", {
+                  key: 1,
+                  href: m.link
+                }, [
+                  g("button", rt, C(m.label), 1)
+                ], 8, st)) : F("", !0)
+              ]))), 128))
+            ])
+          ], 512), [
+            [He, p.show]
+          ])
+        ])) : F("", !0)
+      ]))), 128))
+    ], 34));
+  }
+}), ve = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [o, a] of e)
+    t[o] = a;
+  return t;
+}, ke = /* @__PURE__ */ ve(lt, [["__scopeId", "data-v-fd5c3ea8"]]), it = { class: "command-palette-header" }, ct = ["placeholder"], ut = {
+  key: 0,
+  class: "command-palette-results"
+}, dt = ["onClick", "onMouseover"], vt = { class: "result-title" }, pt = { class: "result-content" }, ht = {
+  key: 1,
+  class: "command-palette-no-results"
+}, Se = /* @__PURE__ */ W({
+  __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(s, { emit: e }) {
+    const t = e, o = k(""), a = k(0), l = we("input"), r = D(() => o.value ? s.search(o.value).slice(0, s.maxResults) : []);
+    x(
+      () => s.isOpen,
+      async (i) => {
+        i && (o.value = "", a.value = 0, await de(), l.value?.focus());
+      }
+    ), x(r, () => {
+      a.value = 0;
+    });
+    const c = () => {
+      t("close");
+    }, n = (i) => {
+      switch (i.key) {
+        case "Escape":
+          c();
+          break;
+        case "ArrowDown":
+          i.preventDefault(), r.value.length && (a.value = (a.value + 1) % r.value.length);
+          break;
+        case "ArrowUp":
+          i.preventDefault(), r.value.length && (a.value = (a.value - 1 + r.value.length) % r.value.length);
+          break;
+        case "Enter":
+          r.value.length && a.value >= 0 && u(r.value[a.value]);
+          break;
+      }
+    }, u = (i) => {
+      t("select", i), c();
+    };
+    return (i, h) => (y(), ae(be, { to: "body" }, [
+      I(Oe, { name: "fade" }, {
+        default: z(() => [
+          i.isOpen ? (y(), b("div", {
+            key: 0,
+            class: "command-palette-overlay",
+            onClick: c
+          }, [
+            g("div", {
+              class: "command-palette",
+              onClick: h[1] || (h[1] = Fe(() => {
+              }, ["stop"]))
+            }, [
+              g("div", it, [
+                ue(g("input", {
+                  ref: "input",
+                  "onUpdate:modelValue": h[0] || (h[0] = (p) => o.value = p),
+                  type: "text",
+                  class: "command-palette-input",
+                  placeholder: i.placeholder,
+                  autofocus: "",
+                  onKeydown: n
+                }, null, 40, ct), [
+                  [$e, o.value]
+                ])
+              ]),
+              r.value.length ? (y(), b("div", ut, [
+                (y(!0), b(L, null, B(r.value, (p, f) => (y(), b("div", {
+                  key: f,
+                  class: oe(["command-palette-result", { selected: f === a.value }]),
+                  onClick: (m) => u(p),
+                  onMouseover: (m) => a.value = f
+                }, [
+                  g("div", vt, [
+                    ne(i.$slots, "title", { result: p })
+                  ]),
+                  g("div", pt, [
+                    ne(i.$slots, "content", { result: p })
+                  ])
+                ], 42, dt))), 128))
+              ])) : o.value && !r.value.length ? (y(), b("div", ht, [
+                ne(i.$slots, "empty", {}, () => [
+                  Z(' No results found for "' + C(o.value) + '" ', 1)
+                ])
+              ])) : F("", !0)
+            ])
+          ])) : F("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+let se;
+function De(s) {
+  return se || (se = new ft(s)), se;
+}
+function so(s, e) {
+  De().registerAction(s, e);
+}
+class ft {
+  options;
+  doctypeActions = /* @__PURE__ */ new Map();
+  // doctype -> action/field -> functions
+  globalActions = /* @__PURE__ */ new Map();
+  // action name -> function
+  constructor(e = {}) {
+    this.options = {
+      defaultTimeout: e.defaultTimeout ?? 5e3,
+      debug: e.debug ?? !1,
+      errorHandler: e.errorHandler
+    };
+  }
+  /**
+   * Register a global action function
+   */
+  registerAction(e, t) {
+    this.globalActions.set(e, t);
+  }
+  /**
+   * Register actions from a doctype - both regular actions and field triggers
+   */
+  registerDoctypeActions(e, t) {
+    if (!t) return;
+    const o = /* @__PURE__ */ new Map();
+    if (typeof t.entrySeq == "function")
+      t.entrySeq().forEach(([a, l]) => {
+        o.set(a, l);
+      });
+    else if (t instanceof Map)
+      for (const [a, l] of t)
+        o.set(a, l);
+    else t && typeof t == "object" && Object.entries(t).forEach(([a, l]) => {
+      o.set(a, l);
+    });
+    this.doctypeActions.set(e, o);
+  }
+  /**
+   * Execute field triggers for a changed field
+   */
+  async executeFieldTriggers(e, t = {}) {
+    const { doctype: o, fieldname: a } = e, l = this.findFieldTriggers(o, a);
+    if (l.length === 0)
+      return {
+        path: e.path,
+        actionResults: [],
+        totalExecutionTime: 0,
+        allSucceeded: !0,
+        stoppedOnError: !1
+      };
+    const r = performance.now(), c = [];
+    let n = !1;
+    for (const h of l)
+      try {
+        const p = await this.executeAction(h, e, t.timeout);
+        if (c.push(p), !p.success) {
+          n = !0;
+          break;
+        }
+      } catch (p) {
+        const f = {
+          success: !1,
+          error: p instanceof Error ? p : new Error(String(p)),
+          executionTime: 0,
+          action: h
+        };
+        c.push(f), n = !0;
+        break;
+      }
+    const u = performance.now() - r, i = c.filter((h) => !h.success);
+    if (i.length > 0 && this.options.errorHandler)
+      for (const h of i)
+        try {
+          this.options.errorHandler(h.error, e, h.action);
+        } catch (p) {
+          console.error("[FieldTriggers] Error in global error handler:", p);
+        }
+    return {
+      path: e.path,
+      actionResults: c,
+      totalExecutionTime: u,
+      allSucceeded: c.every((h) => h.success),
+      stoppedOnError: n
+    };
+  }
+  /**
+   * Find field triggers for a specific doctype and field
+   * Field triggers are identified by keys that look like field paths (contain dots or match field names)
+   */
+  findFieldTriggers(e, t) {
+    const o = this.doctypeActions.get(e);
+    if (!o) return [];
+    const a = [];
+    for (const [l, r] of o)
+      this.isFieldTriggerKey(l, t) && a.push(...r);
+    return a;
+  }
+  /**
+   * Determine if an action key represents a field trigger
+   * Field triggers can be:
+   * - Exact field name match: "emailAddress"
+   * - Wildcard patterns: "emailAddress.*", "*.is_primary"
+   * - Nested field paths: "address.street", "contact.email"
+   */
+  isFieldTriggerKey(e, t) {
+    return e === t ? !0 : e.includes(".") ? this.matchFieldPattern(e, t) : e.includes("*") ? this.matchFieldPattern(e, t) : !1;
+  }
+  /**
+   * Match a field pattern against a field name
+   * Supports wildcards (*) for dynamic segments
+   */
+  matchFieldPattern(e, t) {
+    const o = e.split("."), a = t.split(".");
+    if (o.length !== a.length)
+      return !1;
+    for (let l = 0; l < o.length; l++) {
+      const r = o[l], c = a[l];
+      if (r !== "*" && r !== c)
+        return !1;
+    }
+    return !0;
+  }
+  /**
+   * Execute a single action by name
+   */
+  async executeAction(e, t, o) {
+    const a = performance.now(), l = o ?? this.options.defaultTimeout;
+    try {
+      const r = this.globalActions.get(e);
+      if (!r)
+        throw new Error(`Action "${e}" not found in registry`);
+      return await this.executeWithTimeout(r, t, l), {
+        success: !0,
+        executionTime: performance.now() - a,
+        action: e
+      };
+    } catch (r) {
+      const c = performance.now() - a;
+      return {
+        success: !1,
+        error: r instanceof Error ? r : new Error(String(r)),
+        executionTime: c,
+        action: e
+      };
+    }
+  }
+  /**
+   * Execute a function with timeout
+   */
+  async executeWithTimeout(e, t, o) {
+    return new Promise((a, l) => {
+      const r = setTimeout(() => {
+        l(new Error(`Action timeout after ${o}ms`));
+      }, o);
+      Promise.resolve(e(t)).then((c) => {
+        clearTimeout(r), a(c);
+      }).catch((c) => {
+        clearTimeout(r), l(c);
+      });
+    });
+  }
+}
+class O {
+  static instance;
+  /**
+   * Gets the singleton instance of HST
+   * @returns The HST singleton instance
+   */
+  static getInstance() {
+    return O.instance || (O.instance = new O()), O.instance;
+  }
+  /**
+   * Gets the global registry instance
+   * @returns The global registry object or undefined if not found
+   */
+  getRegistry() {
+    if (typeof globalThis < "u") {
+      const e = globalThis.Registry?._root;
+      if (e)
+        return e;
+    }
+    if (typeof window < "u") {
+      const e = window.Registry?._root;
+      if (e)
+        return e;
+    }
+    if (typeof global < "u" && global) {
+      const e = global.Registry?._root;
+      if (e)
+        return e;
+    }
+  }
+  /**
+   * Helper method to get doctype metadata from the registry
+   * @param doctype - The name of the doctype to retrieve metadata for
+   * @returns The doctype metadata object or undefined if not found
+   */
+  getDoctypeMeta(e) {
+    const t = this.getRegistry();
+    if (t && typeof t == "object" && "registry" in t)
+      return t.registry[e];
+  }
+}
+class ee {
+  target;
+  parentPath;
+  rootNode;
+  doctype;
+  parentDoctype;
+  hst;
+  constructor(e, t, o = "", a = null, l) {
+    return this.target = e, this.parentPath = o, this.rootNode = a || this, this.doctype = t, this.parentDoctype = l, this.hst = O.getInstance(), new Proxy(this, {
+      get(r, c) {
+        if (c in r) return r[c];
+        const n = String(c);
+        return r.getNode(n);
+      },
+      set(r, c, n) {
+        const u = String(c);
+        return r.set(u, n), !0;
+      }
+    });
+  }
+  get(e) {
+    return this.resolveValue(e);
+  }
+  // Method to get a tree-wrapped node for navigation
+  getNode(e) {
+    const t = this.resolvePath(e), o = this.resolveValue(e);
+    return typeof o == "object" && o !== null && !this.isPrimitive(o) ? new ee(o, this.doctype, t, this.rootNode, this.parentDoctype) : new ee(o, this.doctype, t, this.rootNode, this.parentDoctype);
+  }
+  set(e, t) {
+    const o = this.resolvePath(e), a = this.has(e) ? this.get(e) : void 0;
+    this.updateValue(e, t), this.triggerFieldActions(o, a, t);
+  }
+  has(e) {
+    try {
+      if (e === "")
+        return !0;
+      const t = this.parsePath(e);
+      let o = this.target;
+      for (let a = 0; a < t.length; a++) {
+        const l = t[a];
+        if (o == null)
+          return !1;
+        if (a === t.length - 1)
+          return this.isImmutable(o) ? o.has(l) : this.isPiniaStore(o) && o.$state && l in o.$state || l in o;
+        o = this.getProperty(o, l);
+      }
+      return !1;
+    } catch {
+      return !1;
+    }
+  }
+  // Tree navigation methods
+  getParent() {
+    if (!this.parentPath) return null;
+    const e = this.parentPath.split(".").slice(0, -1).join(".");
+    return e === "" ? this.rootNode : this.rootNode.getNode(e);
+  }
+  getRoot() {
+    return this.rootNode;
+  }
+  getPath() {
+    return this.parentPath;
+  }
+  getDepth() {
+    return this.parentPath ? this.parentPath.split(".").length : 0;
+  }
+  getBreadcrumbs() {
+    return this.parentPath ? this.parentPath.split(".") : [];
+  }
+  // Private helper methods
+  resolvePath(e) {
+    return e === "" ? this.parentPath : this.parentPath ? `${this.parentPath}.${e}` : e;
+  }
+  resolveValue(e) {
+    if (e === "")
+      return this.target;
+    const t = this.parsePath(e);
+    let o = this.target;
+    for (const a of t) {
+      if (o == null)
+        return;
+      o = this.getProperty(o, a);
+    }
+    return o;
+  }
+  updateValue(e, t) {
+    if (e === "")
+      throw new Error("Cannot set value on empty path");
+    const o = this.parsePath(e), a = o.pop();
+    let l = this.target;
+    for (const r of o)
+      if (l = this.getProperty(l, r), l == null)
+        throw new Error(`Cannot set property on null/undefined path: ${e}`);
+    this.setProperty(l, a, t);
+  }
+  getProperty(e, t) {
+    return this.isImmutable(e) ? e.get(t) : this.isVueReactive(e) ? e[t] : this.isPiniaStore(e) ? e.$state?.[t] ?? e[t] : e[t];
+  }
+  setProperty(e, t, o) {
+    if (this.isImmutable(e))
+      throw new Error("Cannot directly mutate immutable objects. Use immutable update methods instead.");
+    if (this.isPiniaStore(e)) {
+      e.$patch ? e.$patch({ [t]: o }) : e[t] = o;
+      return;
+    }
+    e[t] = o;
+  }
+  async triggerFieldActions(e, t, o) {
+    try {
+      const a = De(), l = e.split("."), r = l.slice(2).join(".") || l[l.length - 1], c = this.doctype;
+      let n;
+      l.length >= 2 && (n = l[1]);
+      const u = {
+        path: e,
+        fieldname: r,
+        beforeValue: t,
+        afterValue: o,
+        operation: "set",
+        doctype: c,
+        recordId: n,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      await a.executeFieldTriggers(u);
+    } catch (a) {
+      a instanceof Error && console.warn("Field trigger error:", a.message);
+    }
+  }
+  isVueReactive(e) {
+    return e && typeof e == "object" && "__v_isReactive" in e && e.__v_isReactive === !0;
+  }
+  isPiniaStore(e) {
+    return e && typeof e == "object" && ("$state" in e || "$patch" in e || "$id" in e);
+  }
+  isImmutable(e) {
+    if (!e || typeof e != "object")
+      return !1;
+    const t = "get" in e && typeof e.get == "function", o = "set" in e && typeof e.set == "function", a = "has" in e && typeof e.has == "function", l = "__ownerID" in e || "_map" in e || "_list" in e || "_origin" in e || "_capacity" in e || "_defaultValues" in e || "_tail" in e || "_root" in e || "size" in e && t && o;
+    let r;
+    try {
+      const n = e;
+      if ("constructor" in n && n.constructor && typeof n.constructor == "object" && "name" in n.constructor) {
+        const u = n.constructor.name;
+        r = typeof u == "string" ? u : void 0;
+      }
+    } catch {
+      r = void 0;
+    }
+    const c = r && (r.includes("Map") || r.includes("List") || r.includes("Set") || r.includes("Stack") || r.includes("Seq")) && (t || o);
+    return !!(t && o && a && l || t && o && c);
+  }
+  isPrimitive(e) {
+    return e == null || typeof e == "string" || typeof e == "number" || typeof e == "boolean" || typeof e == "function" || typeof e == "symbol" || typeof e == "bigint";
+  }
+  parsePath(e) {
+    return e ? e.split(".").filter((t) => t.length > 0) : [];
+  }
+}
+function mt(s, e, t) {
+  return new ee(s, e, "", null, t);
+}
+let gt = class {
+  hstStore;
+  registry;
+  constructor(e) {
+    this.registry = e, this.initializeHSTStore(), this.setupRegistrySync();
+  }
+  /**
+   * Initialize the HST store structure
+   */
+  initializeHSTStore() {
+    const e = {};
+    Object.keys(this.registry.registry).forEach((t) => {
+      e[t] = {};
+    }), this.hstStore = mt(e, "StonecropStore");
+  }
+  /**
+   * Setup automatic sync with Registry when doctypes are added
+   */
+  setupRegistrySync() {
+    const e = this.registry.addDoctype.bind(this.registry);
+    this.registry.addDoctype = (t) => {
+      e(t), this.hstStore.has(t.slug) || this.hstStore.set(t.slug, {});
+    };
+  }
+  /**
+   * Get records hash for a doctype
+   * @param doctype - The doctype to get records for
+   * @returns HST node containing records hash
+   */
+  records(e) {
+    const t = typeof e == "string" ? e : e.slug;
+    return this.ensureDoctypeExists(t), this.hstStore.getNode(t);
+  }
+  /**
+   * Add a record to the store
+   * @param doctype - The doctype
+   * @param recordId - The record ID
+   * @param recordData - The record data
+   */
+  addRecord(e, t, o) {
+    const a = typeof e == "string" ? e : e.slug;
+    this.ensureDoctypeExists(a), this.hstStore.set(`${a}.${t}`, o);
+  }
+  /**
+   * Get a specific record
+   * @param doctype - The doctype
+   * @param recordId - The record ID
+   * @returns HST node for the record or undefined
+   */
+  getRecordById(e, t) {
+    const o = typeof e == "string" ? e : e.slug;
+    if (this.ensureDoctypeExists(o), !(!this.hstStore.has(`${o}.${t}`) || this.hstStore.get(`${o}.${t}`) === void 0))
+      return this.hstStore.getNode(`${o}.${t}`);
+  }
+  /**
+   * Remove a record from the store
+   * @param doctype - The doctype
+   * @param recordId - The record ID
+   */
+  removeRecord(e, t) {
+    const o = typeof e == "string" ? e : e.slug;
+    this.ensureDoctypeExists(o), this.hstStore.has(`${o}.${t}`) && this.hstStore.set(`${o}.${t}`, void 0);
+  }
+  /**
+   * Get all record IDs for a doctype
+   * @param doctype - The doctype
+   * @returns Array of record IDs
+   */
+  getRecordIds(e) {
+    const t = typeof e == "string" ? e : e.slug;
+    this.ensureDoctypeExists(t);
+    const o = this.hstStore.get(t);
+    return !o || typeof o != "object" ? [] : Object.keys(o).filter((a) => o[a] !== void 0);
+  }
+  /**
+   * Clear all records for a doctype
+   * @param doctype - The doctype
+   */
+  clearRecords(e) {
+    const t = typeof e == "string" ? e : e.slug;
+    this.ensureDoctypeExists(t), this.getRecordIds(t).forEach((o) => {
+      this.hstStore.set(`${t}.${o}`, void 0);
+    });
+  }
+  /**
+   * Setup method for doctype initialization
+   * @param doctype - The doctype to setup
+   */
+  setup(e) {
+    this.ensureDoctypeExists(e.slug);
+  }
+  /**
+   * Run action on doctype (maintains compatibility)
+   * @param _doctype - The doctype
+   * @param _action - The action to run
+   * @param _args - Action arguments
+   */
+  runAction(e, t, o) {
+  }
+  /**
+   * Get records from server (maintains compatibility)
+   * @param doctype - The doctype
+   */
+  async getRecords(e) {
+    (await (await fetch(`/${e.slug}`)).json()).forEach((t) => {
+      t.id && this.addRecord(e, t.id, t);
+    });
+  }
+  /**
+   * Get single record from server (maintains compatibility)
+   * @param doctype - The doctype
+   * @param recordId - The record ID
+   */
+  async getRecord(e, t) {
+    const o = await (await fetch(`/${e.slug}/${t}`)).json();
+    this.addRecord(e, t, o);
+  }
+  /**
+   * Ensure doctype section exists in HST store
+   * @param slug - The doctype slug
+   */
+  ensureDoctypeExists(e) {
+    this.hstStore.has(e) || this.hstStore.set(e, {});
+  }
+  /**
+   * Get the root HST store node for advanced usage
+   * @returns Root HST node
+   */
+  getStore() {
+    return this.hstStore;
+  }
+};
+function yt(s) {
+  s || (s = {});
+  const e = s.registry || me("$registry"), t = me("$stonecrop"), o = k(), a = k(), l = k({}), r = k(), c = k();
+  te(async () => {
+    if (console.log("🚀 [useStonecrop] Initializing Stonecrop composable", { options: s, registry: e }), !!e) {
+      if (o.value = t || new gt(e), !s.doctype && e.router) {
+        console.log("🌍 [useStonecrop] Setting up router-based doctype loading");
+        const i = e.router.currentRoute.value;
+        if (!i.path) return;
+        console.log("🔍 [useStonecrop] Current route path:", i.path);
+        const h = i.path.split("/").filter((m) => m.length > 0), p = h[0]?.toLowerCase(), f = h[1]?.toLowerCase();
+        if (p) {
+          console.log("📄 [useStonecrop] Loading doctype from slug:", p, { recordId: f });
+          const m = f && f !== "new", A = m ? `${p}-form` : `${p}-list`;
+          console.log("🎯 [useStonecrop] Resolved doctype:", {
+            originalSlug: p,
+            actualSlug: A,
+            isFormView: m,
+            recordId: f
+          });
+          const S = await e.getMeta?.(A);
+          if (S) {
+            if (e.addDoctype(S), o.value.setup(S), r.value = S, c.value = f, a.value = o.value.getStore(), f && f !== "new") {
+              const $ = o.value.getRecordById(S, f);
+              if ($)
+                l.value = $.get("") || {};
+              else
+                try {
+                  await o.value.getRecord(S, f);
+                  const R = o.value.getRecordById(S, f);
+                  R && (l.value = R.get("") || {});
+                } catch {
+                  l.value = X(S);
+                }
+            } else
+              l.value = X(S);
+            if (console.log("🗄️ [useStonecrop] HST Store initialized:", a.value), a.value && (ge(S, f || "new", l, a.value), Object.keys(l.value).length > 0)) {
+              const $ = `${S.slug}.${f || "new"}`;
+              Object.keys(l.value).forEach((R) => {
+                const P = `${$}.${R}`;
+                try {
+                  a.value.set(P, l.value[R]);
+                } catch {
+                }
+              });
+            }
+            o.value.runAction(S, "load", f ? [f] : void 0);
+          }
+        }
+      }
+      if (s.doctype) {
+        a.value = o.value.getStore();
+        const i = s.doctype, h = s.recordId;
+        if (h && h !== "new") {
+          const p = o.value.getRecordById(i, h);
+          if (p)
+            l.value = p.get("") || {};
+          else
+            try {
+              await o.value.getRecord(i, h);
+              const f = o.value.getRecordById(i, h);
+              f && (l.value = f.get("") || {});
+            } catch {
+              l.value = X(i);
+            }
+        } else
+          l.value = X(i);
+        if (a.value && (ge(i, h || "new", l, a.value), Object.keys(l.value).length > 0)) {
+          const p = `${i.slug}.${h || "new"}`;
+          Object.keys(l.value).forEach((f) => {
+            const m = `${p}.${f}`;
+            try {
+              a.value.set(m, l.value[f]);
+            } catch {
+            }
+          });
+        }
+      }
+    }
+  });
+  const n = (i, h) => {
+    const p = s.doctype || r.value;
+    if (!p) return "";
+    const f = h || s.recordId || c.value || "new";
+    return `${p.slug}.${f}.${i}`;
+  }, u = (i) => {
+    const h = s.doctype || r.value;
+    if (!(!a.value || !o.value || !h))
+      try {
+        const p = i.path.split(".");
+        if (p.length >= 2) {
+          const A = p[0], S = p[1];
+          if (a.value.has(`${A}.${S}`) || o.value.addRecord(h, S, { ...l.value }), p.length > 3) {
+            const $ = `${A}.${S}`, R = p.slice(2);
+            let P = $;
+            for (let V = 0; V < R.length - 1; V++)
+              if (P += `.${R[V]}`, !a.value.has(P)) {
+                const j = R[V + 1], q = !isNaN(Number(j));
+                a.value.set(P, q ? [] : {});
+              }
+          }
+        }
+        a.value.set(i.path, i.value);
+        const f = i.fieldname.split("."), m = { ...l.value };
+        f.length === 1 ? m[f[0]] = i.value : wt(m, f, i.value), l.value = m;
+      } catch {
+      }
+  };
+  return (s.doctype || e?.router) && (ce("hstPathProvider", n), ce("hstChangeHandler", u)), s.doctype ? {
+    stonecrop: o,
+    provideHSTPath: n,
+    handleHSTChange: u,
+    hstStore: a,
+    formData: l
+  } : !s.doctype && e?.router ? {
+    stonecrop: o,
+    provideHSTPath: n,
+    handleHSTChange: u,
+    hstStore: a,
+    formData: l
+  } : { stonecrop: o };
+}
+function X(s) {
+  const e = {};
+  return s.schema && s.schema.forEach((t) => {
+    switch ("fieldtype" in t ? t.fieldtype : "Data") {
+      case "Data":
+      case "Text":
+        e[t.fieldname] = "";
+        break;
+      case "Check":
+        e[t.fieldname] = !1;
+        break;
+      case "Int":
+      case "Float":
+        e[t.fieldname] = 0;
+        break;
+      case "Table":
+        e[t.fieldname] = [];
+        break;
+      case "JSON":
+        e[t.fieldname] = {};
+        break;
+      default:
+        e[t.fieldname] = null;
+    }
+  }), e;
+}
+function ge(s, e, t, o) {
+  console.log("🔗 [useStonecrop] Setting up deep reactivity", { doctype: s.slug, recordId: e, formData: t }), x(
+    t,
+    (a) => {
+      console.log("🔄 [useStonecrop] formData changed:", a);
+      const l = `${s.slug}.${e}`;
+      Object.keys(a).forEach((r) => {
+        const c = `${l}.${r}`;
+        try {
+          o.set(c, a[r]);
+        } catch {
+        }
+      });
+    },
+    { deep: !0 }
+  );
+}
+function wt(s, e, t) {
+  let o = s;
+  for (let l = 0; l < e.length - 1; l++) {
+    const r = e[l];
+    (!(r in o) || typeof o[r] != "object") && (o[r] = isNaN(Number(e[l + 1])) ? {} : []), o = o[r];
+  }
+  const a = e[e.length - 1];
+  o[a] = t;
+}
+const bt = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [o, a] of e)
+    t[o] = a;
+  return t;
+};
+function Re(s) {
+  return We() ? (Ke(s), !0) : !1;
+}
+const xe = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const $t = Object.prototype.toString, _t = (s) => $t.call(s) === "[object Object]", kt = () => {
+}, ye = /* @__PURE__ */ St();
+function St() {
+  var s, e;
+  return xe && ((s = window?.navigator) == null ? void 0 : s.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((e = window?.navigator) == null ? void 0 : e.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+}
+function Dt(...s) {
+  if (s.length !== 1)
+    return Le(...s);
+  const e = s[0];
+  return typeof e == "function" ? Be(ze(() => ({ get: e, set: kt }))) : k(e);
+}
+function re(s) {
+  return Array.isArray(s) ? s : [s];
+}
+function Rt(s, e, t) {
+  return x(
+    s,
+    e,
+    {
+      ...t,
+      immediate: !0
+    }
+  );
+}
+const xt = xe ? window : void 0;
+function Ct(s) {
+  var e;
+  const t = M(s);
+  return (e = t?.$el) != null ? e : t;
+}
+function Tt(...s) {
+  const e = [], t = () => {
+    e.forEach((c) => c()), e.length = 0;
+  }, o = (c, n, u, i) => (c.addEventListener(n, u, i), () => c.removeEventListener(n, u, i)), a = D(() => {
+    const c = re(M(s[0])).filter((n) => n != null);
+    return c.every((n) => typeof n != "string") ? c : void 0;
+  }), l = Rt(
+    () => {
+      var c, n;
+      return [
+        (n = (c = a.value) == null ? void 0 : c.map((u) => Ct(u))) != null ? n : [xt].filter((u) => u != null),
+        re(M(a.value ? s[1] : s[0])),
+        re(Q(a.value ? s[2] : s[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        M(a.value ? s[3] : s[2])
+      ];
+    },
+    ([c, n, u, i]) => {
+      if (t(), !c?.length || !n?.length || !u?.length)
+        return;
+      const h = _t(i) ? { ...i } : i;
+      e.push(
+        ...c.flatMap(
+          (p) => n.flatMap(
+            (f) => u.map((m) => o(p, f, m, h))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), r = () => {
+    l(), t();
+  };
+  return Re(t), r;
+}
+function le(s) {
+  return typeof Window < "u" && s instanceof Window ? s.document.documentElement : typeof Document < "u" && s instanceof Document ? s.documentElement : s;
+}
+function Ce(s) {
+  const e = window.getComputedStyle(s);
+  if (e.overflowX === "scroll" || e.overflowY === "scroll" || e.overflowX === "auto" && s.clientWidth < s.scrollWidth || e.overflowY === "auto" && s.clientHeight < s.scrollHeight)
+    return !0;
+  {
+    const t = s.parentNode;
+    return !t || t.tagName === "BODY" ? !1 : Ce(t);
+  }
+}
+function Pt(s) {
+  const e = s || window.event, t = e.target;
+  return Ce(t) ? !1 : e.touches.length > 1 ? !0 : (e.preventDefault && e.preventDefault(), !1);
+}
+const ie = /* @__PURE__ */ new WeakMap();
+function Et(s, e = !1) {
+  const t = _e(e);
+  let o = null, a = "";
+  x(Dt(s), (c) => {
+    const n = le(M(c));
+    if (n) {
+      const u = n;
+      if (ie.get(u) || ie.set(u, u.style.overflow), u.style.overflow !== "hidden" && (a = u.style.overflow), u.style.overflow === "hidden")
+        return t.value = !0;
+      if (t.value)
+        return u.style.overflow = "hidden";
+    }
+  }, {
+    immediate: !0
+  });
+  const l = () => {
+    const c = le(M(s));
+    !c || t.value || (ye && (o = Tt(
+      c,
+      "touchmove",
+      (n) => {
+        Pt(n);
+      },
+      { passive: !1 }
+    )), c.style.overflow = "hidden", t.value = !0);
+  }, r = () => {
+    const c = le(M(s));
+    !c || !t.value || (ye && o?.(), c.style.overflow = a, ie.delete(c), t.value = !1);
+  };
+  return Re(r), D({
+    get() {
+      return t.value;
+    },
+    set(c) {
+      c ? l() : r();
+    }
+  });
+}
+function Nt() {
+  let s = !1;
+  const e = _e(!1);
+  return (t, o) => {
+    if (e.value = o.value, s)
+      return;
+    s = !0;
+    const a = Et(t, o.value);
+    x(e, (l) => a.value = l);
+  };
+}
+Nt();
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const It = { class: "aform" }, At = /* @__PURE__ */ W({
+  __name: "AForm",
+  props: {
+    modelValue: {},
+    data: {},
+    readonly: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const t = e, o = k(s.data || {}), a = (r) => {
+      let c = {};
+      for (const [n, u] of Object.entries(r))
+        ["component", "fieldtype"].includes(n) || (c[n] = u), n === "rows" && u && u.length === 0 && (c.rows = o.value[r.fieldname]);
+      return c;
+    }, l = D({
+      get: () => s.modelValue.map((r, c) => D({
+        get() {
+          return r.value;
+        },
+        set: (n) => {
+          s.modelValue[c].value = n, t("update:modelValue", s.modelValue);
+        }
+      })),
+      set: () => {
+      }
+    });
+    return (r, c) => (y(), b("form", It, [
+      (y(!0), b(L, null, B(r.modelValue, (n, u) => (y(), ae(Ue(n.component), qe({
+        key: u,
+        schema: n,
+        modelValue: l.value[u].value,
+        "onUpdate:modelValue": (i) => l.value[u].value = i,
+        data: o.value[n.fieldname],
+        readonly: r.readonly
+      }, { ref_for: !0 }, a(n)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
+    ]));
+  }
+}), Vt = /* @__PURE__ */ bt(At, [["__scopeId", "data-v-68845234"]]), Mt = { class: "tabs" }, jt = { tabindex: "0" }, Ht = {
+  version: "1.1",
+  id: "Capa_1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  x: "0px",
+  y: "0px",
+  viewBox: "0 0 424.098 424.098",
+  style: { "enable-background": "new 0 0 424.098 424.098" },
+  "xml:space": "preserve"
+}, Ot = { tabindex: "0" }, Ft = { style: { width: "11pt" } }, Lt = /* @__PURE__ */ W({
+  __name: "SheetNav",
+  props: {
+    breadcrumbs: { default: () => [] }
+  },
+  setup(s) {
+    const e = k(!0), t = k(!1), o = k(""), a = we("searchinput"), l = D(() => e.value ? "unrotated" : "rotated"), r = () => {
+      e.value = !e.value;
+    }, c = async () => {
+      t.value = !t.value, await de(() => {
+        a.value.focus();
+      });
+    }, n = (h) => {
+      h.preventDefault(), h.stopPropagation();
+    }, u = async (h) => {
+      h.preventDefault(), h.stopPropagation(), await c();
+    }, i = () => {
+    };
+    return (h, p) => {
+      const f = Ge("router-link");
+      return y(), b("footer", null, [
+        g("ul", Mt, [
+          g("li", {
+            class: "hidebreadcrumbs",
+            onClick: r,
+            onKeydown: J(r, ["enter"])
+          }, [
+            g("a", jt, [
+              g("div", {
+                class: oe(l.value)
+              }, "×", 2)
+            ])
+          ], 32),
+          g("li", {
+            class: "hometab",
+            onClick: i,
+            onKeydown: J(i, ["enter"]),
+            style: U({ display: e.value ? "block" : "none" })
+          }, [
+            I(f, {
+              to: "/home",
+              tabindex: "0"
+            }, {
+              default: z(() => [
+                (y(), b("svg", Ht, p[5] || (p[5] = [
+                  g("g", null, [
+                    g("path", {
+                      style: { fill: "#010002" },
+                      d: `M351.191,401.923H72.901c-4.487,0-8.129-3.633-8.129-8.129V242.262l-56.664-0.114
+								c-3.284-0.008-6.243-1.992-7.495-5.023c-1.252-3.04-0.553-6.527,1.764-8.852L206.104,24.546c1.853-1.845,4.503-2.666,7.047-2.276
+								c2.414,0.39,4.511,1.845,5.731,3.942l47.43,47.43V58.499c0-4.487,3.633-8.129,8.129-8.129h47.755c4.495,0,8.129,3.642,8.129,8.129
+								v79.156l91.39,91.398c2.325,2.325,3.024,5.828,1.764,8.868c-1.26,3.032-4.227,5.007-7.511,5.007c-0.008,0-0.008,0-0.016,0
+								l-56.64-0.114v150.98C359.32,398.29,355.686,401.923,351.191,401.923z M81.03,385.666h262.033V234.67
+								c0-2.162,0.854-4.235,2.39-5.755c1.528-1.52,3.585-2.374,5.739-2.374c0.008,0,0.008,0,0.016,0l45.105,0.089l-79.855-79.863
+								c-1.528-1.528-2.382-3.593-2.382-5.747V66.628h-31.498v26.645c0,3.284-1.975,6.251-5.015,7.511
+								c-3.032,1.268-6.527,0.569-8.86-1.764l-57.038-57.038l-183.95,183.95l45.203,0.089c4.487,0.008,8.112,3.642,8.112,8.129
+								C81.03,234.149,81.03,385.666,81.03,385.666z`
+                    })
+                  ], -1)
+                ])))
+              ]),
+              _: 1
+            })
+          ], 36),
+          g("li", {
+            class: "searchtab",
+            onClick: c,
+            onKeydown: J(c, ["enter"]),
+            style: U({ display: e.value ? "block" : "none" })
+          }, [
+            g("a", Ot, [
+              g("span", {
+                style: U({ display: t.value ? "none" : "block" })
+              }, [
+                (y(), b("svg", Ft, p[6] || (p[6] = [
+                  g("g", { transform: "matrix(-0.08088215,0,0,0.08088215,9.8016177,3.1263021e-6)" }, [
+                    g("path", {
+                      d: "M 93.148438,80.832031 C 109.5,57.742188 104.03125,25.769531 80.941406,9.421875 57.851562,-6.925781 25.878906,-1.460938 9.53125,21.632812 -6.816406,44.722656 -1.351562,76.691406 21.742188,93.039062 38.222656,104.70703 60.011719,105.60547 77.394531,95.339844 l 37.769529,37.542966 c 4.07813,4.29297 10.86328,4.46485 15.15625,0.38672 4.29297,-4.07422 4.46485,-10.85937 0.39063,-15.15234 -0.12891,-0.13672 -0.25391,-0.26172 -0.39063,-0.39063 z m -41.839844,3.5 C 33.0625,84.335938 18.269531,69.554688 18.257812,51.308594 18.253906,33.0625 33.035156,18.269531 51.285156,18.261719 c 18.222656,-0.0078 33.007813,14.75 33.042969,32.972656 0.03125,18.25 -14.742187,33.066406 -32.996094,33.097656 -0.0078,0 -0.01172,0 -0.02344,0 z m 0,0",
+                      style: { fill: "#000000", "fill-opacity": "1", "fill-rule": "nonzero", stroke: "none" },
+                      id: "path2"
+                    })
+                  ], -1)
+                ])))
+              ], 4),
+              ue(g("input", {
+                "onUpdate:modelValue": p[0] || (p[0] = (m) => o.value = m),
+                ref: "searchinput",
+                style: U({ display: t.value ? "block" : "none" }),
+                onClick: p[1] || (p[1] = (m) => n(m)),
+                onInput: p[2] || (p[2] = (m) => n(m)),
+                onBlur: p[3] || (p[3] = (m) => u(m)),
+                onKeydown: p[4] || (p[4] = J((m) => u(m), ["enter"])),
+                type: "text"
+              }, null, 36), [
+                [$e, o.value]
+              ])
+            ])
+          ], 36),
+          (y(!0), b(L, null, B(h.breadcrumbs, (m) => (y(), b("li", {
+            key: m.title,
+            style: U({ display: e.value ? "block" : "none" })
+          }, [
+            I(f, {
+              tabindex: "0",
+              to: m.to
+            }, {
+              default: z(() => [
+                Z(C(m.title), 1)
+              ]),
+              _: 2
+            }, 1032, ["to"])
+          ], 4))), 128))
+        ])
+      ]);
+    };
+  }
+}), Te = /* @__PURE__ */ ve(Lt, [["__scopeId", "data-v-a650f215"]]), Bt = {
+  key: 0,
+  class: "notification-container"
+}, zt = { class: "notification-icon" }, Wt = { key: 0 }, Kt = { key: 1 }, Ut = { key: 2 }, qt = { key: 3 }, Gt = { class: "notification-content" }, Yt = { class: "notification-message" }, Jt = { class: "notification-time" }, Xt = ["onClick"], Qt = /* @__PURE__ */ W({
+  __name: "FieldTriggerNotifications",
+  async setup(s) {
+    let e, t;
+    const o = k([]);
+    let a = null;
+    try {
+      const n = ([e, t] = Ye(() => import("./actions-Bg0Mh5s7.js")), e = await e, t(), e);
+      n && n.notifications && (a = n.notifications);
+    } catch {
+      console.log("Field trigger actions not available");
+    }
+    function l(n) {
+      const u = o.value.findIndex((i) => i.id === n);
+      if (u > -1 && o.value.splice(u, 1), a) {
+        const i = a.findIndex((h) => h.id === n);
+        i > -1 && a.splice(i, 1);
+      }
+    }
+    function r(n) {
+      return n.toLocaleTimeString();
+    }
+    let c;
+    return te(() => {
+      c = setInterval(() => {
+        a && (o.value = [...a]);
+      }, 100);
+    }), Je(() => {
+      c && clearInterval(c);
+    }), (n, u) => (y(), ae(be, { to: "body" }, [
+      o.value.length > 0 ? (y(), b("div", Bt, [
+        I(Xe, {
+          name: "notification",
+          tag: "div"
+        }, {
+          default: z(() => [
+            (y(!0), b(L, null, B(o.value, (i) => (y(), b("div", {
+              key: i.id,
+              class: oe(["notification", `notification-${i.type}`])
+            }, [
+              g("div", zt, [
+                i.type === "success" ? (y(), b("span", Wt, "✅")) : i.type === "warning" ? (y(), b("span", Kt, "⚠️")) : i.type === "error" ? (y(), b("span", Ut, "❌")) : (y(), b("span", qt, "ℹ️"))
+              ]),
+              g("div", Gt, [
+                g("p", Yt, C(i.message), 1),
+                g("p", Jt, C(r(i.timestamp)), 1)
+              ]),
+              g("button", {
+                class: "notification-close",
+                onClick: (h) => l(i.id)
+              }, "×", 8, Xt)
+            ], 2))), 128))
+          ]),
+          _: 1
+        })
+      ])) : F("", !0)
+    ]));
+  }
+}), Zt = /* @__PURE__ */ ve(Qt, [["__scopeId", "data-v-25e44434"]]), eo = {
+  key: 1,
+  class: "loading"
+}, to = {
+  key: 2,
+  class: "loading"
+}, oo = /* @__PURE__ */ W({
+  __name: "Desktop",
+  props: {
+    availableDoctypes: { default: () => [] }
+  },
+  setup(s) {
+    const { stonecrop: e } = yt(), t = k(!1), o = k(!1), a = k(!1), l = D({
+      get() {
+        if (!e.value || !n.value || !i.value)
+          return {};
+        try {
+          return e.value.getRecordById(n.value, i.value)?.get("") || {};
+        } catch {
+          return {};
+        }
+      },
+      set(d) {
+        if (!(!e.value || !n.value || !i.value))
+          try {
+            const v = e.value.getStore();
+            for (const [w, _] of Object.entries(d)) {
+              const T = `${n.value}.${i.value}.${w}`;
+              v.set(T, _);
+            }
+          } catch (v) {
+            console.warn("HST update failed:", v);
+          }
+      }
+    }), r = D(() => Q(e.value?.registry.router?.currentRoute)), c = D(() => e.value?.registry.router), n = D(() => {
+      if (!r.value) return "";
+      if (r.value.meta?.actualDoctype)
+        return r.value.meta.actualDoctype;
+      if (r.value.params.doctype)
+        return r.value.params.doctype;
+      const d = r.value.params.pathMatch;
+      return d && d.length > 0 ? d[0] : "";
+    }), u = D(() => {
+      if (!r.value) return "";
+      if (r.value.meta?.doctype)
+        return r.value.meta.doctype;
+      if (r.value.params.doctype)
+        return r.value.params.doctype;
+      const d = r.value.params.pathMatch;
+      return d && d.length > 0 ? d[0] : "";
+    }), i = D(() => {
+      if (!r.value) return "";
+      if (r.value.params.recordId)
+        return r.value.params.recordId;
+      const d = r.value.params.pathMatch;
+      return d && d.length > 1 ? d[1] : "";
+    }), h = D(() => i.value?.startsWith("new-")), p = D(() => {
+      if (!r.value || r.value.name === "home" || r.value.path === "/")
+        return "doctypes";
+      if (r.value.name && r.value.name !== "catch-all") {
+        const v = r.value.name;
+        if (v.includes("form") || r.value.params.recordId)
+          return "record";
+        if (v.includes("list") || r.value.params.doctype)
+          return "records";
+      }
+      const d = r.value.params.pathMatch;
+      return d && d.length > 0 ? d.length === 1 ? "records" : "record" : "doctypes";
+    }), f = D(() => {
+      const d = [];
+      switch (p.value) {
+        case "doctypes":
+          d.push({
+            type: "button",
+            label: "Refresh",
+            action: () => {
+              window.location.reload();
+            }
+          });
+          break;
+        case "records":
+          d.push(
+            {
+              type: "button",
+              label: "New Record",
+              action: () => void j()
+            },
+            {
+              type: "button",
+              label: "Refresh",
+              action: () => {
+                window.location.reload();
+              }
+            }
+          );
+          break;
+        case "record":
+          h.value ? d.push({
+            type: "button",
+            label: "Save",
+            action: () => void G()
+          }) : d.push(
+            {
+              type: "button",
+              label: "Save",
+              action: () => void G()
+            },
+            {
+              type: "button",
+              label: "Delete",
+              action: () => void Y()
+            }
+          );
+          break;
+      }
+      return d;
+    }), m = D(() => {
+      const d = [];
+      return p.value === "records" && u.value ? d.push(
+        { title: "Home", to: "/" },
+        { title: $(u.value), to: `/${u.value}` }
+      ) : p.value === "record" && u.value && d.push(
+        { title: "Home", to: "/" },
+        { title: $(u.value), to: `/${u.value}` },
+        { title: h.value ? "New Record" : "Edit Record", to: r.value?.fullPath || "" }
+      ), d;
+    }), A = (d) => {
+      const v = [
+        {
+          title: "Go Home",
+          description: "Navigate to the home page",
+          action: () => void c.value?.push("/")
+        },
+        {
+          title: "Toggle Command Palette",
+          description: "Open/close the command palette",
+          action: () => a.value = !a.value
+        }
+      ];
+      return u.value && (v.push({
+        title: `View ${$(u.value)} Records`,
+        description: `Navigate to ${u.value} list`,
+        action: () => void c.value?.push(`/${u.value}`)
+      }), v.push({
+        title: `Create New ${$(u.value)}`,
+        description: `Create a new ${u.value} record`,
+        action: () => void j()
+      })), s.availableDoctypes.forEach((w) => {
+        v.push({
+          title: `View ${$(w)}`,
+          description: `Navigate to ${w} list`,
+          action: () => void c.value?.push(`/${w}`)
+        });
+      }), d ? v.filter(
+        (w) => w.title.toLowerCase().includes(d.toLowerCase()) || w.description.toLowerCase().includes(d.toLowerCase())
+      ) : v;
+    }, S = (d) => {
+      d.action(), a.value = !1;
+    }, $ = (d) => d.split("-").map((v) => v.charAt(0).toUpperCase() + v.slice(1)).join(" "), R = (d) => e.value ? e.value.getRecordIds(d).length : 0, P = async (d) => {
+      await c.value?.push(`/${d}`);
+    }, V = async (d) => {
+      await c.value?.push(`/${u.value}/${d}`);
+    }, j = async () => {
+      const d = `new-${Date.now()}`;
+      await c.value?.push(`/${u.value}/${d}`);
+    }, q = (d) => {
+      if (e.value)
+        try {
+          e.value.records(d);
+        } catch {
+        }
+    }, Pe = () => {
+      if (!s.availableDoctypes.length) return [];
+      const d = s.availableDoctypes.map((v) => ({
+        id: v,
+        doctype: v,
+        display_name: $(v),
+        record_count: R(v),
+        actions: "View Records"
+      }));
+      return [
+        {
+          fieldname: "header",
+          component: "div",
+          value: `
+				<div class="view-header">
+					<h1>Available Doctypes</h1>
+				</div>
+			`
+        },
+        {
+          fieldname: "doctypes_table",
+          component: "ATable",
+          columns: [
+            {
+              label: "Doctype",
+              name: "doctype",
+              type: "Data",
+              align: "left",
+              edit: !1,
+              width: "20ch"
+            },
+            {
+              label: "Name",
+              name: "display_name",
+              type: "Data",
+              align: "left",
+              edit: !1,
+              width: "30ch"
+            },
+            {
+              label: "Records",
+              name: "record_count",
+              type: "Data",
+              align: "center",
+              edit: !1,
+              width: "15ch"
+            },
+            {
+              label: "Actions",
+              name: "actions",
+              type: "Data",
+              align: "center",
+              edit: !1,
+              width: "20ch"
+            }
+          ],
+          config: {
+            view: "list",
+            fullWidth: !0
+          },
+          rows: d
+        }
+      ];
+    }, Ee = () => {
+      if (!n.value) return [];
+      if (!e.value) return [];
+      const d = Ie(), v = Ae();
+      if (v.length === 0)
+        return [
+          {
+            fieldname: "header",
+            component: "div",
+            value: `
+					<div class="view-header">
+						<nav class="breadcrumbs">
+							<a href="/">Home</a>
+							<span class="separator">/</span>
+							<span class="current">${$(u.value || n.value)}</span>
+						</nav>
+						<h1>${$(u.value || n.value)} Records</h1>
+					</div>
+				`
+          },
+          {
+            fieldname: "loading",
+            component: "div",
+            value: `
+					<div class="loading-state">
+						<p>Loading ${$(u.value || n.value)} schema...</p>
+					</div>
+				`
+          }
+        ];
+      const w = d.map((_) => ({
+        ..._,
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+        id: _.id || "",
+        actions: "Edit | Delete"
+      }));
+      return [
+        {
+          fieldname: "header",
+          component: "div",
+          value: `
+				<div class="view-header">
+					<nav class="breadcrumbs">
+						<a href="/">Home</a>
+						<span class="separator">/</span>
+						<span class="current">${$(u.value || n.value)}</span>
+					</nav>
+					<h1>${$(u.value || n.value)} Records</h1>
+				</div>
+			`
+        },
+        {
+          fieldname: "actions",
+          component: "div",
+          value: `
+				<div class="view-actions">
+					<button class="btn-primary" data-action="create">
+						New ${$(u.value || n.value)}
+					</button>
+				</div>
+			`
+        },
+        ...d.length === 0 ? [
+          {
+            fieldname: "empty_state",
+            component: "div",
+            value: `
+							<div class="empty-state">
+								<p>No ${u.value || n.value} records found.</p>
+								<button class="btn-primary" data-action="create">
+									Create First Record
+								</button>
+							</div>
+						`
+          }
+        ] : [
+          {
+            fieldname: "records_table",
+            component: "ATable",
+            columns: [
+              ...v.map((_) => ({
+                label: _.label,
+                name: _.fieldname,
+                type: _.fieldtype,
+                align: "left",
+                edit: !1,
+                width: "20ch"
+              })),
+              {
+                label: "Actions",
+                name: "actions",
+                type: "Data",
+                align: "center",
+                edit: !1,
+                width: "20ch"
+              }
+            ],
+            config: {
+              view: "list",
+              fullWidth: !0
+            },
+            rows: w
+          }
+        ]
+      ];
+    }, Ne = () => {
+      if (!n.value) return [];
+      if (!e.value) return [];
+      try {
+        const v = e.value?.registry?.registry[n.value];
+        if (!v?.schema)
+          return [
+            {
+              fieldname: "header",
+              component: "div",
+              value: `
+						<div class="view-header">
+							<nav class="breadcrumbs">
+								<a href="/">Home</a>
+								<span class="separator">/</span>
+								<a href="/${u.value || n.value}">${$(
+                u.value || n.value
+              )}</a>
+								<span class="separator">/</span>
+								<span class="current">${h.value ? "New Record" : i.value}</span>
+							</nav>
+							<h1>${h.value ? `New ${$(u.value || n.value)}` : `Edit ${$(u.value || n.value)}`}</h1>
+						</div>
+					`
+            },
+            {
+              fieldname: "loading",
+              component: "div",
+              value: `
+						<div class="loading-state">
+							<p>Loading ${$(u.value || n.value)} form...</p>
+						</div>
+					`
+            }
+          ];
+        const w = "toArray" in v.schema ? v.schema.toArray() : v.schema, _ = Ve();
+        return [
+          {
+            fieldname: "header",
+            component: "div",
+            value: `
+					<div class="view-header">
+						<nav class="breadcrumbs">
+							<a href="/">Home</a>
+							<span class="separator">/</span>
+							<a href="/${u.value || n.value}">${$(
+              u.value || n.value
+            )}</a>
+							<span class="separator">/</span>
+							<span class="current">${h.value ? "New Record" : i.value}</span>
+						</nav>
+						<h1>
+							${h.value ? `New ${$(u.value || n.value)}` : `Edit ${$(u.value || n.value)}`}
+						</h1>
+					</div>
+				`
+          },
+          {
+            fieldname: "actions",
+            component: "div",
+            value: `
+					<div class="view-actions">
+						<button class="btn-primary" data-action="save" ${o.value ? "disabled" : ""}>
+							${o.value ? "Saving..." : "Save"}
+						</button>
+						<button class="btn-secondary" data-action="cancel">Cancel</button>
+						${h.value ? "" : '<button class="btn-danger" data-action="delete">Delete</button>'}
+					</div>
+				`
+          },
+          ...w.map((T) => ({
+            ...T,
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+            value: _[T.fieldname] || ""
+          }))
+        ];
+      } catch {
+        return [
+          {
+            fieldname: "error",
+            component: "div",
+            value: `
+					<div class="error-state">
+						<p>Unable to load form schema for ${$(u.value || n.value)}</p>
+					</div>
+				`
+          }
+        ];
+      }
+    }, Ie = () => {
+      if (!e.value || !n.value)
+        return [];
+      const v = e.value.records(n.value)?.get("");
+      return v && typeof v == "object" && !Array.isArray(v) ? Object.values(v) : [];
+    }, Ae = () => {
+      if (!e.value || !n.value) return [];
+      try {
+        const v = e.value.registry.registry[n.value];
+        if (v?.schema)
+          return ("toArray" in v.schema ? v.schema.toArray() : v.schema).map((_) => ({
+            fieldname: _.fieldname,
+            label: "label" in _ && _.label || _.fieldname,
+            fieldtype: "fieldtype" in _ && _.fieldtype || "Data"
+          }));
+      } catch {
+      }
+      return [];
+    }, Ve = () => !e.value || !n.value || h.value ? {} : e.value.getRecordById(n.value, i.value)?.get("") || {}, Me = D(() => {
+      switch (p.value) {
+        case "doctypes":
+          return Pe();
+        case "records":
+          return Ee();
+        case "record":
+          return Ne();
+        default:
+          return [];
+      }
+    }), K = k([]);
+    x(
+      Me,
+      (d) => {
+        K.value = [...d];
+      },
+      { immediate: !0, deep: !0 }
+    ), x(
+      K,
+      (d) => {
+        if (!(!e.value || !n.value || !i.value || h.value))
+          try {
+            const v = e.value.getStore();
+            d.forEach((w) => {
+              if (w.fieldname && "value" in w && !["header", "actions", "loading", "error"].includes(w.fieldname)) {
+                const _ = `${n.value}.${i.value}.${w.fieldname}`;
+                (v.has(_) ? v.get(_) : void 0) !== w.value && v.set(_, w.value);
+              }
+            });
+          } catch (v) {
+            console.warn("HST schema sync failed:", v);
+          }
+      },
+      { deep: !0 }
+    );
+    const G = async () => {
+      if (e.value) {
+        o.value = !0;
+        try {
+          const d = l.value || {};
+          if (h.value) {
+            const v = `record-${Date.now()}`, w = { id: v, ...d };
+            e.value.addRecord(n.value, v, w), await c.value?.replace(`/${u.value}/${v}`);
+          } else {
+            const v = { id: i.value, ...d };
+            e.value.addRecord(n.value, i.value, v);
+          }
+        } catch {
+        } finally {
+          o.value = !1;
+        }
+      }
+    }, pe = async () => {
+      h.value ? await c.value?.push(`/${u.value}`) : he();
+    }, Y = async (d) => {
+      if (!e.value) return;
+      const v = d || i.value;
+      v && confirm("Are you sure you want to delete this record?") && (e.value.removeRecord(n.value, v), p.value === "record" && await c.value?.push(`/${u.value}`));
+    }, je = async (d) => {
+      const v = d.target, w = v.getAttribute("data-action");
+      if (w)
+        switch (w) {
+          case "create":
+            await j();
+            break;
+          case "save":
+            await G();
+            break;
+          case "cancel":
+            await pe();
+            break;
+          case "delete":
+            await Y();
+            break;
+        }
+      const _ = v.closest("td, th");
+      if (_) {
+        const T = _.textContent?.trim(), H = _.closest("tr");
+        if (T === "View Records" && H) {
+          const E = H.querySelectorAll("td");
+          if (E.length > 0) {
+            const N = E[1].textContent?.trim();
+            N && await P(N);
+          }
+        } else if (T?.includes("Edit") && H) {
+          const E = H.querySelectorAll("td");
+          if (E.length > 0) {
+            const N = E[0].textContent?.trim();
+            N && await V(N);
+          }
+        } else if (T?.includes("Delete") && H) {
+          const E = H.querySelectorAll("td");
+          if (E.length > 0) {
+            const N = E[0].textContent?.trim();
+            N && await Y(N);
+          }
+        }
+      }
+    };
+    x(
+      [p, n, i],
+      () => {
+        p.value === "record" && he();
+      },
+      { immediate: !0 }
+    ), x(
+      e,
+      (d) => {
+      },
+      { immediate: !0 }
+    ), x(
+      [p, n, e],
+      ([d, v, w]) => {
+        d === "records" && v && w && q(v);
+      },
+      { immediate: !0 }
+    );
+    const he = () => {
+      if (!(!e.value || !n.value)) {
+        t.value = !0;
+        try {
+          h.value || e.value.getRecordById(n.value, i.value) || console.log(`📝 [Desktop] Record ${i.value} not found in HST for ${n.value}`);
+        } catch (d) {
+          console.warn("Error loading record data:", d);
+        } finally {
+          t.value = !1;
+        }
+      }
+    };
+    return ce("desktopMethods", {
+      navigateToDoctype: P,
+      openRecord: V,
+      createNewRecord: j,
+      handleSave: G,
+      handleCancel: pe,
+      handleDelete: Y
+    }), te(() => {
+      de(() => {
+        p.value === "records" && n.value && e.value && q(n.value);
+      });
+      const d = (v) => {
+        (v.ctrlKey || v.metaKey) && v.key === "k" && (v.preventDefault(), a.value = !0), v.key === "Escape" && a.value && (a.value = !1);
+      };
+      return document.addEventListener("keydown", d), () => {
+        document.removeEventListener("keydown", d);
+      };
+    }), (d, v) => (y(), b("div", {
+      class: "desktop",
+      onClick: je
+    }, [
+      I(ke, { elements: f.value }, null, 8, ["elements"]),
+      K.value.length > 0 ? (y(), ae(Q(Vt), {
+        key: 0,
+        modelValue: K.value,
+        "onUpdate:modelValue": v[0] || (v[0] = (w) => K.value = w),
+        data: l.value
+      }, null, 8, ["modelValue", "data"])) : Q(e) ? (y(), b("div", to, [
+        g("p", null, "Loading " + C(p.value) + " data...", 1)
+      ])) : (y(), b("div", eo, v[2] || (v[2] = [
+        g("p", null, "Initializing Stonecrop...", -1)
+      ]))),
+      I(Te, { breadcrumbs: m.value }, null, 8, ["breadcrumbs"]),
+      I(Se, {
+        "is-open": a.value,
+        search: A,
+        placeholder: "Type a command or search...",
+        onSelect: S,
+        onClose: v[1] || (v[1] = (w) => a.value = !1)
+      }, {
+        title: z(({ result: w }) => [
+          Z(C(w.title), 1)
+        ]),
+        content: z(({ result: w }) => [
+          Z(C(w.description), 1)
+        ]),
+        _: 1
+      }, 8, ["is-open"]),
+      I(Zt)
+    ]));
+  }
+}), lo = {
+  install: (s) => {
+    s.component("ActionSet", ke), s.component("CommandPalette", Se), s.component("Desktop", oo), s.component("SheetNav", Te);
+  }
+};
+export {
+  ke as A,
+  De as I,
+  so as L,
+  Te as S,
+  Se as _,
+  oo as a,
+  lo as p
+};
+//# sourceMappingURL=index-C3nXTrEd.js.map