@feedmepos/mf-inventory-portal 1.6.3 → 1.7.0-dev.0

package/dist/ProductionView-CI07S6oW.js

@@ -0,0 +1,1330 @@
+import { defineComponent as ue, ref as N, openBlock as l, createElementBlock as i, createElementVNode as e, createTextVNode as G, toDisplayString as s, normalizeClass as ie, createBlock as J, Teleport as ke, Fragment as T, normalizeStyle as he, renderList as E, createCommentVNode as R, 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-DGlWE5I8.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-DXqwG4b3.js";
+import { _ as qe } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-CKM48Ktp.js";
+import { useI18n as Ne } from "@feedmepos/mf-common";
+import { c as be } from "./inventory-core-dart.default-CEnDozvp.js";
+import { u as Me } from "./stock-CJAv4fTu.js";
+import { a as Pe } from "./FmMultiselectDialog-BdXOoS6z.js";
+import { e as Te, _ as Ve } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-D_MOm5kW.js";
+import { u as Ae } from "./stock-qAhTEKrH.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
+};