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

package/dist/ProductionView-9s0UPdgF.js

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