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

package/dist/ProductionView-pVOiqb3z.js

@@ -1,1330 +0,0 @@
-import { defineComponent as ue, ref as N, createElementBlock as i, openBlock as l, createElementVNode as e, createBlock as J, createTextVNode as G, toDisplayString as s, normalizeClass as ie, Teleport as ke, createCommentVNode as R, Fragment as T, normalizeStyle as he, renderList as E, computed as k, watch as re, resolveComponent as O, withCtx as X, createVNode as V, onMounted as we, h as P, reactive as $e, withDirectives as Se, vModelText as Ie, unref as Ce } from "vue";
-import { _ as Fe } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DwrLsWX_.js";
-import { useDialog as Be, useSnackbar as ve, components as le } from "@feedmepos/ui-library";
-import { m as De, u as ye, a as ge } from "./app-Cac6Riab.js";
-import { _ as qe } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-CCAojZKC.js";
-import { useI18n as Ne } from "@feedmepos/mf-common";
-import { c as be } from "./inventory-core-dart.default-BHOV69Dk.js";
-import { u as Me } from "./stock-Bwpkf9s7.js";
-import { a as Pe } from "./FmMultiselectDialog-c49ktpZN.js";
-import { e as Te, _ as Ve } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-02BB80Ob.js";
-import { u as Ae } from "./stock-Ba7g6IoT.js";
-const xe = De((Y, $) => {
-  const b = ye(), d = () => `${Y.inventoryBackendUrl}/${b.currentLocationDBName}/production`;
-  return {
-    async list(m) {
-      const _ = m ? `?status=${m}` : "";
-      return await $.get(`${d()}${_}`);
-    },
-    async read(m) {
-      return await $.get(`${d()}/${m}`);
-    },
-    async create(m) {
-      return await $.post(d(), m);
-    },
-    async update(m, _) {
-      return await $.patch(`${d()}/${m}`, _);
-    },
-    async request(m) {
-      return await $.post(`${d()}/${m}/request`);
-    },
-    // `items` are the per-item quantities produced in THIS completion record;
-    // omit to produce the remaining (requested − already-produced) of every item.
-    async complete(m, _) {
-      return await $.post(`${d()}/${m}/complete`, _ ? { items: _ } : void 0);
-    },
-    async cancel(m, _) {
-      return await $.post(`${d()}/${m}/cancel`, { reason: _ });
-    }
-  };
-}), Re = {
-  key: 0,
-  class: "w-fit whitespace-nowrap rounded-full bg-fm-color-neutral-gray-100 px-12 py-4 text-fm-color-typo-secondary",
-  title: "This item has no ingredient bindings — no stock will be deducted, but it can still be prepared."
-}, je = {
-  key: 1,
-  class: "w-fit"
-}, ze = { class: "uppercase text-fm-color-typo-secondary" }, Ue = { class: "text-fm-color-typo-secondary" }, Le = /* @__PURE__ */ ue({
-  __name: "ProductionBindingsCell",
-  props: {
-    count: {},
-    unit: {},
-    lines: {}
-  },
-  setup(Y) {
-    const $ = N(!1), b = N(null), d = N({ top: 0, left: 0 });
-    function m() {
-      if (!$.value && b.value) {
-        const S = b.value.getBoundingClientRect();
-        d.value = { top: S.bottom + 4, left: S.left };
-      }
-      $.value = !$.value;
-    }
-    function _(S) {
-      return `${parseFloat(S.toFixed(2))}`;
-    }
-    return (S, M) => S.count === 0 ? (l(), i("span", Re, " No bindings ")) : (l(), i("div", je, [
-      e("button", {
-        ref_key: "btn",
-        ref: b,
-        type: "button",
-        class: "flex w-fit items-center gap-4 whitespace-nowrap rounded-full bg-fm-color-neutral-gray-100 px-12 py-4 text-fm-color-typo-secondary",
-        onClick: m
-      }, [
-        M[1] || (M[1] = e("span", { class: "text-orange-500" }, "•••", -1)),
-        G(" " + s(S.count) + " ingredients ", 1),
-        e("span", {
-          class: ie(["text-fm-color-typo-secondary", { "rotate-180": $.value }])
-        }, "⌄", 2)
-      ], 512),
-      (l(), J(ke, { to: "body" }, [
-        $.value ? (l(), i(T, { key: 0 }, [
-          e("div", {
-            class: "fixed inset-0",
-            style: { "z-index": "1000" },
-            onClick: M[0] || (M[0] = (f) => $.value = !1)
-          }),
-          e("div", {
-            class: "fixed rounded-8 border border-fm-color-line p-12",
-            style: he({
-              top: `${d.value.top}px`,
-              left: `${d.value.left}px`,
-              background: "#fff",
-              minWidth: "240px",
-              zIndex: 1001,
-              boxShadow: "0 8px 24px rgba(0, 0, 0, 0.12)"
-            })
-          }, [
-            e("div", ze, " Per 1 " + s(S.unit), 1),
-            (l(!0), i(T, null, E(S.lines, (f) => (l(), i("div", {
-              key: f.id,
-              class: "mt-4 flex items-center justify-between gap-16"
-            }, [
-              e("span", null, s(f.name), 1),
-              e("span", Ue, s(_(f.amount)) + " " + s(f.unit), 1)
-            ]))), 128))
-          ], 4)
-        ], 64)) : R("", !0)
-      ]))
-    ]));
-  }
-}), He = { class: "flex flex-col gap-8" }, Ee = {
-  key: 0,
-  class: "py-12 text-fm-color-typo-secondary"
-}, Oe = ["onClick"], We = { class: "flex min-w-0 flex-1 flex-col" }, Ge = { class: "truncate" }, Qe = { class: "truncate text-fm-color-typo-secondary" }, Ke = { class: "whitespace-nowrap text-fm-color-typo-secondary" }, Je = /* @__PURE__ */ ue({
-  __name: "ProductionDuplicateDialog",
-  props: {
-    batches: {}
-  },
-  emits: ["selected"],
-  setup(Y, { emit: $ }) {
-    const b = Y, d = $, m = N(!1), _ = N(null);
-    function S(y) {
-      if (!y) return "—";
-      const r = new Date(y);
-      return Number.isNaN(r.getTime()) ? "—" : r.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
-    }
-    function M(y) {
-      var r;
-      return (r = y.name) != null && r.trim() ? y.name.trim() : y.batchNo ? `Production #${y.batchNo}` : `Production · ${S(y.createdAt)}`;
-    }
-    const f = {
-      draft: "Draft",
-      requested: "Requested",
-      completed: "Completed",
-      cancelled: "Cancelled"
-    }, p = k(() => [...b.batches].sort((y, r) => r._id.localeCompare(y._id))), j = k(() => !!_.value);
-    re(m, (y) => {
-      y && (_.value = null);
-    });
-    function W() {
-      const y = p.value.find((r) => r._id === _.value);
-      y && (m.value = !1, d("selected", y));
-    }
-    return (y, r) => {
-      const g = O("FmButton"), z = O("FmIcon"), H = O("FmDialog");
-      return l(), J(H, {
-        modelValue: m.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (q) => m.value = q),
-        overlay: !0,
-        "min-width": 640
-      }, {
-        "dialog-button": X(() => [
-          V(g, {
-            label: "Duplicate from",
-            variant: "secondary",
-            "prepend-icon": "content_copy"
-          })
-        ]),
-        "dialog-header": X(() => r[1] || (r[1] = [
-          e("div", null, "Duplicate from a batch", -1)
-        ])),
-        "dialog-footer": X(() => [
-          V(g, {
-            class: "ml-auto",
-            label: "Duplicate",
-            disabled: !j.value,
-            onClick: W
-          }, null, 8, ["disabled"])
-        ]),
-        default: X(() => [
-          e("div", He, [
-            r[2] || (r[2] = e("div", { class: "text-fm-color-typo-secondary" }, " Pick a batch to copy its items into this prepare. ", -1)),
-            p.value.length ? R("", !0) : (l(), i("div", Ee, " No previous batches to duplicate. ")),
-            (l(!0), i(T, null, E(p.value, (q) => (l(), i("button", {
-              key: q._id,
-              type: "button",
-              class: ie([
-                "flex items-center gap-8 fm-corner-radius-md border p-12 text-left",
-                _.value === q._id ? "border-orange-500 bg-orange-50" : "border-fm-color-line"
-              ]),
-              onClick: (C) => _.value = q._id
-            }, [
-              e("div", We, [
-                e("span", Ge, s(M(q)), 1),
-                e("span", Qe, s(q.items.length) + " item" + s(q.items.length === 1 ? "" : "s") + " · " + s(f[q.status]), 1)
-              ]),
-              e("span", Ke, s(S(q.createdAt)), 1),
-              _.value === q._id ? (l(), J(z, {
-                key: 0,
-                name: "check",
-                class: "text-orange-500"
-              })) : R("", !0)
-            ], 10, Oe))), 128))
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), Xe = { class: "flex items-start gap-16" }, Ye = { class: "flex-1" }, Ze = { class: "flex flex-col gap-4 p-12" }, et = { class: "flex items-center gap-12 border-b border-fm-color-line p-12" }, tt = { class: "text-fm-color-typo-secondary" }, ot = { class: "ml-auto flex items-center gap-12" }, nt = { class: "flex items-center gap-16 p-16" }, st = { class: "text-fm-color-typo-secondary" }, at = { class: "ml-auto flex items-center gap-12" }, lt = { class: "w-[360px] shrink-0 overflow-hidden rounded-lg border border-fm-color-line" }, rt = { class: "border-b border-fm-color-line p-16" }, it = { class: "mt-12" }, ut = { class: "inline-flex items-center gap-4 rounded-full bg-fm-color-neutral-gray-100 px-12 py-4" }, ct = { class: "ml-4" }, dt = { class: "grid grid-cols-2 divide-x divide-fm-color-line border-b border-fm-color-line" }, mt = { class: "p-16" }, pt = { class: "mt-4 text-2xl font-semibold" }, ft = { class: "text-fm-color-typo-secondary" }, vt = { class: "p-16" }, yt = { class: "mt-4 text-2xl font-semibold text-fm-color-typo-secondary" }, gt = { class: "text-fm-color-typo-secondary" }, bt = {
-  key: 0,
-  class: "flex flex-col items-center gap-12 p-24 text-center"
-}, xt = { class: "flex h-[56px] w-[56px] items-center justify-center rounded-full bg-fm-color-neutral-gray-100" }, _t = {
-  key: 1,
-  class: "p-16"
-}, kt = { class: "flex items-center" }, ht = { class: "mt-4 text-sm text-fm-color-typo-secondary" }, wt = {
-  key: 0,
-  class: "mt-4 flex flex-col gap-4 text-sm"
-}, $t = /* @__PURE__ */ ue({
-  __name: "ProductionPrepareBuilder",
-  emits: ["created"],
-  setup(Y, { emit: $ }) {
-    const b = $, d = xe(), m = ge(), _ = Me(), S = Be(), { t: M } = Ne(), f = ve(), p = N([]), j = N([]), W = N(""), y = N(!1), r = N("");
-    function g() {
-      const t = /* @__PURE__ */ new Date();
-      return `${`${t.getHours()}`.padStart(2, "0")}:${`${t.getMinutes()}`.padStart(2, "0")}`;
-    }
-    async function z() {
-      await _.readStockBalance(), r.value = g();
-    }
-    we(async () => {
-      await z(), j.value = await d.list();
-    });
-    const H = k(() => m.skus);
-    function q(t) {
-      return t ? t.amount / Math.pow(10, t.precision) : 0;
-    }
-    function C(t) {
-      return `${parseFloat(t.toFixed(2))}`;
-    }
-    const Z = k(
-      () => new Map((_.stockBalance.skus ?? []).map((t) => [t.id, t.balance]))
-    );
-    function ee(t) {
-      return q(Z.value.get(t));
-    }
-    function oe() {
-      return (m.skus ?? []).map((t) => ({
-        doc: t,
-        balance: Z.value.get(t._id) ?? { amount: 0, precision: 0 },
-        abbrev: t.unit.abbrev,
-        uom: []
-      }));
-    }
-    const L = be({
-      env: {
-        stocks: oe(),
-        recipes: m.recipes ?? []
-      }
-    }), Q = N(0);
-    re(
-      () => [m.skus, m.recipes],
-      () => {
-        L.updateEnv({
-          stocks: oe(),
-          recipes: m.recipes ?? []
-        }), Q.value++;
-      }
-    ), re(Z, () => {
-      L.updateBalances(oe()), Q.value++;
-    }), re(
-      p,
-      () => {
-        var t;
-        L.resetState(), L.addItems(
-          p.value.map((n) => ({
-            doc: n.sku,
-            balance: Z.value.get(n.sku._id) ?? { amount: 0, precision: 0 },
-            abbrev: n.sku.unit.abbrev,
-            uom: []
-          }))
-        );
-        for (const n of p.value)
-          L.updateItem(n.sku._id, n.model.amount, (t = n.model.measurement) == null ? void 0 : t.id);
-        Q.value++;
-      },
-      { deep: !0, immediate: !0 }
-    );
-    const ce = k(() => (Q.value, new Map(L.getItemBreakdown().map((t) => [t.item.key, t]))));
-    function ne(t) {
-      const n = ce.value.get(t);
-      return ((n == null ? void 0 : n.lines) ?? []).map((h) => ({
-        id: h.skuId,
-        name: h.name,
-        amount: h.perUnit,
-        unit: h.unit
-      }));
-    }
-    function c(t) {
-      return ne(t).length;
-    }
-    function v() {
-      const t = H.value.map((n) => ({
-        label: n.name,
-        sublabel: n.code,
-        value: n._id,
-        tags: L.itemHasBindings(n._id) ? void 0 : ["No bindings"]
-      }));
-      S.open({
-        title: M("inventory.transfer.form.items.selectItem"),
-        closeButton: !0,
-        contentComponent: Pe,
-        contentComponentProps: {
-          modelValue: p.value.map((n) => n.sku._id),
-          items: t,
-          virtualScroll: !0
-        },
-        primaryActions: { text: M("common.confirm"), close: !0 },
-        secondaryActions: { text: M("common.close"), close: !0, variant: "tertiary" }
-      }).onPrimary((n) => {
-        const h = new Map(p.value.map((w) => [w.sku._id, w]));
-        p.value = n.map(
-          (w) => h.get(w) ?? {
-            sku: m.skuById[w],
-            model: Te()
-          }
-        ).filter((w) => !!w.sku);
-      });
-    }
-    function B(t) {
-      p.value = p.value.filter((n) => n.sku._id !== t);
-    }
-    function K() {
-      p.value = [];
-    }
-    function A(t) {
-      const n = [];
-      for (const h of t.items) {
-        const w = m.skuById[h.skuId];
-        w && n.push({
-          sku: w,
-          model: { amount: h.amount, measurement: h.measurement ?? null }
-        });
-      }
-      p.value = n;
-    }
-    const te = k(() => (Q.value, L.getIngredientImpacts().map((t) => ({ ...t, status: String(t.status) })))), se = k(() => {
-      Q.value;
-      const t = /* @__PURE__ */ new Map(), n = (h) => {
-        let w = t.get(h);
-        return w || (w = { producers: [], consumers: [] }, t.set(h, w)), w;
-      };
-      for (const h of L.getItemBreakdown()) {
-        if (h.qty <= 0) continue;
-        const w = h.item.inventoryStock.doc.name;
-        n(h.item.key).producers.push({ name: w, amount: h.qty });
-        for (const de of h.lines)
-          de.total > 0 && n(de.skuId).consumers.push({ name: w, amount: de.total });
-      }
-      return t;
-    });
-    function ae(t) {
-      var n;
-      return ((n = se.value.get(t)) == null ? void 0 : n.producers) ?? [];
-    }
-    function pe(t) {
-      var n;
-      return ((n = se.value.get(t)) == null ? void 0 : n.consumers) ?? [];
-    }
-    const a = k(() => p.value.filter((t) => q(t.model.amount) > 0)), o = k(
-      () => a.value.filter((t) => L.itemHasBindings(t.sku._id)).length
-    ), x = k(() => te.value.filter((t) => t.status !== "ok").length), F = k(() => a.value.length > 0);
-    function u() {
-      return a.value.map((t) => ({
-        skuId: t.sku._id,
-        sku: t.sku,
-        amount: t.model.amount,
-        measurement: t.model.measurement ?? void 0
-      }));
-    }
-    async function I() {
-      if (F.value) {
-        y.value = !0;
-        try {
-          await d.create({
-            name: W.value.trim() || void 0,
-            items: u()
-          }), f == null || f.open({
-            title: `Saved ${a.value.length} item(s) as draft`,
-            type: "success"
-          }), p.value = [], W.value = "", b("created");
-        } catch (t) {
-          f == null || f.open({ title: "Failed to save draft", message: `${(t == null ? void 0 : t.message) ?? t}`, type: "error" });
-        } finally {
-          y.value = !1;
-        }
-      }
-    }
-    const U = [
-      {
-        id: "item",
-        header: () => "Production item",
-        minSize: 220,
-        enableSorting: !1,
-        cell: (t) => {
-          var w;
-          const n = t.row.original.sku, h = [];
-          return n.operationalGroup && h.push(P("span", {}, n.operationalGroup)), (w = n.customAttributes) != null && w.perishable && h.push(
-            P(
-              "span",
-              { class: "rounded-full bg-orange-100 px-8 py-4 text-orange-600" },
-              "Perishable"
-            )
-          ), P("div", { class: "flex flex-col" }, [
-            P("span", { class: "" }, n.name),
-            P("span", { class: "flex items-center gap-8 text-fm-color-typo-secondary" }, h)
-          ]);
-        }
-      },
-      {
-        id: "unit",
-        header: () => "Unit",
-        size: 70,
-        enableSorting: !1,
-        cell: (t) => P("span", { class: "" }, t.row.original.sku.unit.abbrev)
-      },
-      {
-        id: "balance",
-        header: () => "Current balance",
-        size: 130,
-        enableSorting: !1,
-        cell: (t) => {
-          const n = t.row.original.sku;
-          return P("div", { class: "flex flex-col items-end" }, [
-            P("span", { class: "" }, C(ee(n._id))),
-            P("span", { class: "text-fm-color-typo-secondary" }, n.unit.abbrev)
-          ]);
-        }
-      },
-      {
-        id: "bindings",
-        header: () => "Bindings",
-        minSize: 200,
-        enableSorting: !1,
-        cell: (t) => P(Le, {
-          count: c(t.row.original.sku._id),
-          unit: t.row.original.sku.unit.abbrev,
-          lines: ne(t.row.original.sku._id)
-        })
-      },
-      {
-        id: "qty",
-        header: () => "Prepare qty",
-        minSize: 200,
-        enableSorting: !1,
-        cell: (t) => {
-          const n = t.row.original, h = t.row.index;
-          return P(Ve, {
-            key: n.sku._id,
-            modelValue: n.model,
-            unit: n.sku.unit,
-            "onUpdate:modelValue": (w) => {
-              w && (p.value = [
-                ...p.value.slice(0, h),
-                { ...n, model: w },
-                ...p.value.slice(h + 1)
-              ]);
-            }
-          });
-        }
-      },
-      {
-        id: "remove",
-        header: () => "",
-        size: 48,
-        enableSorting: !1,
-        cell: (t) => P("div", { class: "flex justify-end" }, [
-          P(le.FmButton, {
-            icon: "close",
-            variant: "tertiary",
-            size: "md",
-            onClick: () => B(t.row.original.sku._id)
-          })
-        ])
-      }
-    ];
-    return (t, n) => {
-      const h = O("FmTextField"), w = O("FmButton"), de = O("FmTable"), _e = O("FmIcon");
-      return l(), i("div", Xe, [
-        e("div", Ye, [
-          e("div", Ze, [
-            n[1] || (n[1] = e("span", { class: "text-fm-color-typo-secondary" }, "Batch name (optional)", -1)),
-            V(h, {
-              modelValue: W.value,
-              "onUpdate:modelValue": n[0] || (n[0] = (D) => W.value = D),
-              placeholder: "e.g. Afternoon top-up"
-            }, null, 8, ["modelValue"])
-          ]),
-          e("div", et, [
-            V(w, {
-              label: "Add items",
-              "prepend-icon": "add",
-              onClick: v
-            }),
-            e("span", tt, s(p.value.length) + " selected ", 1),
-            e("div", ot, [
-              V(Je, {
-                batches: j.value,
-                onSelected: A
-              }, null, 8, ["batches"]),
-              V(w, {
-                label: "Clear all",
-                variant: "tertiary",
-                onClick: K
-              })
-            ])
-          ]),
-          V(de, {
-            "column-defs": U,
-            "row-data": p.value,
-            "row-key": (D) => D.sku._id,
-            "hide-footer": !0,
-            "empty-text": "No items queued. Use “Add items” to pick what to produce."
-          }, null, 8, ["row-data", "row-key"]),
-          e("div", nt, [
-            e("span", st, [
-              e("b", null, s(a.value.length), 1),
-              n[2] || (n[2] = G(" items queued · ")),
-              e("b", null, s(te.value.length), 1),
-              n[3] || (n[3] = G(" ingredients impacted "))
-            ]),
-            e("div", at, [
-              V(w, {
-                label: `Save draft · ${a.value.length} item${a.value.length === 1 ? "" : "s"}`,
-                disabled: !F.value,
-                loading: y.value,
-                onClick: I
-              }, null, 8, ["label", "disabled", "loading"])
-            ])
-          ])
-        ]),
-        e("div", lt, [
-          e("div", rt, [
-            n[6] || (n[6] = e("div", { class: "text-lg font-semibold" }, "Ingredient impact", -1)),
-            n[7] || (n[7] = e("div", { class: "mt-4 text-fm-color-typo-secondary" }, " Live deductions across all queued rows. Shortages are flagged, not blocking. ", -1)),
-            e("div", it, [
-              e("span", ut, [
-                n[4] || (n[4] = e("span", { class: "h-8 w-8 rounded-full bg-green-500" }, null, -1)),
-                n[5] || (n[5] = G(" Balances as of ")),
-                e("b", ct, s(r.value), 1)
-              ])
-            ])
-          ]),
-          e("div", dt, [
-            e("div", mt, [
-              n[8] || (n[8] = e("div", { class: "text-xs uppercase text-fm-color-typo-secondary" }, "Ingredients used", -1)),
-              e("div", pt, s(te.value.length), 1),
-              e("div", ft, "across " + s(o.value) + " items", 1)
-            ]),
-            e("div", vt, [
-              n[9] || (n[9] = e("div", { class: "text-xs uppercase text-fm-color-typo-secondary" }, "Warnings", -1)),
-              e("div", yt, s(x.value), 1),
-              e("div", gt, s(x.value) + " low-stock", 1)
-            ])
-          ]),
-          te.value.length === 0 ? (l(), i("div", bt, [
-            e("span", xt, [
-              V(_e, {
-                name: "deployed_code",
-                size: "md",
-                class: "text-fm-color-typo-secondary"
-              })
-            ]),
-            n[10] || (n[10] = e("span", { class: "text-fm-color-typo-secondary" }, " Enter a prepare quantity to preview ingredient deductions. ", -1))
-          ])) : (l(), i("div", _t, [
-            (l(!0), i(T, null, E(te.value, (D) => (l(), i("div", {
-              key: D.skuId,
-              class: "border-b border-dashed border-fm-color-line py-12"
-            }, [
-              e("div", kt, [
-                e("span", null, s(D.name), 1),
-                e("span", {
-                  class: ie([
-                    "ml-auto rounded-full px-8 py-4",
-                    D.status === "ok" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"
-                  ])
-                }, s(D.status === "ok" ? "✓ Ok" : D.status === "low" ? "Low" : "Short"), 3)
-              ]),
-              e("div", ht, [
-                e("b", {
-                  class: ie(D.delta > 0 ? "text-green-600" : D.delta < 0 ? "text-red-600" : "")
-                }, s(D.delta > 0 ? "+" : "") + s(C(D.delta)) + " " + s(D.unit), 3),
-                G(" · stock " + s(C(D.current)) + " → ", 1),
-                e("b", null, s(C(D.after)), 1),
-                G(" " + s(D.unit), 1)
-              ]),
-              ae(D.skuId).length || pe(D.skuId).length ? (l(), i("div", wt, [
-                (l(!0), i(T, null, E(ae(D.skuId), (me, fe) => (l(), i("div", {
-                  key: `p${fe}`,
-                  class: "text-green-600"
-                }, " +" + s(C(me.amount)) + " " + s(D.unit) + " from " + s(me.name), 1))), 128)),
-                (l(!0), i(T, null, E(pe(D.skuId), (me, fe) => (l(), i("div", {
-                  key: `c${fe}`,
-                  class: "text-red-600"
-                }, " −" + s(C(me.amount)) + " " + s(D.unit) + " to " + s(me.name), 1))), 128))
-              ])) : R("", !0)
-            ]))), 128))
-          ]))
-        ])
-      ]);
-    };
-  }
-}), St = { class: "flex flex-col gap-4" }, It = { class: "flex items-start justify-between gap-8 py-4" }, Ct = { class: "flex min-w-0 flex-1 flex-col" }, Ft = { class: "truncate" }, Bt = { class: "truncate text-fm-color-typo-secondary" }, Dt = { class: "flex w-[180px] shrink-0 flex-col items-end gap-4" }, qt = {
-  key: 0,
-  class: "text-fm-color-typo-secondary"
-}, Nt = {
-  key: 0,
-  class: "border-b border-fm-color-line"
-}, Mt = /* @__PURE__ */ ue({
-  __name: "ProductionCompletionDialog",
-  props: {
-    batch: {}
-  },
-  emits: ["submitted"],
-  setup(Y, { emit: $ }) {
-    const b = Y, d = $, m = N(!1);
-    function _(r) {
-      return r ? r.amount / Math.pow(10, r.precision) : 0;
-    }
-    function S(r, g) {
-      return { amount: Math.round(r * Math.pow(10, g)), precision: g };
-    }
-    function M(r) {
-      return `${parseFloat(r.toFixed(2))}`;
-    }
-    const f = k(() => {
-      const r = /* @__PURE__ */ new Map();
-      for (const g of b.batch.completions ?? [])
-        for (const z of g.items)
-          r.set(z.skuId, (r.get(z.skuId) ?? 0) + _(z.amount));
-      return r;
-    }), p = k(
-      () => b.batch.items.map((r) => {
-        var H;
-        const g = _(r.amount), z = f.value.get(r.skuId) ?? 0;
-        return {
-          skuId: r.skuId,
-          name: r.sku.name,
-          code: r.sku.code,
-          unit: ((H = r.measurement) == null ? void 0 : H.abbrev) ?? r.sku.unit.abbrev,
-          requested: g,
-          produced: z,
-          remaining: Math.max(0, g - z),
-          precision: r.amount.precision
-        };
-      })
-    ), j = $e({});
-    re(m, (r) => {
-      if (r) for (const g of p.value) j[g.skuId] = g.remaining;
-    });
-    const W = k(() => p.value.some((r) => (j[r.skuId] ?? 0) > 0));
-    function y() {
-      const r = p.value.filter((g) => (j[g.skuId] ?? 0) > 0).map((g) => ({ skuId: g.skuId, amount: S(j[g.skuId], g.precision) }));
-      m.value = !1, d("submitted", r);
-    }
-    return (r, g) => {
-      const z = O("FmButton"), H = O("FmStepperField"), q = O("FmDialog");
-      return l(), J(q, {
-        modelValue: m.value,
-        "onUpdate:modelValue": g[0] || (g[0] = (C) => m.value = C),
-        overlay: !0,
-        "min-width": 640
-      }, {
-        "dialog-button": X(() => [
-          V(z, {
-            label: "Mark as completed",
-            "prepend-icon": "check"
-          })
-        ]),
-        "dialog-header": X(() => g[1] || (g[1] = [
-          e("div", null, "Complete production · select items", -1)
-        ])),
-        "dialog-footer": X(() => [
-          V(z, {
-            class: "ml-auto",
-            label: "Confirm completion",
-            disabled: !W.value,
-            onClick: y
-          }, null, 8, ["disabled"])
-        ]),
-        default: X(() => [
-          e("div", St, [
-            g[2] || (g[2] = e("div", { class: "text-fm-color-typo-secondary" }, "Quantity to produce now", -1)),
-            (l(!0), i(T, null, E(p.value, (C, Z) => (l(), i(T, {
-              key: C.skuId
-            }, [
-              e("div", It, [
-                e("div", Ct, [
-                  e("span", Ft, s(C.name), 1),
-                  e("span", Bt, s(C.code), 1)
-                ]),
-                e("div", Dt, [
-                  V(H, {
-                    modelValue: j[C.skuId],
-                    "onUpdate:modelValue": (ee) => j[C.skuId] = ee,
-                    label: "Quantity",
-                    min: 0,
-                    disabled: C.remaining <= 0,
-                    "append-text": C.unit,
-                    "helper-text": `Produced ${M(C.produced)} / ${M(C.requested)}`
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "append-text", "helper-text"]),
-                  (j[C.skuId] ?? 0) <= 0 ? (l(), i("span", qt, " Skipped (zero quantity) ")) : R("", !0)
-                ])
-              ]),
-              Z < p.value.length - 1 ? (l(), i("div", Nt)) : R("", !0)
-            ], 64))), 128))
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), Pt = { class: "flex h-full flex-col" }, Tt = { class: "px-16 pt-16" }, Vt = { class: "flex flex-1 flex-col gap-16 overflow-y-auto p-16" }, At = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Rt = { class: "flex items-center gap-8" }, jt = { class: "mt-16 flex flex-col" }, zt = { class: "flex flex-col gap-4 border-b border-fm-color-line pb-12" }, Ut = { class: "flex flex-col gap-4 border-b border-fm-color-line py-12" }, Lt = { class: "flex flex-col gap-4 border-b border-fm-color-line py-12" }, Ht = { class: "flex flex-col gap-4 pt-12" }, Et = {
-  key: 0,
-  class: "fm-corner-radius-md bg-fm-color-neutral-gray-100 p-12"
-}, Ot = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Wt = { class: "mt-16 flex flex-col" }, Gt = { class: "flex items-start gap-8" }, Qt = { class: "flex flex-col" }, Kt = { class: "text-fm-color-typo-secondary" }, Jt = { class: "ml-auto flex flex-col items-end gap-4" }, Xt = { class: "text-fm-color-typo-secondary" }, Yt = {
-  key: 0,
-  class: "flex flex-col gap-4 fm-corner-radius-md bg-fm-color-neutral-gray-100 p-8"
-}, Zt = { class: "text-fm-color-typo-secondary" }, eo = {
-  key: 1,
-  class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16"
-}, to = { class: "mt-16 flex flex-col gap-12" }, oo = { class: "flex items-center gap-8" }, no = { class: "ml-auto text-fm-color-typo-secondary" }, so = { class: "text-fm-color-typo-secondary" }, ao = { class: "flex flex-col gap-4" }, lo = { class: "text-fm-color-typo-secondary" }, ro = {
-  key: 0,
-  class: "flex flex-col gap-4 fm-corner-radius-md bg-fm-color-neutral-gray-100 p-8"
-}, io = { class: "text-fm-color-typo-secondary" }, uo = {
-  key: 2,
-  class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16"
-}, co = { class: "mt-12 flex flex-col gap-8" }, mo = { class: "flex flex-wrap items-center gap-8" }, po = { class: "whitespace-nowrap text-fm-color-typo-secondary" }, fo = {
-  key: 0,
-  class: "flex flex-col"
-}, vo = { class: "flex flex-col" }, yo = { class: "text-fm-color-typo-secondary" }, go = { class: "text-fm-color-typo-secondary" }, bo = {
-  key: 1,
-  class: "text-fm-color-typo-secondary"
-}, xo = { class: "border-t border-fm-color-line p-16" }, _o = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, ko = { class: "flex justify-end gap-8" }, ho = {
-  key: 1,
-  class: "flex items-center gap-8"
-}, wo = { class: "ml-auto flex gap-8" }, $o = /* @__PURE__ */ ue({
-  __name: "ProductionDetailSheet",
-  props: {
-    batch: {}
-  },
-  emits: ["request", "complete", "cancel", "close"],
-  setup(Y, { emit: $ }) {
-    const b = Y, d = $, m = ge(), _ = Ae(), S = N("overview"), M = [
-      { label: "Overview", value: "overview" },
-      { label: "Activity log", value: "activity" }
-    ];
-    function f(a) {
-      return `${parseFloat(a.toFixed(2))}`;
-    }
-    function p(a) {
-      return a ? a.amount / Math.pow(10, a.precision) : 0;
-    }
-    const j = k(
-      () => ({ draft: "Draft", requested: "Requested", completed: "Completed", cancelled: "Cancelled" })[b.batch.status]
-    ), W = k(
-      () => ({
-        draft: "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary",
-        requested: "bg-amber-100 text-amber-700",
-        completed: "bg-green-100 text-green-700",
-        cancelled: "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary"
-      })[b.batch.status]
-    );
-    function y(a) {
-      return `${a}`.padStart(2, "0");
-    }
-    const r = k(() => {
-      const a = b.batch.createdAt;
-      if (!a) return "—";
-      const o = new Date(a);
-      return Number.isNaN(o.getTime()) ? "—" : o.toDateString() === (/* @__PURE__ */ new Date()).toDateString() ? `Today · ${y(o.getHours())}:${y(o.getMinutes())}` : o.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
-    }), g = k(() => {
-      var a;
-      return ((a = b.batch.createdBy) == null ? void 0 : a.name) || "—";
-    }), z = {
-      create: "Created",
-      update: "Edited",
-      request: "Requested",
-      complete: "Completed",
-      cancel: "Cancelled"
-    };
-    function H(a) {
-      if (!a) return "";
-      const o = new Date(a);
-      return Number.isNaN(o.getTime()) ? "" : o.toLocaleString();
-    }
-    const q = k(() => [...b.batch.activityLogs ?? []].reverse()), C = k(() => {
-      const a = b.batch.items.map((I) => I.sku), o = new Set(a.map((I) => I._id)), F = {
-        stocks: [
-          ...a,
-          ...(m.skus ?? []).filter((I) => !o.has(I._id))
-        ].map((I) => ({
-          doc: I,
-          balance: { amount: 0, precision: 0 },
-          abbrev: I.unit.abbrev,
-          uom: []
-        })),
-        recipes: m.recipes ?? []
-      }, u = be({ env: F });
-      return u.seedFromBatchItems(b.batch.items), u;
-    }), Z = k(() => {
-      const a = /* @__PURE__ */ new Map();
-      for (const o of b.batch.completions ?? [])
-        for (const x of o.items)
-          a.set(x.skuId, (a.get(x.skuId) ?? 0) + p(x.amount));
-      return a;
-    }), ee = k(
-      () => C.value.getItemBreakdown().map((a, o) => {
-        var F;
-        const x = ((F = b.batch.items[o]) == null ? void 0 : F.skuId) ?? "";
-        return {
-          key: a.item.key,
-          skuId: x,
-          name: a.item.inventoryStock.doc.name,
-          code: a.item.inventoryStock.doc.code,
-          unit: a.item.inventoryStock.doc.unit.abbrev,
-          qty: a.qty,
-          produced: Z.value.get(x) ?? 0,
-          ingredients: a.lines.length,
-          lines: a.lines
-        };
-      })
-    ), oe = k(() => C.value.getIngredientDeductions()), L = k(() => {
-      const a = /* @__PURE__ */ new Map();
-      for (const o of ee.value)
-        for (const x of o.lines) {
-          const F = a.get(x.skuId) ?? [];
-          F.includes(o.name) || F.push(o.name), a.set(x.skuId, F);
-        }
-      return a;
-    });
-    function Q(a) {
-      return L.value.get(a) ?? [];
-    }
-    const ce = k(() => {
-      const a = /* @__PURE__ */ new Map();
-      for (const o of ee.value) a.set(o.skuId, o.name);
-      return a;
-    });
-    function ne(a) {
-      return ce.value.get(a) ?? a;
-    }
-    const c = N({});
-    re(
-      () => b.batch.completions,
-      async (a) => {
-        for (const o of a ?? [])
-          o.adjustmentId && !(o.adjustmentId in c.value) && (c.value[o.adjustmentId] = await _.readSingleAdjustment(o.adjustmentId));
-      },
-      { immediate: !0 }
-    );
-    const v = k(() => [...b.batch.completions ?? []].reverse());
-    function B(a) {
-      const o = c.value[a];
-      return o != null && o.skus ? o.skus.map((x) => {
-        const F = x.amounts.reduce((u, I) => u + p(I.amount), 0);
-        return { name: x.sku.name, amount: F, unit: x.sku.unit.abbrev };
-      }).filter((x) => x.amount < 0).map((x) => ({ ...x, amount: Math.abs(x.amount) })) : [];
-    }
-    const K = k(() => (b.batch.completions ?? []).length > 0), A = k(() => {
-      if (!K.value)
-        return oe.value.map((o) => ({
-          skuId: o.skuId,
-          name: o.name,
-          unit: o.unit,
-          total: o.total,
-          sources: Q(o.skuId)
-        }));
-      const a = /* @__PURE__ */ new Map();
-      for (const o of b.batch.completions ?? []) {
-        const x = c.value[o.adjustmentId];
-        if (x != null && x.skus)
-          for (const F of x.skus) {
-            const u = F.amounts.reduce((t, n) => t + p(n.amount), 0);
-            if (u >= 0) continue;
-            const I = F.sku._id, U = a.get(I) ?? { skuId: I, name: F.sku.name, unit: F.sku.unit.abbrev, total: 0, sources: /* @__PURE__ */ new Set() };
-            U.total += u;
-            for (const t of F.amounts) t.ref && U.sources.add(ne(t.ref));
-            a.set(I, U);
-          }
-      }
-      return [...a.values()].map((o) => ({ ...o, total: Math.abs(o.total), sources: [...o.sources] }));
-    }), te = k(
-      () => b.batch.status === "draft" || b.batch.status === "requested"
-    ), se = N(!1), ae = N("");
-    function pe() {
-      d("cancel", ae.value.trim()), se.value = !1, ae.value = "";
-    }
-    return (a, o) => {
-      const x = O("FmTabs"), F = O("FmButton");
-      return l(), i("div", Pt, [
-        e("div", Tt, [
-          V(x, {
-            "model-value": S.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (u) => S.value = u),
-            items: M
-          }, null, 8, ["model-value"])
-        ]),
-        e("div", Vt, [
-          S.value === "overview" ? (l(), i(T, { key: 0 }, [
-            e("section", At, [
-              e("div", Rt, [
-                o[7] || (o[7] = e("span", null, "Request summary", -1)),
-                e("span", {
-                  class: ie(["ml-auto w-fit rounded-full px-12 py-4", W.value])
-                }, s(j.value), 3)
-              ]),
-              e("div", jt, [
-                e("div", zt, [
-                  o[8] || (o[8] = e("span", { class: "text-fm-color-typo-secondary" }, "Created at", -1)),
-                  e("span", null, s(r.value), 1)
-                ]),
-                e("div", Ut, [
-                  o[9] || (o[9] = e("span", { class: "text-fm-color-typo-secondary" }, "Created by", -1)),
-                  e("span", null, s(g.value), 1)
-                ]),
-                e("div", Lt, [
-                  o[10] || (o[10] = e("span", { class: "text-fm-color-typo-secondary" }, "Items requested", -1)),
-                  e("span", null, s(a.batch.items.length), 1)
-                ]),
-                e("div", Ht, [
-                  o[11] || (o[11] = e("span", { class: "text-fm-color-typo-secondary" }, " Ingredient deductions ", -1)),
-                  e("span", null, s(A.value.length), 1)
-                ])
-              ])
-            ]),
-            a.batch.status === "cancelled" && a.batch.cancelReason ? (l(), i("div", Et, [
-              o[12] || (o[12] = e("span", { class: "text-fm-color-typo-secondary" }, "Cancel reason:", -1)),
-              G(" " + s(a.batch.cancelReason), 1)
-            ])) : R("", !0),
-            e("section", Ot, [
-              o[13] || (o[13] = e("div", { class: "flex items-center gap-8" }, [
-                e("span", null, "Production items")
-              ], -1)),
-              e("div", Wt, [
-                (l(!0), i(T, null, E(ee.value, (u, I) => (l(), i("div", {
-                  key: u.key,
-                  class: ie(["flex flex-col gap-8 py-12", {
-                    "border-b border-fm-color-line": I < ee.value.length - 1,
-                    "pt-0": I === 0
-                  }])
-                }, [
-                  e("div", Gt, [
-                    e("div", Qt, [
-                      e("span", null, s(u.name), 1),
-                      e("span", Kt, s(u.code) + " · " + s(u.ingredients) + " ingredient" + s(u.ingredients === 1 ? "" : "s"), 1)
-                    ]),
-                    e("div", Jt, [
-                      e("span", null, [
-                        e("b", null, s(f(u.produced)), 1),
-                        e("span", Xt, " / " + s(f(u.qty)) + " " + s(u.unit), 1)
-                      ])
-                    ])
-                  ]),
-                  u.lines.length ? (l(), i("div", Yt, [
-                    (l(!0), i(T, null, E(u.lines, (U) => (l(), i("div", {
-                      key: U.skuId,
-                      class: "flex items-center justify-between"
-                    }, [
-                      e("span", null, s(U.name), 1),
-                      e("span", Zt, [
-                        G(s(f(U.perUnit)) + " × " + s(f(u.qty)) + " = ", 1),
-                        e("b", null, s(f(U.total)), 1),
-                        G(" " + s(U.unit), 1)
-                      ])
-                    ]))), 128))
-                  ])) : R("", !0)
-                ], 2))), 128))
-              ])
-            ]),
-            v.value.length ? (l(), i("section", eo, [
-              o[15] || (o[15] = e("span", null, "Completions", -1)),
-              e("div", to, [
-                (l(!0), i(T, null, E(v.value, (u, I) => {
-                  var U;
-                  return l(), i("div", {
-                    key: u.adjustmentId,
-                    class: "flex flex-col gap-8 fm-corner-radius-md border border-fm-color-line p-12"
-                  }, [
-                    e("div", oo, [
-                      e("span", null, "Record #" + s(v.value.length - I), 1),
-                      e("span", no, s(H(u.completedAt)), 1)
-                    ]),
-                    e("span", so, " by " + s(((U = u.completedBy) == null ? void 0 : U.name) || "Unknown"), 1),
-                    e("div", ao, [
-                      (l(!0), i(T, null, E(u.items, (t) => (l(), i("div", {
-                        key: t.skuId,
-                        class: "flex items-center justify-between"
-                      }, [
-                        e("span", null, s(ne(t.skuId)), 1),
-                        e("span", lo, " +" + s(f(p(t.amount))), 1)
-                      ]))), 128))
-                    ]),
-                    B(u.adjustmentId).length ? (l(), i("div", ro, [
-                      o[14] || (o[14] = e("span", { class: "text-fm-color-typo-secondary" }, "Deducted", -1)),
-                      (l(!0), i(T, null, E(B(u.adjustmentId), (t) => (l(), i("div", {
-                        key: t.name,
-                        class: "flex items-center justify-between"
-                      }, [
-                        e("span", null, s(t.name), 1),
-                        e("span", io, "−" + s(f(t.amount)) + " " + s(t.unit), 1)
-                      ]))), 128))
-                    ])) : R("", !0)
-                  ]);
-                }), 128))
-              ])
-            ])) : R("", !0),
-            A.value.length ? (l(), i("section", uo, [
-              o[16] || (o[16] = e("span", null, "Total ingredient deduction", -1)),
-              e("div", co, [
-                (l(!0), i(T, null, E(A.value, (u) => (l(), i("div", {
-                  key: u.skuId,
-                  class: "flex items-center justify-between gap-8"
-                }, [
-                  e("div", mo, [
-                    e("span", null, s(u.name), 1),
-                    (l(!0), i(T, null, E(u.sources, (I) => (l(), i("span", {
-                      key: I,
-                      class: "w-fit rounded-full bg-fm-color-neutral-gray-100 px-8 py-4 text-fm-color-typo-secondary"
-                    }, s(I), 1))), 128))
-                  ]),
-                  e("span", po, " −" + s(f(u.total)) + " " + s(u.unit), 1)
-                ]))), 128))
-              ])
-            ])) : R("", !0)
-          ], 64)) : (l(), i(T, { key: 1 }, [
-            q.value.length ? (l(), i("div", fo, [
-              (l(!0), i(T, null, E(q.value, (u, I) => {
-                var U;
-                return l(), i("div", {
-                  key: I,
-                  class: "flex items-start gap-12 border-l-2 border-fm-color-line py-4 pl-12"
-                }, [
-                  o[17] || (o[17] = e("span", { class: "mt-4 -ml-[13px] h-8 w-8 shrink-0 rounded-full bg-orange-500" }, null, -1)),
-                  e("div", vo, [
-                    e("span", null, [
-                      G(s(z[u.action]) + " ", 1),
-                      e("span", yo, " by " + s(((U = u.performedBy) == null ? void 0 : U.name) || "Unknown"), 1)
-                    ]),
-                    e("span", go, [
-                      G(s(H(u.performedAt)), 1),
-                      u.remark ? (l(), i(T, { key: 0 }, [
-                        G(" · " + s(u.remark), 1)
-                      ], 64)) : R("", !0)
-                    ])
-                  ])
-                ]);
-              }), 128))
-            ])) : (l(), i("div", bo, "No activity yet."))
-          ], 64))
-        ]),
-        e("div", xo, [
-          se.value ? (l(), i("div", _o, [
-            Se(e("textarea", {
-              "onUpdate:modelValue": o[1] || (o[1] = (u) => ae.value = u),
-              class: "w-full fm-corner-radius-md border border-fm-color-line p-8",
-              rows: "2",
-              placeholder: "Reason for cancelling (optional)"
-            }, null, 512), [
-              [Ie, ae.value]
-            ]),
-            e("div", ko, [
-              V(F, {
-                label: "Back",
-                variant: "secondary",
-                onClick: o[2] || (o[2] = (u) => se.value = !1)
-              }),
-              V(F, {
-                label: "Confirm cancel",
-                variant: "primary",
-                onClick: pe
-              })
-            ])
-          ])) : (l(), i("div", ho, [
-            te.value ? (l(), J(F, {
-              key: 0,
-              label: "Cancel",
-              variant: "tertiary",
-              onClick: o[3] || (o[3] = (u) => se.value = !0)
-            })) : R("", !0),
-            e("div", wo, [
-              V(F, {
-                label: "Close",
-                variant: "secondary",
-                onClick: o[4] || (o[4] = (u) => d("close"))
-              }),
-              a.batch.status === "draft" ? (l(), J(F, {
-                key: 0,
-                label: "Submit request",
-                onClick: o[5] || (o[5] = (u) => d("request"))
-              })) : R("", !0),
-              a.batch.status === "requested" ? (l(), J(Mt, {
-                key: 1,
-                batch: a.batch,
-                onSubmitted: o[6] || (o[6] = (u) => d("complete", u))
-              }, null, 8, ["batch"])) : R("", !0)
-            ])
-          ]))
-        ])
-      ]);
-    };
-  }
-}), So = { class: "flex flex-col gap-16 p-16" }, Io = { class: "flex items-center gap-8" }, Co = { class: "p-16" }, jo = /* @__PURE__ */ ue({
-  __name: "ProductionView",
-  setup(Y) {
-    const $ = xe(), b = ye(), d = ve(), m = N([]), _ = N(!1), S = N(null), M = N(!1), f = N(null), p = N(!1);
-    function j(c) {
-      f.value = c, p.value = !0;
-    }
-    const W = [
-      { label: "Refresh", value: "refresh", prependIcon: "refresh" },
-      { label: "New production prepare", value: "new", prependIcon: "add" }
-    ];
-    async function y() {
-      _.value = !0;
-      try {
-        m.value = await $.list();
-      } finally {
-        _.value = !1;
-      }
-    }
-    b.watchLocation(y);
-    function r(c) {
-      c === "new" ? M.value = !0 : c === "refresh" && y();
-    }
-    function g() {
-      M.value = !1, y();
-    }
-    function z(c) {
-      return { draft: "Draft", requested: "Requested", completed: "Completed", cancelled: "Cancelled" }[c];
-    }
-    async function H(c) {
-      S.value = c._id;
-      try {
-        await $.request(c._id), await y();
-      } catch (v) {
-        d == null || d.open({ title: "Failed to request", message: `${(v == null ? void 0 : v.message) ?? v}`, type: "error" });
-      } finally {
-        S.value = null;
-      }
-    }
-    async function q(c, v) {
-      S.value = c._id;
-      try {
-        const B = await $.complete(c._id, v);
-        B.warnings.length > 0 ? d == null || d.open({
-          title: "Completed with warnings",
-          message: `${B.warnings.length} item(s) had no ingredient deduction.`,
-          type: "warning"
-        }) : d == null || d.open({ title: "Production completed", type: "success" }), await y();
-      } catch (B) {
-        d == null || d.open({ title: "Failed to complete", message: `${(B == null ? void 0 : B.message) ?? B}`, type: "error" });
-      } finally {
-        S.value = null;
-      }
-    }
-    async function C(c, v) {
-      S.value = c._id;
-      try {
-        await $.cancel(c._id, v), d == null || d.open({ title: "Production cancelled", type: "success" }), p.value = !1, await y();
-      } catch (B) {
-        d == null || d.open({ title: "Failed to cancel", message: `${(B == null ? void 0 : B.message) ?? B}`, type: "error" });
-      } finally {
-        S.value = null;
-      }
-    }
-    async function Z() {
-      f.value && await H(f.value), p.value = !1;
-    }
-    async function ee(c) {
-      f.value && await q(f.value, c), p.value = !1;
-    }
-    async function oe(c) {
-      f.value && await C(f.value, c);
-    }
-    function L(c) {
-      if (!c) return "—";
-      const v = new Date(c);
-      return Number.isNaN(v.getTime()) ? "—" : v.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" });
-    }
-    function Q(c) {
-      var v;
-      return (v = c.name) != null && v.trim() ? c.name.trim() : c.batchNo ? `Production #${c.batchNo}` : `Production · ${L(c.createdAt)}`;
-    }
-    const ce = {
-      draft: "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary",
-      requested: "bg-amber-100 text-amber-700",
-      completed: "bg-green-100 text-green-700",
-      cancelled: "bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary"
-    }, ne = [
-      {
-        id: "createdAt",
-        header: () => "Created",
-        minSize: 170,
-        enableSorting: !1,
-        cell: (c) => L(c.row.original.createdAt)
-      },
-      {
-        id: "name",
-        header: () => "Name",
-        minSize: 240,
-        enableSorting: !1,
-        cell: (c) => Q(c.row.original)
-      },
-      {
-        id: "items",
-        header: () => "Total items",
-        size: 110,
-        enableSorting: !1,
-        cell: (c) => `${c.row.original.items.length}`
-      },
-      {
-        id: "status",
-        header: () => "Status",
-        size: 130,
-        enableSorting: !1,
-        cell: (c) => P(
-          "span",
-          { class: `w-fit rounded-full px-12 py-4 ${ce[c.row.original.status]}` },
-          z(c.row.original.status)
-        )
-      },
-      {
-        id: "actions",
-        header: () => "",
-        size: 64,
-        enableSorting: !1,
-        cell: (c) => {
-          const v = c.row.original, B = (A) => (te) => {
-            te.stopPropagation(), A();
-          }, K = [];
-          return v.status === "draft" && K.push(
-            P(le.FmMenuItem, {
-              label: "Submit request",
-              onClick: B(() => H(v))
-            })
-          ), v.status === "requested" && K.push(
-            P(le.FmMenuItem, {
-              label: "Mark complete",
-              onClick: B(() => q(v))
-            })
-          ), K.push(
-            P(le.FmMenuItem, { label: "View details", onClick: B(() => j(v)) })
-          ), P(
-            "div",
-            { class: "flex justify-end", onClick: (A) => A.stopPropagation() },
-            [
-              P(
-                le.FmMenu,
-                { closeOnClick: !0 },
-                {
-                  "menu-button": () => P(le.FmButton, { icon: "more_vert", variant: "tertiary" }),
-                  default: () => K
-                }
-              )
-            ]
-          );
-        }
-      }
-    ];
-    return (c, v) => {
-      const B = O("FmTable"), K = O("FmSideSheet");
-      return l(), J(Fe, {
-        title: "Production Item",
-        actions: W,
-        "onClick:action": r
-      }, {
-        default: X(() => [
-          e("div", So, [
-            e("div", Io, [
-              Ce(b)._currentLocation ? (l(), J(qe, { key: 0 })) : R("", !0)
-            ]),
-            V(B, {
-              "column-defs": ne,
-              "row-data": m.value,
-              "row-key": (A) => A._id,
-              loading: _.value,
-              "hide-footer": !0,
-              "empty-text": "No production batches yet. Start a new production prepare to add stock.",
-              onRowClick: v[0] || (v[0] = (A) => j(A.original))
-            }, null, 8, ["row-data", "row-key", "loading"])
-          ]),
-          V(K, {
-            "dismiss-away": "",
-            "max-width": 9999,
-            "model-value": M.value,
-            "onUpdate:modelValue": v[1] || (v[1] = (A) => M.value = A),
-            header: "New production prepare"
-          }, {
-            default: X(() => [
-              e("div", Co, [
-                M.value ? (l(), J($t, {
-                  key: 0,
-                  onCreated: g
-                })) : R("", !0)
-              ])
-            ]),
-            _: 1
-          }, 8, ["model-value"]),
-          V(K, {
-            "dismiss-away": "",
-            "max-width": 9999,
-            "model-value": p.value,
-            "onUpdate:modelValue": v[3] || (v[3] = (A) => p.value = A),
-            header: f.value ? Q(f.value) : "Production batch"
-          }, {
-            default: X(() => [
-              p.value && f.value ? (l(), J($o, {
-                key: 0,
-                batch: f.value,
-                onRequest: Z,
-                onComplete: ee,
-                onCancel: oe,
-                onClose: v[2] || (v[2] = (A) => p.value = !1)
-              }, null, 8, ["batch"])) : R("", !0)
-            ]),
-            _: 1
-          }, 8, ["model-value", "header"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  jo as default
-};