@feedmepos/mf-inventory-portal 1.8.0-dev.3 → 1.8.0-dev.5

package/dist/App-DEbWEOwe.js

@@ -0,0 +1,1537 @@
+import { ref as k, onUnmounted as pt, computed as F, defineComponent as re, watch as Z, onMounted as Ie, resolveComponent as z, createElementBlock as c, openBlock as i, createBlock as ce, createCommentVNode as N, unref as $, createVNode as C, createElementVNode as g, toDisplayString as h, Fragment as H, renderList as ae, withKeys as Me, normalizeClass as le, withModifiers as vt, withCtx as te, createTextVNode as ue, h as gt, onBeforeUnmount as yt, nextTick as ht, Teleport as _t, normalizeStyle as bt, mergeModels as Le, useModel as He } from "vue";
+import { _ as xt } from "./empty-placeholder-B0QU467o.js";
+import { u as Je, a as Ye, R as pe, d as wt, S as kt, b as St } from "./app-DyEvx3Em.js";
+import { useCoreStore as ge, useI18n as he } from "@feedmepos/mf-common";
+import { useRouter as Ne, useRoute as $t } from "vue-router";
+import { u as Ct } from "./feature-BMTKl6PK.js";
+import { u as Lt } from "./netsuite-s1S33-lP.js";
+import { u as We, n as Dt, e as Rt } from "./useNavigationMenu-D6abZMGz.js";
+import { useBreakpoints as Vt } from "@feedmepos/ui-library";
+import { F as Xe } from "./FmAdminBadge-DlplQOHb.js";
+import { i as Ft, _ as It } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-CoUWxHlj.js";
+import { F as Nt } from "./decimal-7vA05AaD.js";
+import { t as Pt, a as Bt } from "./date2-Rv4IwT9a.js";
+import { _ as Et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { u as Tt } from "./useTabStorage-BkIVScW_.js";
+import { _ as Ut, D as At, u as Mt, g as Oe } from "./FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-Izn-hTjK.js";
+import { u as Ot } from "./googlemap-D9vA7GsS.js";
+function Kt() {
+  return {
+    loadingHookInstalled: !1,
+    isLoading: !1
+  };
+}
+const me = k(Kt());
+function zt() {
+  const o = Ne();
+  if (!me.value.loadingHookInstalled) {
+    me.value.loadingHookInstalled = !0;
+    const e = o.beforeEach(() => {
+      me.value.isLoading = !0;
+    }), t = o.afterEach(() => {
+      me.value.isLoading = !1;
+    });
+    pt(() => {
+      me.value.loadingHookInstalled = !1, e(), t();
+    });
+  }
+  return {
+    get isLoading() {
+      return me.value.isLoading;
+    }
+  };
+}
+function jt() {
+  const { firstAccessibleRouteName: o } = We();
+  return { hasAnyAccessibleInventoryRoute: F(() => o.value !== null) };
+}
+const Gt = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, Ht = {
+  key: 1,
+  class: "flex flex-col pt-[200px] gap-32 items-center"
+}, Jt = { class: "flex flex-col gap-12 items-center text-center px-24 max-w-[600px]" }, Yt = { class: "fm-typo-en-title-lg-600" }, Wt = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, Xt = {
+  key: 2,
+  class: "flex flex-col pt-[200px] gap-32 items-center"
+}, qt = { class: "flex flex-col gap-12 items-center text-center px-24 max-w-[1000px]" }, Zt = { class: "fm-typo-en-title-lg-600" }, Qt = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, en = { class: "flex gap-16" }, tn = { href: "https://feedme.ai/product/inventory/features?tab=plans_%26_prices" }, nn = { href: "https://feedme.ai/form" }, on = /* @__PURE__ */ re({
+  __name: "InventoryView",
+  setup(o) {
+    const e = Je(), t = Ye(), s = Lt(), a = ge(), l = Ne(), r = zt(), u = Ct(), { t: v } = he(), { hasAnyAccessibleInventoryRoute: p } = jt();
+    Z(
+      [() => a.sessionUser.value, () => a.currentBusiness.value],
+      ([O, D]) => {
+        L(O, D);
+      }
+    ), Ie(async () => {
+      await u.init(), await a.readBusinesses();
+      const O = a.sessionUser.value, D = a.currentBusiness.value;
+      L(O, D);
+    });
+    function L(O, D) {
+      !O || !D || I();
+    }
+    async function I() {
+      return await e.init(), await s.readSetting().catch((O) => {
+        console.error("[all] error on reading netsuite store", O);
+      }), await t.init();
+    }
+    const P = F(() => l.currentRoute.value.name === pe.TRANSFER_TEMPLATE ? u.enablePoTemplate : !0), U = F(
+      () => l.currentRoute.value.matched.some((O) => {
+        var R;
+        const D = O.meta, J = D == null ? void 0 : D.validationManifest;
+        return (((R = J == null ? void 0 : J.requiredCaslPermissions) == null ? void 0 : R.length) ?? 0) > 0;
+      })
+    ), Q = F(() => {
+      if (!a.sessionUser.value) return !1;
+      if (e._locations !== null && e.locations.length === 0) return !0;
+      if (!u.isLoaded) return !1;
+      const J = l.currentRoute.value.name === pe.LOADING;
+      return !p.value && (J || U.value);
+    });
+    return (O, D) => {
+      const J = z("FmSpacer"), R = z("FmCircularProgress"), _ = z("FmButton"), w = z("RouterView");
+      return i(), c("div", null, [
+        $(r).isLoading ? (i(), c("div", Gt, [
+          C(J),
+          g("div", null, [
+            C(R, { size: "xl" })
+          ]),
+          D[0] || (D[0] = g("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading page...", -1)),
+          C(J)
+        ])) : Q.value ? (i(), c("div", Ht, [
+          D[1] || (D[1] = g("img", {
+            src: xt,
+            alt: "No permission",
+            class: "w-[200px] h-[200px]"
+          }, null, -1)),
+          g("div", Jt, [
+            g("div", Yt, h($(v)("inventory.common.noPermission.title")), 1),
+            g("div", Wt, h($(v)("inventory.common.noPermission.description")), 1)
+          ])
+        ])) : P.value ? $(a).sessionUser.value ? (i(), ce(w, { key: 3 })) : N("", !0) : (i(), c("div", Xt, [
+          g("div", qt, [
+            g("div", Zt, h($(v)("inventory.common.proPlan.title")), 1),
+            g("div", Qt, h($(v)("inventory.common.proPlan.subtitle")), 1)
+          ]),
+          g("div", en, [
+            g("a", tn, [
+              C(_, {
+                label: $(v)("inventory.common.proPlan.comparePlans"),
+                variant: "secondary"
+              }, null, 8, ["label"])
+            ]),
+            g("a", nn, [
+              C(_, {
+                label: $(v)("inventory.common.proPlan.callUs"),
+                "prepend-icon": "call"
+              }, null, 8, ["label"])
+            ])
+          ])
+        ]))
+      ]);
+    };
+  }
+}), De = {
+  // Template/PO item rows carry no id of their own — the embedded sku's _id is
+  // the element identity, and kit names the element from that object's name
+  // field, so an item change reads "Items › <sku name> › …" instead of a bare
+  // index. Arrays where the key isn't usable (an element without sku._id, or
+  // duplicates) fall back to identity_fields, then positional — unchanged.
+  array_keys: { items: "sku._id" },
+  identity_fields: ["_id", "id"],
+  name_fields: ["name", "code"],
+  ignored_fields: [
+    "_id",
+    "_rev",
+    "_deleted",
+    "__v",
+    "updatedAt",
+    "createdAt",
+    "updatedBy",
+    "createdBy"
+  ],
+  label_keys: {
+    prefix: "inventory.changelog.label.",
+    fields: [
+      "abbrev",
+      "alternatives",
+      "amount",
+      "code",
+      "contains",
+      "conversion",
+      "convert",
+      "costPerUnit",
+      "customAttributes",
+      "default",
+      "defaultCost",
+      "defaultRemark",
+      "disabledMeasurements",
+      "groups",
+      "inventoryBindings",
+      "isInactive",
+      "items",
+      "locations",
+      "low",
+      "measurement",
+      "measurements",
+      "mid",
+      "name",
+      "operationalGroup",
+      "position",
+      "precision",
+      "priority",
+      "recipe",
+      "ref",
+      "rules",
+      "sku",
+      "skuId",
+      "thresholds",
+      "trackingMeasurement",
+      "type",
+      "unit",
+      "valuation",
+      "version"
+    ]
+  }
+}, Re = {
+  ...De,
+  array_keys: {
+    measurements: "id",
+    "unit.measurements": "id",
+    "convert.inventoryBindings": "id",
+    "convert.inventoryBindings.alternatives": "_id",
+    contains: "id",
+    "contains.alternatives": "_id"
+  }
+};
+function an(o) {
+  return o instanceof kt && o.errorResponse.statusCode === 409;
+}
+const _e = wt((o, e) => ({
+  /**
+   * Commits for one record. recordId is the changelog docId, `${dbName}/${id}`.
+   * The dbName scopes the (access-checked) backend route; only the bare id is
+   * sent — the backend rebuilds the docId server-side.
+   */
+  async getRecordChangelog(t, s, a, l) {
+    const r = t.indexOf("/");
+    if (r < 0) return [];
+    const u = t.slice(0, r), v = t.slice(r + 1), p = new URLSearchParams({ id: v });
+    s != null && p.set("limit", String(s)), l && p.set("before", l), a && (p.set("explain", "1"), p.set("schema", JSON.stringify(a)));
+    const L = `${o.inventoryBackendUrl}/${u}/changelog?${p.toString()}`;
+    return await e.get(L);
+  },
+  /**
+   * Purchase orders in a date range, each with when it last changed. The
+   * backend joins the orders to their newest commit, so no ids travel and the
+   * browser makes one request instead of list-then-ask-for-timestamps.
+   */
+  async listPurchaseOrders(t, s, a) {
+    if (!t) return [];
+    const l = new URLSearchParams({ start: s, end: a }), r = `${o.inventoryBackendUrl}/${t}/changelog/purchase-order?${l}`;
+    return await e.get(r);
+  },
+  /**
+   * Closing drafts created in a date range, each with when it last changed.
+   * Closing groups come back as rows of their own — their submit/approve/
+   * reject is recorded against the group document, not its parent.
+   */
+  async listClosingDrafts(t, s, a) {
+    if (!t) return [];
+    const l = new URLSearchParams({ start: s, end: a }), r = `${o.inventoryBackendUrl}/${t}/changelog/closing-draft?${l}`;
+    return await e.get(r);
+  },
+  /**
+   * A kit-dialect record's whole document, at HEAD or as of (and including)
+   * commit `at`. Same dbName/id split as getRecordChangelog. Rejects with a
+   * 409 (see isStateConflict) when the record's history predates the kit
+   * write path — the backend passthrough for kit httpapi's GET /api/state.
+   */
+  async getState(t, s, a) {
+    const l = new URLSearchParams({ id: s });
+    a && l.set("at", a);
+    const r = `${o.inventoryBackendUrl}/${t}/changelog/state?${l.toString()}`;
+    return await e.get(r);
+  },
+  /**
+   * The domains the browser lists generically, declared in
+   * changelog-domains-pkg and served by the backend — a new browsable domain
+   * becomes a tab without a portal change. Backends predating the route
+   * yield an error the caller treats as "no extra domains".
+   */
+  async listDomains(t) {
+    if (!t) return [];
+    const s = `${o.inventoryBackendUrl}/business_${t}/changelog/domains`;
+    return await e.get(s);
+  },
+  /**
+   * One generic domain's records, each with when it last changed. Business-
+   * scoped: the generic domains are configuration documents of the business
+   * db, not of a location.
+   */
+  async listDomainRecords(t, s) {
+    if (!t) return [];
+    const a = `${o.inventoryBackendUrl}/business_${t}/changelog/domain/${encodeURIComponent(s)}`;
+    return await e.get(a);
+  },
+  /**
+   * One inventory module's records, each with when it last changed. Business-
+   * scoped, so the db is `business_<id>` — the same prefixed name the record's
+   * own changelog docId carries.
+   */
+  async listInventory(t, s) {
+    if (!t) return [];
+    const a = `${o.inventoryBackendUrl}/business_${t}/changelog/inventory?module=${s}`;
+    return await e.get(a);
+  }
+})), Se = 50;
+function ln() {
+  const o = _e(), e = k([]), t = k(!1), s = k(!1);
+  let a = null, l = 0;
+  async function r(v, p, L) {
+    const I = ++l;
+    if (a = null, s.value = !1, !v) {
+      e.value = [];
+      return;
+    }
+    t.value = !0;
+    try {
+      const P = p ?? Se, U = await o.getRecordChangelog(v, P, L);
+      if (I !== l) return;
+      e.value = U, p == null && (a = { recordId: v, explain: L }, s.value = U.length === P);
+    } catch (P) {
+      throw I === l && (e.value = []), P;
+    } finally {
+      I === l && (t.value = !1);
+    }
+  }
+  async function u() {
+    const v = e.value[e.value.length - 1];
+    if (!a || !v || t.value || !s.value) return;
+    const p = l;
+    t.value = !0;
+    try {
+      const L = await o.getRecordChangelog(a.recordId, Se, a.explain, v.id);
+      if (p !== l) return;
+      e.value = [...e.value, ...L], s.value = L.length === Se;
+    } finally {
+      p === l && (t.value = !1);
+    }
+  }
+  return { commits: e, isLoading: t, hasMore: s, load: r, loadMore: u };
+}
+const qe = 1e3;
+function Ke(o) {
+  const e = /^(\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2})(?:\.(\d+))?/.exec(o);
+  return e ? `${e[1]}.${(e[2] ?? "").padEnd(9, "0").slice(0, 9)}` : o;
+}
+function sn(o, e) {
+  return [...o, ...e].sort(
+    (t, s) => Ke(s.at).localeCompare(Ke(t.at)) || s.id.localeCompare(t.id)
+  );
+}
+function rn() {
+  const o = _e(), e = k([]);
+  async function t(s) {
+    if (e.value = [], !!s)
+      try {
+        e.value = await o.getRecordChangelog(
+          s,
+          qe,
+          Re
+        );
+      } catch (a) {
+        console.error("changelog per-entity load failed", a);
+      }
+  }
+  return { commits: e, load: t };
+}
+function Ze(o) {
+  if (!o) return null;
+  try {
+    const e = JSON.parse(o);
+    return typeof (e == null ? void 0 : e.changelogLabelKey) == "string" && typeof (e == null ? void 0 : e.verb) == "string" ? {
+      labelKey: e.changelogLabelKey,
+      verb: e.verb,
+      ...typeof e.name == "string" ? { name: e.name } : {}
+    } : null;
+  } catch {
+    return null;
+  }
+}
+function Qe(o) {
+  return o.startsWith("inventory.changelog.");
+}
+const et = "
";
+function Ve(o) {
+  const e = o.indexOf(et);
+  return e === -1 ? { raw: o, human: o } : { raw: o.slice(0, e), human: o.slice(e + 1) };
+}
+const un = [
+  "inventory.changelog.label.recipe",
+  "inventory.changelog.label.sku",
+  "inventory.changelog.label.unit"
+], cn = [...un, "Recipe", "Ingredient", "Unit"];
+function dn(o) {
+  const { human: e } = Ve(o);
+  if (!e) return { type: "Document", name: "", field: [] };
+  const t = e.split(" › ");
+  return t.length >= 2 && cn.includes(t[0]) ? { type: t[0], name: t[1], field: t.slice(2) } : { type: "Document", name: "", field: t };
+}
+const ze = 800;
+function tt(o, e, t = 2) {
+  const s = je(o), a = je(e);
+  if (!s || !a) return null;
+  let l = 0;
+  for (; l < s.length && l < a.length && s[l] === a[l]; ) l++;
+  let r = 0;
+  for (; r < s.length - l && r < a.length - l && s[s.length - 1 - r] === a[a.length - 1 - r]; )
+    r++;
+  const u = s.slice(l, s.length - r), v = a.slice(l, a.length - r);
+  if (u.length > ze || v.length > ze) return null;
+  const p = (L) => ({ type: "same", text: L });
+  return mn(
+    [...s.slice(0, l).map(p), ...fn(u, v), ...s.slice(s.length - r).map(p)],
+    t
+  );
+}
+function je(o) {
+  try {
+    const e = JSON.parse(o);
+    return e === null || typeof e != "object" ? null : JSON.stringify(e, null, 2).split(`
+`);
+  } catch {
+    return null;
+  }
+}
+function fn(o, e) {
+  const t = o.length, s = e.length, a = Array.from({ length: t + 1 }, () => new Uint32Array(s + 1));
+  for (let v = t - 1; v >= 0; v--)
+    for (let p = s - 1; p >= 0; p--)
+      a[v][p] = o[v] === e[p] ? a[v + 1][p + 1] + 1 : Math.max(a[v + 1][p], a[v][p + 1]);
+  const l = [];
+  let r = 0, u = 0;
+  for (; r < t && u < s; )
+    o[r] === e[u] ? (l.push({ type: "same", text: o[r] }), r++, u++) : a[r + 1][u] >= a[r][u + 1] ? (l.push({ type: "del", text: o[r] }), r++) : (l.push({ type: "add", text: e[u] }), u++);
+  for (; r < t; ) l.push({ type: "del", text: o[r++] });
+  for (; u < s; ) l.push({ type: "add", text: e[u++] });
+  return l;
+}
+function mn(o, e) {
+  const t = o.map(() => !1);
+  o.forEach((l, r) => {
+    if (l.type !== "same")
+      for (let u = Math.max(0, r - e); u <= Math.min(o.length - 1, r + e); u++)
+        t[u] = !0;
+  });
+  const s = [];
+  let a = !1;
+  return o.forEach((l, r) => {
+    t[r] ? (s.push(l), a = !1) : a || (s.push({ type: "skip", text: "⋯" }), a = !0);
+  }), s;
+}
+function pn(o, e) {
+  let t;
+  try {
+    t = JSON.parse(o);
+  } catch {
+    return o;
+  }
+  return t === null ? "—" : typeof t == "number" ? t.toLocaleString() : typeof t == "boolean" ? e(t ? "inventory.changelog.yes" : "inventory.changelog.no") : String(t);
+}
+function Fe(o, e, t = 0, s) {
+  var p;
+  const a = o.label == null ? void 0 : Qe(o.label) ? e(o.label) : o.label, l = a != null || o.value != null || o.display != null, r = !((p = o.kids) != null && p.length), u = [];
+  l && u.push({
+    depth: t,
+    // A bare array index says nothing a reader needs — a leaf list entry
+    // shows just its value. Branch nodes keep the index as their header.
+    label: a != null && r && /^\d+$/.test(a) ? void 0 : a,
+    text: r ? vn(o, e, s) : void 0,
+    bookkeeping: !!o.bookkeeping
+  });
+  const v = l ? t + 1 : t;
+  for (const L of o.kids ?? [])
+    u.push(...Fe(L, e, v, s));
+  return u;
+}
+function vn(o, e, t) {
+  if (o.value == null) return o.display || void 0;
+  const s = pn(o.value, e);
+  return (t == null ? void 0 : t(s)) ?? o.display ?? s;
+}
+function $e(o, e) {
+  return JSON.stringify(o, null, 2).split(`
+`).map((t) => ({ type: e, text: t }));
+}
+function gn() {
+  const o = _e(), e = /* @__PURE__ */ new Map(), t = k(!1), s = k(null);
+  async function a(l) {
+    const r = e.get(l.id);
+    if (r) {
+      s.value = r;
+      return;
+    }
+    t.value = !0;
+    try {
+      const u = l.doc_id.indexOf("/"), v = l.doc_id.slice(0, u), p = l.doc_id.slice(u + 1), [L, I] = await Promise.all([
+        l.parent ? o.getState(v, p, l.parent) : Promise.resolve({}),
+        o.getState(v, p, l.id)
+      ]), U = { diff: l.parent ? tt(JSON.stringify(L), JSON.stringify(I)) ?? [
+        ...$e(L, "del"),
+        ...$e(I, "add")
+      ] : $e(I, "add"), conflict: !1 };
+      e.set(l.id, U), s.value = U;
+    } catch (u) {
+      if (!an(u))
+        throw s.value = null, u;
+      const v = { diff: null, conflict: !0 };
+      e.set(l.id, v), s.value = v;
+    } finally {
+      t.value = !1;
+    }
+  }
+  return { isLoading: t, result: s, load: a };
+}
+const yn = {
+  key: 0,
+  class: "flex justify-center p-16"
+}, hn = {
+  key: 1,
+  class: "p-16 text-center text-gray-500"
+}, _n = {
+  key: 2,
+  class: "flex h-full min-h-0 gap-8"
+}, bn = { class: "w-1/3 shrink-0 overflow-y-auto border-r border-gray-200 pr-4" }, xn = ["onClick", "onKeydown"], wn = { class: "fm-typo-en-body-md-600" }, kn = { class: "text-xs text-gray-500" }, Sn = {
+  key: 0,
+  class: "flex-1 overflow-y-auto pl-4"
+}, $n = { class: "mb-12 flex flex-col gap-2 border-b border-gray-200 pb-8" }, Cn = { class: "flex flex-wrap items-center gap-8" }, Ln = { class: "fm-typo-en-body-lg-600" }, Dn = {
+  key: 0,
+  class: "rounded-full bg-gray-100 px-8 text-xs text-gray-500"
+}, Rn = { class: "text-xs text-gray-500" }, Vn = { class: "mb-12" }, Fn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary pl-8" }, In = {
+  key: 0,
+  class: "mb-12"
+}, Nn = {
+  key: 1,
+  class: "text-sm text-gray-400"
+}, Pn = {
+  key: 2,
+  class: "w-full overflow-x-auto rounded border border-gray-200 py-4 font-mono text-xs"
+}, Bn = {
+  key: 0,
+  class: "text-xs text-gray-400"
+}, En = { class: "fm-typo-en-body-md-600" }, Tn = { class: "flex flex-col gap-6" }, Un = {
+  key: 0,
+  class: "text-gray-700"
+}, An = { class: "min-w-[120px] shrink-0 text-gray-500" }, Mn = {
+  key: 0,
+  class: "flex w-full flex-col gap-4"
+}, On = {
+  key: 0,
+  class: "w-full overflow-x-auto rounded border border-gray-200 py-4 font-mono text-xs"
+}, Kn = { key: 0 }, zn = { key: 1 }, jn = {
+  key: 1,
+  class: "w-full overflow-x-auto rounded border border-gray-200 py-4 font-mono text-xs"
+}, Gn = { key: 0 }, Hn = { key: 1 }, Jn = {
+  key: 1,
+  class: "w-full overflow-x-auto rounded border border-gray-200 py-4 font-mono text-xs"
+}, Yn = {
+  key: 2,
+  class: "flex w-full flex-wrap items-baseline gap-4"
+}, Wn = {
+  key: 0,
+  class: "rounded bg-red-50 px-4 text-red-700"
+}, Xn = {
+  key: 1,
+  class: "text-gray-400"
+}, qn = {
+  key: 2,
+  class: "rounded bg-green-50 px-4 text-green-700"
+}, Zn = {
+  key: 1,
+  class: "text-sm text-gray-500"
+}, Qn = {
+  key: 2,
+  class: "mt-16 break-all border-t border-gray-200 pt-8 font-mono text-xs text-gray-400"
+}, eo = { key: 0 }, to = "capture baseline", no = /* @__PURE__ */ re({
+  __name: "ChangelogPanel",
+  props: {
+    commits: {},
+    isLoading: { type: Boolean },
+    resolveName: { type: Function }
+  },
+  setup(o) {
+    const e = o, { t } = he(), s = k(null), a = F(
+      () => e.commits.find((f) => f.id === s.value)
+    ), l = /* @__PURE__ */ new Set(["updatedAt", "createdAt", "updatedBy", "createdBy", "_rev"]), r = F(() => {
+      var b;
+      return (((b = a.value) == null ? void 0 : b.changes) ?? []).filter((M) => {
+        const { raw: A } = Ve(M.path);
+        return A === "@payload" || M.from == null && M.to == null ? !1 : !A.split(".").some((X) => l.has(X));
+      });
+    });
+    Z(
+      () => e.commits,
+      (f) => {
+        var b;
+        f.find((M) => M.id === s.value) || (s.value = ((b = f[0]) == null ? void 0 : b.id) ?? null);
+      },
+      { immediate: !0 }
+    );
+    const u = k(!1), { isLoading: v, result: p, load: L } = gn();
+    Z([u, a], ([f, b]) => {
+      p.value = null, !(!f || !b) && L(b).catch((M) => {
+        console.error("changelog snapshot load failed", M), u.value = !1;
+      });
+    });
+    function I(f) {
+      return f ? f.slice(0, 8) : "";
+    }
+    function P(f) {
+      return f ? new Date(f).toLocaleString() : "";
+    }
+    function U(f) {
+      if (f == null) return "";
+      let b;
+      try {
+        b = JSON.parse(f);
+      } catch {
+        return f;
+      }
+      return b === null ? "—" : typeof b == "string" ? b : typeof b == "number" ? b.toLocaleString() : typeof b == "boolean" ? t(b ? "inventory.changelog.yes" : "inventory.changelog.no") : JSON.stringify(b, null, 2);
+    }
+    function Q(f) {
+      return (f.authors || []).join(", ") || t("inventory.changelog.unknownActor");
+    }
+    function O(f) {
+      if (f.message === to) return t("inventory.changelog.captureBaseline");
+      const b = Ze(f.message);
+      if (!b) return f.message || t("inventory.changelog.noMessage");
+      const M = D(b.labelKey);
+      return b.name ? t(`inventory.changelog.message.${b.verb}`, { module: M, name: b.name }) : t(`inventory.changelog.message.${b.verb}NoName`, { module: M });
+    }
+    function D(f) {
+      return Qe(f) ? t(f) : f;
+    }
+    const J = (f) => /[^a-zA-Z]/.test(f);
+    function R(f, b) {
+      return f == null || b == null ? null : tt(f, b);
+    }
+    function _(f) {
+      if (!(!f.to_value && !f.from_value))
+        return {
+          toTree: f.to_value ? Fe(f.to_value, t, 0, e.resolveName) : void 0,
+          fromTree: f.from_value ? Fe(f.from_value, t, 0, e.resolveName) : void 0
+        };
+    }
+    function w(f) {
+      return f === "add" ? "bg-green-50 text-green-700" : f === "del" ? "bg-red-50 text-red-700" : f === "skip" ? "text-gray-400" : "text-gray-600";
+    }
+    function E(f) {
+      return f.type === "skip" ? f.text : (f.type === "add" ? "+ " : f.type === "del" ? "- " : "  ") + f.text;
+    }
+    const K = F(() => {
+      const f = /* @__PURE__ */ new Map(), b = [], M = (y, m) => {
+        let B = f.get(y);
+        return B || (B = m(), f.set(y, B), b.push(B)), B;
+      }, A = () => M("@doc", () => ({ header: "", lines: [] })), X = (y, m) => {
+        var T;
+        if (y == null) return m;
+        let B;
+        try {
+          B = JSON.parse(y);
+        } catch {
+          B = y;
+        }
+        return (typeof B == "string" ? (T = e.resolveName) == null ? void 0 : T.call(e, B) : void 0) ?? m;
+      }, Y = (y, m, B) => {
+        var T, W, ee, ne;
+        const x = _(m);
+        x ? y.lines.push({ label: B, ...x }) : m.from != null && m.to != null ? y.lines.push({
+          label: B,
+          from: m.from,
+          to: m.to,
+          diff: R(m.from, m.to),
+          fromDisplay: X(m.from, (T = m.display) == null ? void 0 : T.from),
+          toDisplay: X(m.to, (W = m.display) == null ? void 0 : W.to)
+        }) : m.to != null ? y.lines.push({ label: B, to: m.to, toDisplay: X(m.to, (ee = m.display) == null ? void 0 : ee.to) }) : y.lines.push({ label: B, from: m.from, fromDisplay: X(m.from, (ne = m.display) == null ? void 0 : ne.from) });
+      }, V = (y) => {
+        var B;
+        const m = y.element;
+        if (m) {
+          const x = M(`kit:${(m.trail ?? []).join(".")}:${m.id ?? ""}`, () => ({
+            kind: (m.trail ?? []).map(D).join(" › "),
+            header: m.name || m.id || "",
+            lines: []
+          }));
+          if ((B = y.field) != null && B.length)
+            Y(x, y, y.field.map(D).join(" › "));
+          else {
+            x.badge = y.to != null ? "added" : "removed";
+            const T = _(y);
+            T && x.lines.push(T);
+          }
+          return;
+        }
+        Y(A(), y, (y.field ?? []).map(D).join(" › "));
+      };
+      for (const y of r.value) {
+        const { raw: m, human: B } = Ve(y.path);
+        if (y.kind === "create" && !m) {
+          const ee = _(y);
+          A().lines.push(
+            ee ? { label: t("inventory.changelog.kind.created"), ...ee } : { text: t("inventory.changelog.kind.created") }
+          );
+          continue;
+        }
+        if (!y.path.includes(et) && (y.field || y.element)) {
+          V(y);
+          continue;
+        }
+        const x = m ? m.split(".") : [], T = B ? B.split(" › ") : [], W = x.findIndex((ee, ne) => ne > 0 && J(ee));
+        if (W > 0 && T.length === x.length) {
+          const ee = T[W], ne = M(x.slice(0, W + 1).join("."), () => ({
+            kind: T.slice(0, W).map(D).join(" › "),
+            header: ee,
+            lines: []
+          })), ie = T.slice(W + 1).map(D).join(" › ");
+          if (ie) Y(ne, y, ie);
+          else if (y.from != null && y.to != null) Y(ne, y, ee);
+          else {
+            ne.badge = y.to != null ? "added" : "removed";
+            const de = _(y);
+            de && ne.lines.push(de);
+          }
+          continue;
+        }
+        Y(A(), y, T.map(D).join(" › "));
+      }
+      return b;
+    });
+    return (f, b) => {
+      var X, Y;
+      const M = z("FmCircularProgress"), A = z("FmSwitch");
+      return f.isLoading ? (i(), c("div", yn, [
+        C(M)
+      ])) : f.commits.length ? (i(), c("div", _n, [
+        g("ol", bn, [
+          (i(!0), c(H, null, ae(f.commits, (V) => (i(), c("li", {
+            key: V.id,
+            role: "button",
+            tabindex: "0",
+            class: le([
+              "cursor-pointer border-l-2 py-8 pl-12",
+              V.id === s.value ? "border-fm-color-primary bg-fm-color-primary-50" : "border-gray-200 hover:bg-gray-50"
+            ]),
+            onClick: (y) => s.value = V.id,
+            onKeydown: [
+              Me((y) => s.value = V.id, ["enter"]),
+              Me(vt((y) => s.value = V.id, ["prevent"]), ["space"])
+            ]
+          }, [
+            g("div", wn, h(O(V)), 1),
+            g("div", kn, h(Q(V)) + " · " + h(P(V.at)) + " · " + h(I(V.id)), 1)
+          ], 42, xn))), 128))
+        ]),
+        a.value ? (i(), c("div", Sn, [
+          g("div", $n, [
+            g("div", Cn, [
+              g("div", Ln, h(O(a.value)), 1),
+              a.value.parent ? N("", !0) : (i(), c("span", Dn, h($(t)("inventory.changelog.rootCommit")), 1))
+            ]),
+            g("div", Rn, h(Q(a.value)) + " · " + h(P(a.value.at)), 1)
+          ]),
+          g("div", Vn, [
+            C(Xe, null, {
+              default: te(() => [
+                g("span", Fn, h($(t)("inventory.changelog.dataDiff")), 1),
+                C(A, {
+                  modelValue: u.value,
+                  "onUpdate:modelValue": b[0] || (b[0] = (V) => u.value = V)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          u.value ? (i(), c("div", In, [
+            $(v) ? (i(), ce(M, { key: 0 })) : (X = $(p)) != null && X.conflict ? (i(), c("div", Nn, h($(t)("inventory.changelog.snapshotUnavailable")), 1)) : (Y = $(p)) != null && Y.diff ? (i(), c("div", Pn, [
+              (i(!0), c(H, null, ae($(p).diff, (V, y) => (i(), c("div", {
+                key: y,
+                class: le(["whitespace-pre px-4", w(V.type)])
+              }, h(E(V)), 3))), 128))
+            ])) : N("", !0)
+          ])) : N("", !0),
+          (i(!0), c(H, null, ae(K.value, (V, y) => (i(), c("div", {
+            key: y,
+            class: "mb-12 rounded-lg border border-gray-200 p-12"
+          }, [
+            V.kind || V.header || V.badge ? (i(), c("div", {
+              key: 0,
+              class: le(["flex flex-wrap items-baseline gap-8", V.lines.length ? "mb-8" : ""])
+            }, [
+              V.kind ? (i(), c("span", Bn, h(V.kind), 1)) : N("", !0),
+              g("span", En, h(V.header), 1),
+              V.badge ? (i(), c("span", {
+                key: 1,
+                class: le(["rounded-full px-8 text-xs", V.badge === "added" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"])
+              }, h(V.badge === "added" ? $(t)("inventory.changelog.added") : $(t)("inventory.changelog.kind.removed")), 3)) : N("", !0)
+            ], 2)) : N("", !0),
+            g("ul", Tn, [
+              (i(!0), c(H, null, ae(V.lines, (m, B) => (i(), c("li", {
+                key: B,
+                class: "flex flex-wrap items-baseline gap-8 text-sm"
+              }, [
+                m.text ? (i(), c("span", Un, h(m.text), 1)) : (i(), c(H, { key: 1 }, [
+                  g("span", An, h(m.label), 1),
+                  m.toTree || m.fromTree ? (i(), c("div", Mn, [
+                    m.fromTree ? (i(), c("div", On, [
+                      (i(!0), c(H, null, ae(m.fromTree, (x, T) => (i(), c("div", {
+                        key: T,
+                        class: le(["flex items-baseline gap-4 px-4", x.bookkeeping ? "text-gray-400" : "text-red-700"])
+                      }, [
+                        (i(!0), c(H, null, ae(x.depth, (W) => (i(), c("span", {
+                          key: W,
+                          class: "inline-block w-16"
+                        }))), 128)),
+                        x.label ? (i(), c("span", Kn, [
+                          ue(h(x.label), 1),
+                          x.text ? (i(), c(H, { key: 0 }, [
+                            ue(":")
+                          ], 64)) : N("", !0)
+                        ])) : N("", !0),
+                        x.text ? (i(), c("span", zn, h(x.text), 1)) : N("", !0)
+                      ], 2))), 128))
+                    ])) : N("", !0),
+                    m.toTree ? (i(), c("div", jn, [
+                      (i(!0), c(H, null, ae(m.toTree, (x, T) => (i(), c("div", {
+                        key: T,
+                        class: le(["flex items-baseline gap-4 px-4", x.bookkeeping ? "text-gray-400" : "text-green-700"])
+                      }, [
+                        (i(!0), c(H, null, ae(x.depth, (W) => (i(), c("span", {
+                          key: W,
+                          class: "inline-block w-16"
+                        }))), 128)),
+                        x.label ? (i(), c("span", Gn, [
+                          ue(h(x.label), 1),
+                          x.text ? (i(), c(H, { key: 0 }, [
+                            ue(":")
+                          ], 64)) : N("", !0)
+                        ])) : N("", !0),
+                        x.text ? (i(), c("span", Hn, h(x.text), 1)) : N("", !0)
+                      ], 2))), 128))
+                    ])) : N("", !0)
+                  ])) : m.diff ? (i(), c("div", Jn, [
+                    (i(!0), c(H, null, ae(m.diff, (x, T) => (i(), c("div", {
+                      key: T,
+                      class: le(["whitespace-pre px-4", w(x.type)])
+                    }, h(E(x)), 3))), 128))
+                  ])) : (i(), c("span", Yn, [
+                    m.from != null ? (i(), c("span", Wn, h(m.fromDisplay ?? U(m.from)), 1)) : N("", !0),
+                    m.from != null && m.to != null ? (i(), c("span", Xn, "→")) : N("", !0),
+                    m.to != null ? (i(), c("span", qn, h(m.toDisplay ?? U(m.to)), 1)) : N("", !0)
+                  ]))
+                ], 64))
+              ]))), 128))
+            ])
+          ]))), 128)),
+          K.value.length ? N("", !0) : (i(), c("div", Zn, h($(t)("inventory.changelog.empty")), 1)),
+          u.value ? (i(), c("div", Qn, [
+            ue(h(a.value.id) + " ", 1),
+            a.value.parent ? (i(), c("span", eo, "← " + h(a.value.parent), 1)) : N("", !0)
+          ])) : N("", !0)
+        ])) : N("", !0)
+      ])) : (i(), c("div", hn, h($(t)("inventory.changelog.empty")), 1));
+    };
+  }
+}), oo = { class: "flex flex-col gap-8" }, ao = { class: "flex flex-wrap items-center gap-16" }, lo = { class: "fm-typo-en-heading-lg-600" }, so = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ro = { class: "flex h-full min-h-0 flex-col gap-12 p-16" }, io = { class: "flex flex-wrap items-center gap-12" }, uo = { class: "flex shrink-0 items-center gap-8" }, co = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fo = { class: "flex flex-wrap items-center gap-12" }, mo = {
+  key: 0,
+  class: "fm-typo-en-body-md-600"
+}, po = { class: "fm-typo-en-heading-md-600" }, vo = {
+  key: 0,
+  class: "flex justify-center py-8"
+}, Ce = "inventory.changelog.label.", go = /* @__PURE__ */ re({
+  __name: "ChangelogDialog",
+  props: {
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: e }) {
+    const t = o, s = e, a = F({
+      get: () => t.modelValue,
+      set: (n) => s("update:modelValue", n)
+    }), { t: l } = he(), r = ge(), u = Ye(), v = Je(), p = _e(), { breakpoints: L } = Vt(), I = F(() => L.value.xs || L.value.sm), P = F(() => I.value ? "98vw" : "72vw"), { commits: U, isLoading: Q, hasMore: O, load: D, loadMore: J } = ln();
+    function R() {
+      J().catch((n) => console.error("changelog load more failed", n));
+    }
+    function _(n) {
+      return n ? new Date(n).toLocaleString() : "—";
+    }
+    function w(n) {
+      return [...n].sort((d, S) => (S.lastUpdate ?? "").localeCompare(d.lastUpdate ?? ""));
+    }
+    function E(n, d, S) {
+      D(n, d, S).catch((j) => console.error("changelog load failed", j));
+    }
+    const K = k([]);
+    async function f() {
+      var d;
+      const n = (d = r.currentBusiness.value) == null ? void 0 : d._id;
+      if (n)
+        try {
+          K.value = await p.listDomains(n);
+        } catch (S) {
+          console.error("changelog domain list load failed", S), K.value = [];
+        }
+    }
+    const b = F(() => [
+      { label: l("inventory.changelog.label.purchaseOrder"), value: "purchaseOrder" },
+      { label: l("inventory.changelog.label.closingDraft"), value: "closingDraft" },
+      { label: l("inventory.changelog.domainInventory"), value: "inventory" },
+      ...K.value.map((n) => ({ label: l(n.labelKey), value: n.domain }))
+    ]), M = k(b.value[0]), A = F(() => {
+      var n;
+      return ((n = M.value) == null ? void 0 : n.value) ?? "purchaseOrder";
+    }), X = F(
+      () => K.value.some((n) => n.domain === A.value)
+    ), Y = k(!1), V = F(
+      () => ["sku", "recipe", "unit"].map((n) => ({
+        label: l(Ce + n),
+        value: n
+      }))
+    ), y = k(V.value[0]), m = F(() => {
+      var n;
+      return ((n = y.value) == null ? void 0 : n.value) ?? "sku";
+    }), B = k(""), x = k(null), T = k(!1), W = F(() => {
+      var S;
+      const n = (S = r.currentBusiness.value) == null ? void 0 : S._id, d = u.inventory._id;
+      return n && d ? `business_${n}/${d}` : "";
+    }), ee = F(() => {
+      const n = /* @__PURE__ */ new Map(), d = u.inventory;
+      for (const S of [d.sku, d.recipe, d.unit])
+        for (const j of S ?? [])
+          j._id && j.name && n.set(j._id, j.name);
+      for (const S of d.unit ?? [])
+        for (const j of S.measurements ?? []) {
+          if (!j.id) continue;
+          const q = j.abbrev || j.name;
+          if (!q) continue;
+          const oe = Nt.toDouble(j.conversion);
+          n.set(j.id, oe ? `${q} (1 ${q} = ${oe} ${S.abbrev})` : q);
+        }
+      return n;
+    }), ne = (n) => ee.value.get(n), ie = k([]), de = k(!1);
+    async function Pe() {
+      var d;
+      const n = (d = r.currentBusiness.value) == null ? void 0 : d._id;
+      if (n) {
+        de.value = !0;
+        try {
+          ie.value = w(
+            await p.listInventory(n, m.value)
+          );
+        } catch (S) {
+          console.error("changelog inventory list load failed", S), ie.value = [];
+        } finally {
+          de.value = !1;
+        }
+      }
+    }
+    const nt = F(
+      () => T.value ? ie.value : ie.value.filter((n) => !n.deleted)
+    ), ot = F(() => [
+      { accessorKey: "id", header: () => l("inventory.closing.draft.table.id"), size: 320 },
+      {
+        id: "name",
+        header: () => l("inventory.common.name"),
+        accessorFn: (n) => n.name,
+        // Deleted records sit in the same list as live ones, so the row says which
+        // it is; nothing else distinguishes them.
+        cell: ({ row: n }) => n.original.deleted ? gt(
+          "span",
+          { "data-deleted": "" },
+          `${n.original.name} (${l("inventory.changelog.deleted")})`
+        ) : n.original.name
+      },
+      {
+        id: "lastUpdate",
+        header: () => l("inventory.changelog.column.lastUpdate"),
+        size: 200,
+        // Raw ISO is the sort key — clicking the header on formatted dates would
+        // order them lexicographically by locale string. Formatted only to display.
+        accessorFn: (n) => n.lastUpdate ?? "",
+        cell: ({ getValue: n }) => _(n() || void 0)
+      }
+    ]), { commits: at, load: lt } = rn();
+    function st(n) {
+      x.value = n, Y.value = !0, E(W.value, qe, Re), n.id && lt(`${W.value}/${m.value}/${n.id}`).catch(
+        (d) => console.error("changelog per-entity load failed", d)
+      );
+    }
+    function rt(n, d) {
+      const S = Ze(n.message);
+      return S && S.labelKey === Ce + m.value && S.name === d.name ? !0 : (n.changes ?? []).some((j) => {
+        const q = dn(j.path);
+        return q.type === Ce + m.value && q.name === d.name;
+      });
+    }
+    const it = F(() => {
+      const n = x.value;
+      if (!n) return [];
+      const d = U.value.filter((S) => rt(S, n));
+      return sn(d, at.value);
+    }), be = k([]), xe = k(!1), we = k(null);
+    async function ut() {
+      var d;
+      const n = (d = r.currentBusiness.value) == null ? void 0 : d._id;
+      if (n) {
+        xe.value = !0;
+        try {
+          be.value = w(
+            await p.listDomainRecords(n, A.value)
+          );
+        } catch (S) {
+          console.error("changelog domain records load failed", S), be.value = [];
+        } finally {
+          xe.value = !1;
+        }
+      }
+    }
+    function ct(n) {
+      var S;
+      const d = (S = r.currentBusiness.value) == null ? void 0 : S._id;
+      d && (we.value = n, Y.value = !0, E(`business_${d}/${n.id}`, void 0, De));
+    }
+    const ve = k(Ft()), ye = k([]), ke = k(!1), fe = k(null), Be = F(() => {
+      const n = v._currentLocation;
+      return n ? `${n.name} (${n.doc.profile.code ?? "--"})` : "";
+    }), Ee = F(() => [
+      { accessorKey: "id", header: () => l("inventory.closing.draft.table.id"), size: 320 },
+      {
+        accessorKey: "name",
+        header: () => A.value === "purchaseOrder" ? l("inventory.changelog.column.seq") : l("inventory.common.name"),
+        size: 240
+      },
+      {
+        id: "lastUpdate",
+        header: () => l("inventory.changelog.column.lastUpdate"),
+        size: 200,
+        // Raw ISO is the sort key; see the note on the inventory table.
+        accessorFn: (n) => n.lastUpdate ?? "",
+        cell: ({ getValue: n }) => _(n() || void 0)
+      }
+    ]);
+    async function Te() {
+      var j;
+      const n = (j = v._currentLocation) == null ? void 0 : j.dbName;
+      if (!n) return;
+      const d = Pt(new Date(ve.value.startDate)).toISOString(), S = Bt(new Date(ve.value.endDate)).toISOString();
+      ke.value = !0;
+      try {
+        ye.value = w(
+          A.value === "purchaseOrder" ? await p.listPurchaseOrders(n, d, S) : await p.listClosingDrafts(n, d, S)
+        );
+      } catch (q) {
+        console.error("changelog location list load failed", q), ye.value = [];
+      } finally {
+        ke.value = !1;
+      }
+      fe.value && !ye.value.find((q) => {
+        var oe;
+        return q.id === ((oe = fe.value) == null ? void 0 : oe.id);
+      }) && (fe.value = null, E(""));
+    }
+    function dt(n) {
+      fe.value = n, Y.value = !0, E(`${v.currentLocationDBName}/${n.id}`, void 0, De);
+    }
+    const ft = F(() => {
+      var n, d, S;
+      return A.value === "inventory" ? ((n = x.value) == null ? void 0 : n.name) ?? "" : X.value ? ((d = we.value) == null ? void 0 : d.name) ?? "" : ((S = fe.value) == null ? void 0 : S.name) ?? "";
+    });
+    function Ue() {
+      Y.value = !1, A.value === "inventory" ? (x.value = null, T.value = !1, E(""), Pe().catch(
+        (n) => console.error("changelog inventory list failed", n)
+      )) : X.value ? (we.value = null, E(""), ut().catch(
+        (n) => console.error("changelog domain records failed", n)
+      )) : (fe.value = null, E(""), Te().catch((n) => console.error("changelog location list failed", n)));
+    }
+    return Z(a, (n) => {
+      n && (f().catch((d) => console.error("changelog domain list failed", d)), Ue());
+    }), Z(A, () => {
+      a.value && Ue();
+    }), Z(ve, () => {
+      a.value && A.value !== "inventory" && !X.value && Te().catch((n) => console.error("changelog location list failed", n));
+    }), Z(T, (n) => {
+      var d;
+      !n && ((d = x.value) != null && d.deleted) && (x.value = null, Y.value = !1);
+    }), Z(m, () => {
+      x.value = null, Y.value = !1, a.value && A.value === "inventory" && Pe().catch(
+        (n) => console.error("changelog inventory list failed", n)
+      );
+    }), Z(W, (n) => {
+      x.value = null, a.value && A.value === "inventory" && E(n, void 0, Re);
+    }), (n, d) => {
+      const S = z("FmButtonGroup"), j = z("FmSearch"), q = z("FmSwitch"), oe = z("FmTable"), Ae = z("FmDialog"), mt = z("FmButton");
+      return i(), c(H, null, [
+        C(Ae, {
+          modelValue: a.value,
+          "onUpdate:modelValue": d[8] || (d[8] = (G) => a.value = G),
+          "close-button": "",
+          "dismiss-away": "",
+          "min-width": "98vw",
+          "max-width": "98vw",
+          "max-height": "94vh",
+          "content-class": "!p-0 h-[86vh]"
+        }, {
+          "dialog-header": te(() => [
+            g("div", oo, [
+              g("div", ao, [
+                g("div", lo, h($(l)("inventory.changelog.title")), 1),
+                C(S, {
+                  modelValue: M.value,
+                  "onUpdate:modelValue": d[0] || (d[0] = (G) => M.value = G),
+                  items: b.value
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              g("div", so, h($(l)("inventory.changelog.scopeDescription")), 1)
+            ])
+          ]),
+          default: te(() => [
+            g("div", ro, [
+              A.value === "inventory" ? (i(), c(H, { key: 0 }, [
+                g("div", io, [
+                  C(S, {
+                    modelValue: y.value,
+                    "onUpdate:modelValue": d[1] || (d[1] = (G) => y.value = G),
+                    items: V.value
+                  }, null, 8, ["modelValue", "items"]),
+                  C(j, {
+                    modelValue: B.value,
+                    "onUpdate:modelValue": d[2] || (d[2] = (G) => B.value = G),
+                    class: "flex-1",
+                    placeholder: $(l)("inventory.changelog.searchInventory")
+                  }, null, 8, ["modelValue", "placeholder"]),
+                  g("div", uo, [
+                    g("span", co, h($(l)("inventory.changelog.includeDeleted")), 1),
+                    C(q, {
+                      modelValue: T.value,
+                      "onUpdate:modelValue": d[3] || (d[3] = (G) => T.value = G)
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                C(oe, {
+                  class: "min-h-0 flex-1",
+                  "row-data": nt.value,
+                  "column-defs": ot.value,
+                  "search-value": B.value,
+                  loading: de.value,
+                  "page-size": 20,
+                  onRowClick: d[4] || (d[4] = (G) => st(G.original))
+                }, null, 8, ["row-data", "column-defs", "search-value", "loading"])
+              ], 64)) : X.value ? (i(), ce(oe, {
+                key: 1,
+                class: "min-h-0 flex-1",
+                "row-data": be.value,
+                "column-defs": Ee.value,
+                loading: xe.value,
+                "page-size": 20,
+                onRowClick: d[5] || (d[5] = (G) => ct(G.original))
+              }, null, 8, ["row-data", "column-defs", "loading"])) : (i(), c(H, { key: 2 }, [
+                g("div", fo, [
+                  C(It, {
+                    modelValue: ve.value,
+                    "onUpdate:modelValue": d[6] || (d[6] = (G) => ve.value = G)
+                  }, null, 8, ["modelValue"]),
+                  Be.value ? (i(), c("span", mo, h(Be.value), 1)) : N("", !0)
+                ]),
+                C(oe, {
+                  class: "min-h-0 flex-1",
+                  "row-data": ye.value,
+                  "column-defs": Ee.value,
+                  loading: ke.value,
+                  "page-size": 20,
+                  onRowClick: d[7] || (d[7] = (G) => dt(G.original))
+                }, null, 8, ["row-data", "column-defs", "loading"])
+              ], 64))
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        C(Ae, {
+          modelValue: Y.value,
+          "onUpdate:modelValue": d[9] || (d[9] = (G) => Y.value = G),
+          "close-button": "",
+          "dismiss-away": "",
+          "min-width": P.value,
+          "max-width": P.value,
+          "max-height": "86vh"
+        }, {
+          "dialog-header": te(() => [
+            g("div", po, h(ft.value), 1)
+          ]),
+          default: te(() => [
+            C(no, {
+              commits: A.value === "inventory" ? it.value : $(U),
+              "is-loading": $(Q),
+              "resolve-name": ne
+            }, null, 8, ["commits", "is-loading"]),
+            A.value !== "inventory" && $(O) ? (i(), c("div", vo, [
+              C(mt, {
+                label: $(l)("inventory.changelog.loadMore"),
+                variant: "secondary",
+                disabled: $(Q),
+                onClick: R
+              }, null, 8, ["label", "disabled"])
+            ])) : N("", !0)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "min-width", "max-width"])
+      ], 64);
+    };
+  }
+}), yo = /* @__PURE__ */ Et(go, [["__scopeId", "data-v-07c5a952"]]), se = 8;
+function ho(o, e) {
+  return { x: se, y: Math.max(se, e - o - se) };
+}
+const _o = ["title"], Ge = 48, bo = 8, xo = /* @__PURE__ */ re({
+  __name: "ChangelogFloatingButton",
+  setup(o) {
+    const { t: e } = he(), t = ge(), s = F(() => {
+      var R;
+      return !!((R = t.sessionUser.value) != null && R.role.isAdmin);
+    }), a = k(!1), l = k(null);
+    function r() {
+      var R, _;
+      return {
+        width: ((R = l.value) == null ? void 0 : R.offsetWidth) ?? Ge,
+        height: ((_ = l.value) == null ? void 0 : _.offsetHeight) ?? Ge
+      };
+    }
+    const u = k({ x: 0, y: 0 });
+    function v(R, _, w) {
+      return Math.min(Math.max(R, _), w);
+    }
+    function p() {
+      const { width: R, height: _ } = r(), w = Math.max(se, window.innerWidth - R - se - bo), E = Math.max(se, window.innerHeight - _ - se), K = u.value.x + R / 2;
+      u.value = {
+        x: K < window.innerWidth / 2 ? se : w,
+        y: v(u.value.y, se, E)
+      };
+    }
+    function L() {
+      u.value = ho(r().height, window.innerHeight);
+    }
+    Ie(() => {
+      L(), window.addEventListener("resize", p), window.addEventListener("orientationchange", p);
+    }), yt(() => {
+      window.removeEventListener("resize", p), window.removeEventListener("orientationchange", p);
+    }), Z(s, async (R) => {
+      R && (await ht(), L());
+    });
+    const I = k(!1);
+    let P = null, U = !1;
+    function Q(R) {
+      P = { x: R.clientX, y: R.clientY, px: u.value.x, py: u.value.y }, I.value = !0, U = !1, R.currentTarget.setPointerCapture(R.pointerId);
+    }
+    function O(R) {
+      if (!P) return;
+      const _ = R.clientX - P.x, w = R.clientY - P.y;
+      Math.abs(_) + Math.abs(w) > 3 && (U = !0);
+      const { width: E, height: K } = r();
+      u.value = {
+        x: v(P.px + _, 0, window.innerWidth - E),
+        y: v(P.py + w, 0, window.innerHeight - K)
+      };
+    }
+    function D() {
+      P = null, I.value = !1, p();
+    }
+    function J() {
+      P && (D(), U || (a.value = !0));
+    }
+    return (R, _) => {
+      const w = z("FmIcon");
+      return i(), ce(_t, { to: "body" }, [
+        s.value ? (i(), c(H, { key: 0 }, [
+          g("div", {
+            ref_key: "wrapperRef",
+            ref: l,
+            class: le(["fixed z-50 cursor-grab touch-none", I.value ? "" : "transition-[left,top] duration-200 ease-out"]),
+            style: bt({ left: `${u.value.x}px`, top: `${u.value.y}px` })
+          }, [
+            C(Xe, null, {
+              default: te(() => [
+                g("button", {
+                  type: "button",
+                  title: $(e)("inventory.changelog.title"),
+                  class: le(["fm-typo-en-body-sm-600 flex h-48 items-center gap-8 whitespace-nowrap rounded-full border border-gray-200 bg-white px-16 shadow-lg hover:bg-gray-50", I.value ? "cursor-grabbing" : "cursor-grab"]),
+                  onPointerdown: Q,
+                  onPointermove: O,
+                  onPointerup: J,
+                  onPointercancel: D
+                }, [
+                  C(w, {
+                    name: "history",
+                    size: "md",
+                    outline: ""
+                  }),
+                  g("span", null, h($(e)("inventory.changelog.fabLabel")), 1)
+                ], 42, _o)
+              ]),
+              _: 1
+            })
+          ], 6),
+          C(yo, {
+            modelValue: a.value,
+            "onUpdate:modelValue": _[0] || (_[0] = (E) => a.value = E)
+          }, null, 8, ["modelValue"])
+        ], 64)) : N("", !0)
+      ]);
+    };
+  }
+}), wo = { class: "flex items-center gap-8" }, ko = { class: "flex flex-col gap-12 text-fm-color-typo-secondary" }, So = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, $o = { class: "fm-typo-en-body-sm-400" }, Co = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400"
+}, Lo = {
+  key: 0,
+  href: "https://feedme.ai/product/inventory/features?tab=plans_%26_prices",
+  target: "_blank",
+  rel: "noopener"
+}, Do = /* @__PURE__ */ re({
+  __name: "PlanUpgradeDialog",
+  props: /* @__PURE__ */ Le({
+    capability: {},
+    result: {}
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const e = o, t = He(o, "modelValue"), s = F(() => {
+      var r;
+      return ((r = e.capability) == null ? void 0 : r.tier) ?? "premium";
+    }), a = F(() => {
+      var r;
+      return ((r = e.result) == null ? void 0 : r.stage) === "off";
+    }), l = F(() => a.value ? "Feature unavailable" : `Upgrade to ${s.value} plan`);
+    return (r, u) => {
+      const v = z("FmSpacer"), p = z("FmButton"), L = z("FmDialog");
+      return i(), ce(L, {
+        modelValue: t.value,
+        "onUpdate:modelValue": u[1] || (u[1] = (I) => t.value = I),
+        overlay: !0,
+        "close-button": "",
+        dismissAway: "",
+        "max-width": "520px"
+      }, {
+        "dialog-header": te(() => [
+          g("div", wo, [
+            g("span", null, h(l.value), 1),
+            C(Ut, { tier: s.value }, null, 8, ["tier"])
+          ])
+        ]),
+        "dialog-footer": te(() => [
+          C(v, { class: "sm:hidden xs:hidden" }),
+          C(p, {
+            variant: "tertiary",
+            label: "Not now",
+            onClick: u[0] || (u[0] = (I) => t.value = !1)
+          }),
+          a.value ? N("", !0) : (i(), c("a", Lo, [
+            C(p, { label: "Compare plans" })
+          ]))
+        ]),
+        default: te(() => {
+          var I, P, U;
+          return [
+            g("div", ko, [
+              g("p", So, [
+                a.value ? (i(), c(H, { key: 0 }, [
+                  ue(h((I = r.result) == null ? void 0 : I.reason), 1)
+                ], 64)) : (i(), c(H, { key: 1 }, [
+                  ue(h((P = r.capability) == null ? void 0 : P.module) + " is available on the " + h(s.value) + " plan. ", 1)
+                ], 64))
+              ]),
+              g("p", $o, h((U = r.capability) == null ? void 0 : U.description), 1),
+              a.value ? N("", !0) : (i(), c("p", Co, " Upgrade your plan to unlock this functionality for your business. "))
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Ro = { class: "flex items-center gap-8" }, Vo = { class: "flex flex-col gap-8 text-fm-color-typo-secondary" }, Fo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, Io = /* @__PURE__ */ re({
+  __name: "DeprecateSoonWarningDialog",
+  props: /* @__PURE__ */ Le({
+    featureName: {}
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Le(["proceed"], ["update:modelValue"]),
+  setup(o, { emit: e }) {
+    const t = He(o, "modelValue"), s = e;
+    function a() {
+      t.value = !1, s("proceed");
+    }
+    return (l, r) => {
+      const u = z("FmSpacer"), v = z("FmButton"), p = z("FmDialog");
+      return i(), ce(p, {
+        modelValue: t.value,
+        "onUpdate:modelValue": r[1] || (r[1] = (L) => t.value = L),
+        overlay: !0,
+        "close-button": "",
+        dismissAway: "",
+        "max-width": "520px"
+      }, {
+        "dialog-header": te(() => [
+          g("div", Ro, [
+            r[2] || (r[2] = g("span", null, "Feature removal notice", -1)),
+            C(At)
+          ])
+        ]),
+        "dialog-footer": te(() => [
+          C(u, { class: "sm:hidden xs:hidden" }),
+          C(v, {
+            variant: "tertiary",
+            label: "Cancel",
+            onClick: r[0] || (r[0] = (L) => t.value = !1)
+          }),
+          C(v, {
+            label: "Continue",
+            onClick: a
+          })
+        ]),
+        default: te(() => [
+          g("div", Vo, [
+            g("p", Fo, h(l.featureName ?? "This feature") + " will be removed in a future release. ", 1),
+            r[3] || (r[3] = g("p", { class: "fm-typo-en-body-sm-400" }, " You can continue to use it for now, but we recommend moving to the supported workflow. ", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), No = { class: "h-full flex flex-col overflow-auto py-16 gap-2" }, Po = /* @__PURE__ */ re({
+  __name: "NavigationTab",
+  setup(o) {
+    const e = $t(), t = Ne(), s = ge(), a = Mt(), l = Tt(), r = k(!1), u = k(null), v = k(null), p = k(!1), L = k(null), I = k(null), P = F(
+      () => {
+        var _, w;
+        return (w = Oe(((_ = L.value) == null ? void 0 : _.featureKey) ?? "")) == null ? void 0 : w.label;
+      }
+    ), { menuItems: U } = We();
+    Z([() => s.currentBusiness.value, () => e.name], ([_, w]) => {
+      (_ == null ? void 0 : _.menuVersion) === "v3" && (w === pe.INGREDIENTS || w === pe.RECIPE || w === pe.UNIT) && t.push({ name: pe.STOCK });
+    });
+    const Q = F({
+      get() {
+        if (e.name)
+          return String(e.name);
+      },
+      set(_) {
+        var f;
+        if (!_) return;
+        const w = String(_), E = Dt.find((b) => b.route === w), K = Rt(w, a.value);
+        if ((f = Oe((E == null ? void 0 : E.featureKey) ?? "")) != null && f.deprecateSoon) {
+          L.value = E ?? null, I.value = w, p.value = !0;
+          return;
+        }
+        if (E && K.disabled) {
+          u.value = E, v.value = K, r.value = !0;
+          return;
+        }
+        t.push({ name: w });
+      }
+    });
+    function O() {
+      I.value && (t.push({ name: I.value }), I.value = null);
+    }
+    const D = F(
+      () => {
+        var _;
+        return `NavigationTab.${(_ = s.currentBusiness.value) == null ? void 0 : _._id}`;
+      }
+    ), J = k(!1), R = F({
+      get() {
+        return J.value;
+      },
+      set(_) {
+        J.value = _, _ || l.setItem(D.value, "true");
+      }
+    });
+    return Z([() => D.value], () => {
+      J.value = !1, setTimeout(() => {
+        R.value = !l.getItem(D.value);
+      }, 2e3);
+    }), (_, w) => {
+      const E = z("FmCollapsibleTabs");
+      return i(), c("div", No, [
+        C(E, {
+          modelValue: Q.value,
+          "onUpdate:modelValue": w[0] || (w[0] = (K) => Q.value = K),
+          items: $(U)
+        }, null, 8, ["modelValue", "items"]),
+        C(Do, {
+          modelValue: r.value,
+          "onUpdate:modelValue": w[1] || (w[1] = (K) => r.value = K),
+          capability: u.value,
+          result: v.value
+        }, null, 8, ["modelValue", "capability", "result"]),
+        C(Io, {
+          modelValue: p.value,
+          "onUpdate:modelValue": w[2] || (w[2] = (K) => p.value = K),
+          "feature-name": P.value,
+          onProceed: O
+        }, null, 8, ["modelValue", "feature-name"])
+      ]);
+    };
+  }
+});
+typeof Promise.withResolvers > "u" && (Promise.withResolvers = () => {
+  let o, e;
+  return { promise: new Promise((s, a) => {
+    o = s, e = a;
+  }), resolve: o, reject: e };
+});
+typeof Promise.prototype.delayed > "u" && (Promise.prototype.delayed = async function(o) {
+  return await new Promise((e) => setTimeout(e, o)), Promise.resolve(this);
+});
+const Bo = {
+  key: 0,
+  class: "flex h-5 items-center justify-center bg-amber-100 px-12 text-xs font-medium text-amber-800 shadow-sm"
+}, Qo = /* @__PURE__ */ re({
+  __name: "App",
+  setup(o) {
+    const e = ge(), t = Ot(), s = St(), a = window.location.href.includes("print-preview");
+    Ie(() => {
+      if (window.location.href.includes("print-preview")) {
+        e.setEmbedded(!0), document.body.classList.add("print-mode");
+        return;
+      }
+      e.registerSidebarComponent(Po), t.initGoogleMap(s.appApi.googleMap).catch(() => {
+        console.error("Google map cannot be loaded");
+      });
+    }), Z([() => e.currentCountry.value], () => {
+      l();
+    });
+    async function l() {
+      var r;
+      try {
+        await e.readBusinesses(), e.currentBusiness.value = (r = e.businesses.value) == null ? void 0 : r.find((u) => u);
+      } catch (u) {
+        console.error("error when trying to reset businesses:", u);
+      }
+    }
+    return (r, u) => (i(), c(H, null, [
+      $(s).isDev && !$(a) ? (i(), c("div", Bo, " Non-production environment ")) : N("", !0),
+      C(on),
+      $(a) ? N("", !0) : (i(), ce(xo, { key: 1 }))
+    ], 64));
+  }
+});
+export {
+  Qo as default
+};