@feedmepos/mf-inventory-portal 1.9.3-dev.0 → 1.10.0-dev.1

package/dist/ProductionRunDetailPage-BrJn9FLp.js

@@ -0,0 +1,2335 @@
+import { defineComponent as Q, computed as _, ref as j, resolveComponent as te, createElementBlock as v, openBlock as r, Fragment as W, createElementVNode as o, createBlock as B, createCommentVNode as R, createVNode as q, withCtx as ne, createTextVNode as ie, toDisplayString as p, unref as e, renderList as oe, Teleport as Ce, normalizeClass as z, watch as se, renderSlot as ve, createSlots as et, nextTick as Ie, toValue as fe, onBeforeUnmount as tt } from "vue";
+import { useRouter as Se } from "vue-router";
+import { _ as re, a as nt } from "./FeaturePageGate.vue_vue_type_script_setup_true_lang-C-wsskNh.js";
+import { u as Ae, n as ot } from "./app-Dq9I3XI4.js";
+import { useBreakpoints as at, useDialog as rt, useSnackbar as st } from "@feedmepos/ui-library";
+import { useI18n as Y } from "@feedmepos/mf-common";
+import { c as pe, b as it, _ as lt, h as Pe, m as ut, n as Ee, o as De, r as Me, s as dt, q as Ve, t as Ue, v as He, N as le, f as F, w as ze, x as We, y as ct, z as ge, A as pt, B as mt, C as vt, D as Ge, E as bt, a as yt, F as Ne, G as ft, H as gt, I as ht, u as Ke, J as _t, K as we, L as kt, M as $t, O as xt, i as wt, p as It, j as be, Q as Le, d as Rt, e as St, R as At, S as Pt, T as Lt, U as qt, V as Tt, g as Bt, l as Ct, W as Nt } from "./ProductionRunLifecycleDialogs.vue_vue_type_script_setup_true_lang-DpnHaoe1.js";
+import { p as Ot } from "./production-run-list-DR1WsaBR.js";
+import { _ as me } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { g as Oe } from "./rules-BegeNAnD.js";
+const jt = { class: "flex flex-col gap-12" }, Ft = {
+  "data-testid": "production-run-header-layout",
+  class: "relative flex flex-col items-stretch gap-16 lg:flex-row lg:items-start"
+}, Et = {
+  "data-testid": "production-run-header-copy",
+  class: "grow min-w-0 flex flex-col gap-4"
+}, Dt = { class: "fm-typo-en-title-lg-600 break-words text-fm-color-typo-primary" }, Mt = {
+  "data-testid": "production-run-caption",
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Vt = { class: "mt-4 flex items-center" }, Ut = {
+  "data-testid": "production-run-header-actions",
+  class: "flex shrink-0 flex-wrap items-center justify-start gap-8 lg:justify-end"
+}, Ht = { key: 0 }, zt = {
+  key: 0,
+  "data-testid": "production-run-header-overflow"
+}, Wt = ["data-testid"], Gt = {
+  key: 2,
+  "data-testid": "production-run-header-secondary-print"
+}, Kt = { class: "fixed bottom-64 right-16 z-40" }, je = "__print_prepare_sheet__", Qt = /* @__PURE__ */ Q({
+  __name: "ProductionRunHeader",
+  props: {
+    run: {},
+    locationName: {},
+    primaryAction: {},
+    secondaryActions: {},
+    dangerActions: {},
+    canPrintPrepareSheet: { type: Boolean },
+    backTo: {},
+    backLabel: {},
+    statusDescription: {},
+    targetReached: { type: Boolean },
+    busy: { type: Boolean }
+  },
+  emits: ["action", "print-prepare-sheet"],
+  setup(P, { emit: c }) {
+    const t = P, k = c, { t: l } = Y(), { breakpoints: u } = at(), x = _(() => u.value.xs), f = _(() => u.value.sm || u.value.md), $ = j(!1), w = _(
+      () => Ot(t.run, l("inventory.production.run.list.untitled"))
+    ), a = _(() => {
+      const b = t.run.activityLogs, S = b.length ? b[b.length - 1] : null, y = (S == null ? void 0 : S.performedAt) ?? t.run.createdAt, N = S && S.action !== "create" ? l("inventory.production.run.list.columns.updated") : l("inventory.production.run.detail.created"), E = [`# ${t.run.runNo}`, t.locationName].filter(Boolean);
+      return y && E.push(`${N} ${pe(y)}`), E.join(" · ");
+    }), I = (b) => b === "complete" && Pe(t.run) ? l("inventory.production.run.detail.pendingStock.resume") : b === "complete" && t.targetReached ? l("inventory.production.run.detail.action.recordAdditionalOutput") : l(`inventory.production.run.detail.action.${b}`, ut[b]), s = _(() => t.dangerActions.length > 0), i = _(
+      () => t.dangerActions.map((b) => ({
+        id: b,
+        label: I(b),
+        destructive: !0,
+        disabled: t.busy
+      }))
+    ), m = _(() => [
+      ...t.secondaryActions.map((b) => ({
+        id: b,
+        label: I(b),
+        disabled: t.busy
+      })),
+      ...t.canPrintPrepareSheet ? [
+        {
+          id: je,
+          label: l("inventory.production.run.detail.printPrepareSheet"),
+          disabled: t.busy
+        }
+      ] : [],
+      ...i.value
+    ]), n = _(
+      () => m.value.map(
+        (b) => ({
+          label: b.label,
+          value: b.id,
+          disabled: b.disabled
+        })
+      )
+    ), d = _(() => {
+      const b = s.value ? [{ key: "overflow", kind: "overflow" }] : [], S = t.secondaryActions.map((E) => ({
+        key: `secondary-${E}`,
+        kind: "lifecycle",
+        action: E,
+        variant: "secondary"
+      })), y = t.canPrintPrepareSheet ? [{ key: "print", kind: "print" }] : [], N = t.primaryAction ? [
+        {
+          key: `primary-${t.primaryAction}`,
+          kind: "lifecycle",
+          action: t.primaryAction,
+          variant: "primary"
+        }
+      ] : [];
+      return f.value ? [...N, ...S, ...y, ...b] : [...b, ...S, ...y, ...N];
+    });
+    function g(b) {
+      k("action", b);
+    }
+    function T(b) {
+      if (!t.busy) {
+        if ($.value = !1, b === je) {
+          k("print-prepare-sheet");
+          return;
+        }
+        g(b);
+      }
+    }
+    const C = _(() => l(`inventory.production.run.list.status.${t.run.status}`)), V = _(
+      () => l("inventory.production.run.detail.statusHelp", { status: C.value })
+    );
+    return (b, S) => {
+      const y = te("FmIcon"), N = te("RouterLink"), E = te("FmButton"), U = te("FmCollapsibleTabs"), Z = te("FmBottomSheet");
+      return r(), v(W, null, [
+        o("header", jt, [
+          q(N, {
+            to: b.backTo,
+            "data-testid": "production-run-back",
+            class: "-ml-12 inline-flex h-32 w-fit items-center gap-4 rounded-md px-12 fm-typo-en-body-sm-600 leading-[18px] text-fm-color-typo-secondary hover:bg-fm-color-opacity-sm hover:text-fm-color-typo-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-fm-color-primary print:hidden"
+          }, {
+            default: ne(() => [
+              q(y, {
+                name: "arrow_back",
+                size: "sm",
+                "aria-hidden": "true"
+              }),
+              ie(" " + p(b.backLabel ?? e(l)("inventory.production.run.detail.back")), 1)
+            ]),
+            _: 1
+          }, 8, ["to"]),
+          o("div", Ft, [
+            o("div", Et, [
+              o("h1", Dt, p(w.value), 1),
+              o("p", Mt, p(a.value), 1),
+              o("div", Vt, [
+                q(it, {
+                  status: b.run.status,
+                  tooltip: b.statusDescription,
+                  "accessible-label": V.value,
+                  "help-icon": ""
+                }, null, 8, ["status", "tooltip", "accessible-label"])
+              ])
+            ]),
+            o("div", Ut, [
+              x.value && m.value.length ? (r(), v("div", Ht, [
+                q(E, {
+                  type: "button",
+                  variant: "tertiary",
+                  "prepend-icon": "more_vert",
+                  "aria-label": e(l)("inventory.production.run.detail.moreActions"),
+                  disabled: b.busy,
+                  "data-testid": "production-run-detail-mobile-more",
+                  onClick: S[0] || (S[0] = (O) => $.value = !0)
+                }, null, 8, ["aria-label", "disabled"])
+              ])) : R("", !0),
+              (r(!0), v(W, null, oe(x.value ? [] : d.value, (O) => (r(), v(W, {
+                key: O.key
+              }, [
+                O.kind === "overflow" ? (r(), v("div", zt, [
+                  q(lt, {
+                    items: i.value,
+                    placement: "bottom-end",
+                    "accessible-label": e(l)("inventory.production.run.detail.moreActions"),
+                    disabled: b.busy,
+                    onSelect: g
+                  }, null, 8, ["items", "accessible-label", "disabled"])
+                ])) : O.kind === "lifecycle" ? (r(), v("div", {
+                  key: 1,
+                  "data-testid": `production-run-header-${O.variant}-${O.action}`
+                }, [
+                  q(E, {
+                    variant: O.variant,
+                    label: I(O.action),
+                    disabled: b.busy,
+                    loading: O.variant === "primary" && b.busy,
+                    onClick: (X) => k("action", O.action)
+                  }, null, 8, ["variant", "label", "disabled", "loading", "onClick"])
+                ], 8, Wt)) : (r(), v("div", Gt, [
+                  q(E, {
+                    variant: "secondary",
+                    icon: "print",
+                    label: e(l)("inventory.production.run.detail.printPrepareSheet"),
+                    disabled: b.busy,
+                    onClick: S[1] || (S[1] = (X) => k("print-prepare-sheet"))
+                  }, null, 8, ["label", "disabled"])
+                ]))
+              ], 64))), 128))
+            ])
+          ])
+        ]),
+        x.value && b.primaryAction ? (r(), B(Ce, {
+          key: 0,
+          to: "body"
+        }, [
+          o("div", Kt, [
+            q(E, {
+              "data-testid": "production-run-detail-mobile-primary",
+              variant: "fab",
+              label: I(b.primaryAction),
+              "prepend-icon": b.primaryAction === "complete" ? "add" : void 0,
+              loading: b.busy,
+              onClick: S[2] || (S[2] = (O) => k("action", b.primaryAction))
+            }, null, 8, ["label", "prepend-icon", "loading"])
+          ])
+        ])) : R("", !0),
+        x.value && m.value.length ? (r(), B(Ce, {
+          key: 1,
+          to: "body"
+        }, [
+          q(Z, {
+            modelValue: $.value,
+            "onUpdate:modelValue": S[3] || (S[3] = (O) => $.value = O),
+            "dismiss-away": "",
+            "no-header": ""
+          }, {
+            default: ne(() => [
+              q(U, {
+                class: "pb-8",
+                items: n.value,
+                "data-testid": "production-run-detail-mobile-menu",
+                "onUpdate:modelValue": T
+              }, null, 8, ["items"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])) : R("", !0)
+      ], 64);
+    };
+  }
+}), Zt = /* @__PURE__ */ me(Qt, [["__scopeId", "data-v-9715608c"]]), Jt = ["aria-labelledby"], Yt = { class: "flex min-h-56 items-center px-16 py-12" }, Xt = ["id"], en = ["aria-label"], tn = { key: 0 }, nn = { class: "border-y border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100" }, on = { class: "production-run-table-header h-40 border-b border-fm-color-neutral-gray-200 fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, an = { class: "text-left px-16 py-8 font-inherit" }, rn = {
+  key: 0,
+  class: "text-right px-16 py-8 font-inherit"
+}, sn = { class: "px-16 py-12 align-top fm-typo-en-body-md-400 text-fm-color-typo-primary" }, ln = { class: "block fm-typo-en-body-md-600" }, un = {
+  key: 0,
+  class: "px-16 py-12 text-right fm-typo-en-body-md-400 text-fm-color-typo-secondary tabular-nums"
+}, dn = { key: 0 }, cn = {
+  key: 1,
+  class: "text-fm-color-typo-disabled"
+}, pn = { key: 0 }, mn = {
+  key: 1,
+  class: "text-fm-color-typo-success"
+}, vn = { key: 0 }, bn = ["colspan"], yn = { class: "production-run-items-bindings-sticky bg-fm-color-surface-primary px-16 pb-12 pt-4" }, fn = {
+  key: 0,
+  "data-testid": "unattributed-issued-ingredients",
+  class: "border-t border-fm-color-border-default bg-fm-color-surface-secondary px-16 py-12"
+}, gn = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-warning" }, hn = { class: "mt-2 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _n = /* @__PURE__ */ Q({
+  __name: "ProductionRunItemsTable",
+  props: {
+    run: {},
+    names: {},
+    ingredientContributions: { default: () => ({}) },
+    unattributedIngredients: { default: () => [] },
+    unissuedSkuIds: { default: () => [] },
+    titleKey: { default: "inventory.production.run.detail.items.title" },
+    presentation: { default: "review" }
+  },
+  setup(P) {
+    const c = P, { t } = Y(), k = j(/* @__PURE__ */ new Set()), l = _(() => c.presentation === "preparing"), u = _(
+      () => {
+        var n;
+        return /* @__PURE__ */ new Set([
+          ...((n = c.run.plan.requirements) == null ? void 0 : n.skippedSkuIds) ?? [],
+          ...c.run.preparation.issuances.flatMap((d) => d.skippedSkuIds ?? [])
+        ]);
+      }
+    ), x = _(() => new Set(c.unissuedSkuIds));
+    function f(n) {
+      return l.value ? u.value.has(n) ? !0 : !c.run.plan.requirements && c.unattributedIngredients.length === 0 && x.value.has(n) : !1;
+    }
+    function $(n) {
+      return c.ingredientContributions[n] ?? [];
+    }
+    function w(n, d) {
+      return d > 0 ? n.issued / d : n.issued;
+    }
+    function a(n) {
+      return `production-run-output-ingredients-${n}`;
+    }
+    function I(n) {
+      const d = new Set(k.value);
+      d.has(n) ? d.delete(n) : d.add(n), k.value = d;
+    }
+    function s(n) {
+      return $(n.skuId).map((d) => ({
+        id: d.skuId,
+        name: d.name,
+        amount: w(d, n.committed),
+        unit: d.unit ?? ""
+      }));
+    }
+    function i(n) {
+      return `production-run-committed-description-${n.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
+    }
+    const m = _(() => {
+      var V;
+      const n = Ee(c.run), d = De(c.run), g = Me(c.run), T = {}, C = /* @__PURE__ */ new Set();
+      for (const b of c.run.plan.items) {
+        const S = (V = c.run.preparation.issuances.flatMap((N) => N.items).find((N) => N.sku._id === b.skuId)) == null ? void 0 : V.sku.unit, y = S ? dt(b.measurement, S) : null;
+        if (!y) {
+          C.add(b.skuId), T[b.skuId] = null;
+          continue;
+        }
+        C.has(b.skuId) || (T[b.skuId] = (T[b.skuId] ?? 0) + Ve(b.requestedAmount, y));
+      }
+      return Object.keys(n).map((b) => {
+        var S, y;
+        return {
+          skuId: b,
+          name: ((S = c.names[b]) == null ? void 0 : S.name) ?? b,
+          unit: ((y = c.names[b]) == null ? void 0 : y.unit) ?? null,
+          requested: T[b] ?? null,
+          committed: n[b] ?? 0,
+          produced: d[b] ?? 0,
+          remaining: g[b] ?? 0
+        };
+      });
+    });
+    return (n, d) => (r(), v("section", {
+      class: "border border-fm-color-neutral-gray-200 fm-corner-radius-md overflow-hidden bg-fm-color-surface-primary",
+      "aria-labelledby": l.value ? "items-to-produce-title" : void 0
+    }, [
+      o("header", Yt, [
+        o("h2", {
+          id: l.value ? "items-to-produce-title" : void 0,
+          class: "fm-typo-en-body-lg-600"
+        }, [
+          ie(p(e(t)(n.titleKey)), 1),
+          l.value ? (r(), v(W, { key: 0 }, [
+            ie(" (" + p(m.value.length) + ")", 1)
+          ], 64)) : R("", !0)
+        ], 8, Xt)
+      ]),
+      o("div", {
+        "data-testid": "production-run-items-scroll",
+        class: "production-run-items-scroll overflow-x-auto",
+        role: "region",
+        tabindex: "0",
+        "aria-label": e(t)(n.titleKey)
+      }, [
+        o("table", {
+          class: z(["w-full min-w-[44rem]", { "table-fixed": l.value }])
+        }, [
+          l.value ? (r(), v("colgroup", tn, d[0] || (d[0] = [
+            o("col", null, null, -1),
+            o("col", { class: "w-36" }, null, -1),
+            o("col", { class: "w-36" }, null, -1),
+            o("col", { class: "w-36" }, null, -1)
+          ]))) : R("", !0),
+          o("thead", nn, [
+            o("tr", on, [
+              o("th", an, p(e(t)("inventory.production.run.detail.items.item")), 1),
+              l.value ? R("", !0) : (r(), v("th", rn, p(e(t)("inventory.production.run.detail.items.requested")), 1)),
+              o("th", {
+                class: z([l.value ? "text-center" : "text-right", "px-16 py-8 font-inherit"])
+              }, p(e(t)(
+                l.value ? "inventory.production.run.detail.preparing.toProduce" : "inventory.production.run.detail.items.committed"
+              )), 3),
+              o("th", {
+                class: z([l.value ? "text-center" : "text-right", "px-16 py-8 font-inherit"])
+              }, p(e(t)(
+                l.value ? "inventory.production.run.detail.preparing.recorded" : "inventory.production.run.detail.items.produced"
+              )), 3),
+              o("th", {
+                class: z([l.value ? "text-center" : "text-right", "px-16 py-8 font-inherit"])
+              }, p(e(t)(
+                l.value ? "inventory.production.run.detail.preparing.remaining" : "inventory.production.run.detail.items.left"
+              )), 3)
+            ])
+          ]),
+          (r(!0), v(W, null, oe(m.value, (g) => (r(), v("tbody", {
+            key: g.skuId,
+            class: "border-b border-fm-color-neutral-gray-200 last:border-b-0"
+          }, [
+            o("tr", {
+              class: z({ "production-run-preparing-row": l.value })
+            }, [
+              o("td", sn, [
+                o("span", ln, p(g.name), 1),
+                $(g.skuId).length ? (r(), B(Ue, {
+                  key: 0,
+                  class: "mt-[2px]",
+                  count: $(g.skuId).length,
+                  controls: a(g.skuId),
+                  expanded: k.value.has(g.skuId),
+                  testid: `output-ingredient-disclosure-${g.skuId}`,
+                  onToggle: (T) => I(g.skuId)
+                }, null, 8, ["count", "controls", "expanded", "testid", "onToggle"])) : f(g.skuId) ? (r(), B(He, {
+                  key: 1,
+                  "item-name": g.name
+                }, null, 8, ["item-name"])) : R("", !0)
+              ]),
+              l.value ? R("", !0) : (r(), v("td", un, p(g.requested === null ? e(le) : e(F)(g.requested, g.unit)), 1)),
+              o("td", {
+                class: z(["px-16 py-12 fm-typo-en-body-md-400 tabular-nums", [
+                  l.value ? "text-center" : "text-right",
+                  g.requested !== null && g.committed !== g.requested ? "text-fm-color-typo-warning fm-typo-en-body-md-600" : "text-fm-color-typo-primary"
+                ]])
+              }, [
+                o("span", {
+                  class: z(["inline-flex items-center gap-2", l.value ? "justify-center" : "justify-end"])
+                }, [
+                  o("span", null, p(e(F)(g.committed, g.unit)), 1),
+                  !l.value && g.requested !== null && g.committed !== g.requested ? (r(), B(ze, {
+                    key: 0,
+                    "description-id": i(g.skuId),
+                    "trigger-label": e(t)("inventory.production.run.detail.items.committedHelpLabel"),
+                    description: e(t)("inventory.production.run.detail.items.committedHelp", {
+                      requested: e(F)(g.requested, g.unit)
+                    }),
+                    testid: `committed-quantity-help-${g.skuId}`,
+                    compact: ""
+                  }, null, 8, ["description-id", "trigger-label", "description", "testid"])) : R("", !0)
+                ], 2)
+              ], 2),
+              o("td", {
+                class: z(["px-16 py-12 fm-typo-en-body-md-400 tabular-nums", l.value ? "text-center" : "text-right"])
+              }, [
+                l.value || g.produced > 0 ? (r(), v("span", dn, p(e(F)(g.produced, g.unit)), 1)) : (r(), v("span", cn, p(e(le)), 1))
+              ], 2),
+              o("td", {
+                class: z([
+                  "px-16 py-12 tabular-nums",
+                  l.value ? "text-center fm-typo-en-body-md-600" : "text-right fm-typo-en-body-md-400"
+                ])
+              }, [
+                l.value || g.remaining > 0 ? (r(), v("span", pn, p(e(F)(g.remaining, g.unit)), 1)) : (r(), v("span", mn, p(e(t)("inventory.production.run.detail.items.done")), 1))
+              ], 2)
+            ], 2),
+            k.value.has(g.skuId) ? (r(), v("tr", vn, [
+              o("td", {
+                colspan: l.value ? 4 : 5,
+                class: "production-run-items-bindings-cell"
+              }, [
+                o("div", yn, [
+                  q(We, {
+                    id: a(g.skuId),
+                    testid: "production-run-output-ingredient-list",
+                    count: $(g.skuId).length,
+                    unit: g.unit ?? "",
+                    lines: s(g),
+                    "item-name": g.name
+                  }, null, 8, ["id", "count", "unit", "lines", "item-name"])
+                ])
+              ], 8, bn)
+            ])) : R("", !0)
+          ]))), 128))
+        ], 2)
+      ], 8, en),
+      n.unattributedIngredients.length ? (r(), v("div", fn, [
+        o("p", gn, p(e(t)("inventory.production.run.detail.items.unattributedTitle")), 1),
+        o("p", hn, p(e(t)("inventory.production.run.detail.items.unattributedMessage")), 1)
+      ])) : R("", !0)
+    ], 8, Jt));
+  }
+}), Qe = /* @__PURE__ */ me(_n, [["__scopeId", "data-v-b5fad4a9"]]), kn = {
+  "data-testid": "closed-production-result",
+  class: "min-w-0 overflow-hidden border border-fm-color-neutral-gray-200 fm-corner-radius-md bg-fm-color-surface-primary",
+  "aria-labelledby": "production-run-result-title"
+}, $n = { class: "flex h-56 items-center justify-between gap-16 border-b border-fm-color-neutral-gray-200 px-16 py-12" }, xn = {
+  id: "production-run-result-title",
+  class: "fm-typo-en-body-lg-600"
+}, wn = {
+  "data-testid": "closed-targets-reached",
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, In = ["aria-label"], Rn = ["aria-label"], Sn = { class: "bg-fm-color-neutral-gray-100" }, An = { class: "h-40 border-b border-fm-color-neutral-gray-200 fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, Pn = { class: "whitespace-nowrap px-16 py-8 text-left font-inherit" }, Ln = { class: "whitespace-nowrap px-8 py-8 text-center font-inherit" }, qn = { class: "whitespace-nowrap px-8 py-8 text-center font-inherit" }, Tn = { class: "min-w-0 px-16 py-12" }, Bn = ["title"], Cn = {
+  "data-testid": "closed-item-yield",
+  class: "whitespace-nowrap px-8 py-12 text-center tabular-nums"
+}, Nn = { class: "block fm-typo-en-body-md-400" }, On = {
+  "data-testid": "closed-item-variance",
+  class: "whitespace-nowrap px-8 py-12 text-center tabular-nums"
+}, ee = "inventory.production.run.detail.result", jn = /* @__PURE__ */ Q({
+  __name: "ProductionRunResultTable",
+  props: {
+    run: {},
+    names: {}
+  },
+  setup(P) {
+    const c = P, { t } = Y(), k = _(() => {
+      const $ = Ee(c.run), w = De(c.run);
+      return Object.keys($).map((a) => {
+        var n, d, g;
+        const I = $[a] ?? 0, s = w[a] ?? 0, i = s - I, m = I > 0 ? Math.round(s / I * 1e8) / 1e6 : null;
+        return {
+          skuId: a,
+          name: ((n = c.names[a]) == null ? void 0 : n.name) ?? a,
+          unit: ((d = c.names[a]) == null ? void 0 : d.unit) ?? null,
+          precision: ((g = c.names[a]) == null ? void 0 : g.precision) ?? null,
+          target: I,
+          produced: s,
+          variance: i,
+          rate: m,
+          reached: s >= I
+        };
+      });
+    }), l = _(() => k.value.filter(($) => $.reached).length);
+    function u($) {
+      return $ === null ? "—" : `${F($)}%`;
+    }
+    function x($, w, a) {
+      if ($ === 0) return F(0, w, { precision: a });
+      const I = F(Math.abs($), w, { precision: a });
+      return $ > 0 ? `+${I}` : `−${I}`;
+    }
+    function f($, w) {
+      if ($ === 0) return t(`${ee}.atTarget`);
+      if (w <= 0) return $ > 0 ? t(`${ee}.aboveTarget`) : t(`${ee}.belowTarget`);
+      const a = F(Math.abs($ / w) * 100);
+      return t(`${ee}.${$ > 0 ? "above" : "below"}`, { percent: a });
+    }
+    return ($, w) => (r(), v("section", kn, [
+      o("header", $n, [
+        o("h2", xn, p(e(t)(`${ee}.title`)), 1),
+        o("span", wn, p(e(t)(`${ee}.targetsReached`, { reached: l.value, total: k.value.length })), 1)
+      ]),
+      o("div", {
+        class: "overflow-x-auto focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-fm-color-border-focused",
+        role: "region",
+        "aria-label": e(t)(`${ee}.ledger`),
+        tabindex: "0"
+      }, [
+        o("table", {
+          "aria-label": e(t)(`${ee}.title`),
+          class: "min-w-[24rem] w-full table-fixed"
+        }, [
+          w[0] || (w[0] = o("colgroup", null, [
+            o("col"),
+            o("col", { class: "w-96" }),
+            o("col", { class: "w-112" })
+          ], -1)),
+          o("thead", Sn, [
+            o("tr", An, [
+              o("th", Pn, p(e(t)(`${ee}.item`)), 1),
+              o("th", Ln, p(e(t)(`${ee}.yield`)), 1),
+              o("th", qn, p(e(t)(`${ee}.variance`)), 1)
+            ])
+          ]),
+          o("tbody", null, [
+            (r(!0), v(W, null, oe(k.value, (a) => (r(), v("tr", {
+              key: a.skuId,
+              class: "border-b border-fm-color-neutral-gray-200 fm-typo-en-body-md-400 last:border-b-0"
+            }, [
+              o("td", Tn, [
+                o("strong", {
+                  class: "block break-words fm-typo-en-body-md-600",
+                  title: a.name
+                }, p(a.name), 9, Bn)
+              ]),
+              o("td", Cn, [
+                o("span", Nn, p(e(F)(a.produced, a.unit, { precision: a.precision })), 1),
+                o("span", {
+                  "data-testid": "closed-item-rate",
+                  class: z([
+                    "block fm-typo-en-body-sm-400",
+                    a.rate !== null && a.rate !== 100 ? "text-fm-color-typo-warning" : "text-fm-color-typo-secondary"
+                  ])
+                }, p(u(a.rate)), 3)
+              ]),
+              o("td", On, [
+                o("strong", {
+                  class: z(["block fm-typo-en-body-md-600", a.variance === 0 ? "" : "text-fm-color-typo-warning"])
+                }, p(x(a.variance, a.unit, a.precision)), 3),
+                o("span", {
+                  class: z([
+                    "block fm-typo-en-body-sm-400",
+                    a.variance === 0 ? "text-fm-color-typo-secondary" : "text-fm-color-typo-warning"
+                  ])
+                }, p(f(a.variance, a.target)), 3)
+              ])
+            ]))), 128))
+          ])
+        ], 8, Rn)
+      ], 8, In)
+    ]));
+  }
+}), Fn = ["id", "aria-label"], En = { class: "flex min-w-[680px] flex-col gap-8" }, Dn = {
+  "data-testid": "batch-wastage-headings",
+  role: "row",
+  class: "production-run-batch-wastage-headings grid min-h-40 grid-cols-[minmax(0,1.4fr)_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1.2fr)] items-center gap-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 px-12 py-8 fm-typo-en-body-sm-600 text-fm-color-typo-secondary"
+}, Mn = { role: "columnheader" }, Vn = {
+  role: "columnheader",
+  class: "text-center"
+}, Un = { role: "columnheader" }, Hn = { role: "columnheader" }, zn = {
+  role: "rowgroup",
+  class: "flex flex-col gap-8"
+}, Wn = {
+  role: "cell",
+  class: "min-w-0"
+}, Gn = ["title"], Kn = {
+  role: "cell",
+  class: "min-w-0"
+}, Qn = {
+  "data-testid": "batch-wastage-quantity",
+  class: "production-run-batch-wastage-quantity block whitespace-nowrap text-center tabular-nums"
+}, Zn = {
+  role: "cell",
+  class: "min-w-0"
+}, Jn = {
+  "data-testid": "batch-wastage-reason",
+  class: "break-words text-fm-color-typo-primary"
+}, Yn = {
+  role: "cell",
+  class: "min-w-0"
+}, Xn = {
+  "data-testid": "batch-wastage-remark",
+  class: "whitespace-pre-wrap break-words text-fm-color-typo-primary"
+}, he = /* @__PURE__ */ Q({
+  __name: "ProductionRunBatchWastageDetails",
+  props: {
+    id: {},
+    label: {},
+    lines: {},
+    names: {}
+  },
+  setup(P) {
+    const { t: c } = Y();
+    function t(k) {
+      const l = ct(k);
+      return l ? c(l) : le;
+    }
+    return (k, l) => (r(), v("div", {
+      id: k.id,
+      tabindex: "0",
+      role: "table",
+      "aria-label": k.label,
+      class: "overflow-x-auto overscroll-x-contain pb-12"
+    }, [
+      o("div", En, [
+        o("div", Dn, [
+          o("span", Mn, p(e(c)("inventory.production.run.detail.batch.ingredient")), 1),
+          o("span", Vn, p(e(c)("inventory.production.run.detail.batch.quantityLost")), 1),
+          o("span", Un, p(e(c)("inventory.production.run.detail.batch.reason")), 1),
+          o("span", Hn, p(e(c)("inventory.production.run.detail.batch.remark")), 1)
+        ]),
+        o("div", zn, [
+          (r(!0), v(W, null, oe(k.lines, (u, x) => {
+            var f, $, w, a, I;
+            return r(), v("div", {
+              key: `${u.skuId}-${x}`,
+              "data-testid": "batch-wastage-line",
+              role: "row",
+              class: "production-run-batch-wastage-row grid grid-cols-[minmax(0,1.4fr)_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1.2fr)] items-start gap-12 fm-corner-radius-md bg-fm-color-surface-secondary p-12 fm-typo-en-body-sm-400"
+            }, [
+              o("div", Wn, [
+                o("span", {
+                  "data-testid": "batch-wastage-ingredient",
+                  class: "production-run-batch-wastage-ingredient block truncate",
+                  title: ((f = k.names[u.skuId]) == null ? void 0 : f.name) ?? u.skuId
+                }, p((($ = k.names[u.skuId]) == null ? void 0 : $.name) ?? u.skuId), 9, Gn)
+              ]),
+              o("div", Kn, [
+                o("span", Qn, p(e(F)(
+                  e(Ve)(u.amount, u.measurement),
+                  ((w = k.names[u.skuId]) == null ? void 0 : w.unit) ?? null,
+                  { precision: ((a = k.names[u.skuId]) == null ? void 0 : a.precision) ?? null }
+                )), 1)
+              ]),
+              o("div", Zn, [
+                o("span", Jn, p(t(u.reason)), 1)
+              ]),
+              o("div", Yn, [
+                o("span", Xn, p(((I = u.remark) == null ? void 0 : I.trim()) || e(le)), 1)
+              ])
+            ]);
+          }), 128))
+        ])
+      ])
+    ], 8, Fn));
+  }
+}), eo = {
+  key: 0,
+  "data-testid": "batch-stock-pending",
+  role: "status",
+  class: "border-b border-fm-color-border-default bg-fm-color-surface-secondary px-16 py-8 fm-typo-en-body-sm-600 text-fm-color-typo-warning"
+}, to = {
+  key: 1,
+  class: "flex items-start justify-between gap-12 px-16 pt-12"
+}, no = { class: "min-w-0" }, oo = {
+  "data-testid": "batch-title",
+  class: "fm-typo-en-body-md-600"
+}, ao = ["title"], ro = {
+  key: 2,
+  class: "flex items-center gap-8 flex-wrap px-16 py-12 border-b border-fm-color-border-default"
+}, so = { class: "fm-typo-en-body-md-600" }, io = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, lo = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary bg-fm-color-surface-secondary px-8 py-2 fm-corner-radius-sm"
+}, uo = ["aria-label"], co = { class: "p-12 max-w-[320px] fm-typo-en-body-sm-400 text-fm-color-typo-primary" }, po = {
+  key: 3,
+  class: "overflow-x-auto px-16 pb-12"
+}, mo = {
+  key: 0,
+  "data-testid": "batch-note",
+  class: "mt-12 whitespace-pre-wrap break-words fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, vo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, bo = ["aria-label"], yo = { class: "border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100" }, fo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, go = { class: "px-12 py-8 text-left font-semibold" }, ho = { class: "px-12 py-8 text-center font-semibold" }, _o = { class: "px-12 py-8 align-top" }, ko = ["data-testid", "title"], $o = ["data-testid"], xo = { key: 0 }, wo = {
+  colspan: "2",
+  class: "px-16"
+}, Io = { key: 0 }, Ro = {
+  colspan: "2",
+  class: "border-t border-fm-color-neutral-gray-200 px-16 py-8 text-center"
+}, So = {
+  key: 4,
+  class: "flex flex-col px-16"
+}, Ao = { class: "flex items-start justify-between gap-12 py-12" }, Po = { class: "min-w-0 flex-1" }, Lo = ["data-testid", "title"], qo = { class: "fm-typo-en-body-md-400 tabular-nums shrink-0" }, To = {
+  key: 0,
+  class: "border-t border-fm-color-border-default py-8 text-center"
+}, Bo = {
+  key: 5,
+  "data-testid": "batch-note",
+  class: "px-16 py-10 border-t border-fm-color-border-default fm-typo-en-body-sm-400 text-fm-color-typo-secondary whitespace-pre-wrap break-words"
+}, Co = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, No = {
+  key: 6,
+  class: "flex items-center justify-between gap-12 px-16 py-8 border-t border-fm-color-border-default fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Oo = { key: 0 }, Re = /* @__PURE__ */ Q({
+  __name: "ProductionRunBatchCard",
+  props: {
+    batch: {},
+    names: {},
+    summary: {},
+    total: {},
+    presentation: { default: "overview" }
+  },
+  setup(P) {
+    const c = P, { t } = Y(), k = _(() => c.presentation === "output"), l = _(() => {
+      var n;
+      return ((n = c.batch.remark) == null ? void 0 : n.trim()) ?? "";
+    }), u = j(/* @__PURE__ */ new Set()), x = _(() => {
+      var V;
+      const n = /* @__PURE__ */ new Map(), d = new Set(c.batch.items.map((b) => b.skuId)), g = c.batch.items.length === 1 ? (V = c.batch.items[0]) == null ? void 0 : V.skuId : void 0;
+      for (const b of c.batch.wastages) {
+        const y = b.itemSkuId ?? g, N = y && d.has(y) ? y : "unattributed";
+        n.set(N, [...n.get(N) ?? [], b]);
+      }
+      const T = c.batch.items.flatMap((b) => {
+        const S = n.get(b.skuId);
+        return S != null && S.length ? [{ key: b.skuId, lines: S }] : [];
+      }), C = n.get("unattributed");
+      return C != null && C.length ? [...T, { key: "unattributed", lines: C }] : T;
+    });
+    se(
+      () => c.batch.id,
+      () => {
+        u.value = /* @__PURE__ */ new Set();
+      }
+    );
+    function f(n) {
+      return x.value.find((d) => d.key === n);
+    }
+    function $(n) {
+      return `batch-${c.batch.id}-wastage-${n}`;
+    }
+    function w(n) {
+      var d;
+      return t("inventory.production.run.detail.batch.wastage", {
+        count: ((d = f(n)) == null ? void 0 : d.lines.length) ?? 0
+      });
+    }
+    function a(n) {
+      var d;
+      return `${w(n)}: ${((d = c.names[n]) == null ? void 0 : d.name) ?? n}`;
+    }
+    function I(n) {
+      return u.value.has(n);
+    }
+    function s(n) {
+      const d = new Set(u.value);
+      d.has(n) ? d.delete(n) : d.add(n), u.value = d;
+    }
+    const i = _(() => {
+      var g;
+      if (!c.summary) return null;
+      const n = (g = c.batch.items[0]) == null ? void 0 : g.skuId, d = n ? c.names[n] : void 0;
+      return {
+        ...c.summary,
+        unit: (d == null ? void 0 : d.unit) ?? null,
+        precision: (d == null ? void 0 : d.precision) ?? null,
+        percent: c.summary.committed > 0 ? Math.round(c.summary.cumulative / c.summary.committed * 100) : null
+      };
+    }), m = _(
+      () => c.batch.isBackdated ? t("inventory.production.run.detail.batch.hintBackdated", {
+        name: c.batch.recordedBy,
+        at: pe(c.batch.recordedAt)
+      }) : t("inventory.production.run.detail.batch.hint", {
+        name: c.batch.recordedBy,
+        at: pe(c.batch.recordedAt)
+      })
+    );
+    return (n, d) => {
+      var C, V, b, S;
+      const g = te("FmIcon"), T = te("FmPopover");
+      return r(), v("article", {
+        class: z([
+          "border fm-corner-radius-md overflow-hidden bg-fm-color-surface-primary",
+          k.value ? "border-fm-color-neutral-gray-200" : "border-fm-color-border-default"
+        ])
+      }, [
+        n.batch.stockApplicationStatus === "PENDING" ? (r(), v("p", eo, p(e(t)("inventory.production.run.detail.pendingStock.title")), 1)) : R("", !0),
+        k.value ? (r(), v("header", to, [
+          o("div", no, [
+            o("h2", oo, [
+              ve(n.$slots, "title", {}, () => [
+                ie(p(e(t)("inventory.production.run.detail.batch.shortTitle", { index: n.batch.index })), 1)
+              ])
+            ]),
+            o("p", {
+              "data-testid": "batch-provenance",
+              class: "mt-1 fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
+              title: n.batch.isBackdated ? m.value : void 0
+            }, p(e(t)("inventory.production.run.detail.batch.provenance", {
+              at: e(pe)(n.batch.producedAt),
+              name: n.batch.recordedBy
+            })), 9, ao)
+          ]),
+          ve(n.$slots, "nav")
+        ])) : (r(), v("header", ro, [
+          o("span", so, p(e(t)("inventory.production.run.detail.batch.title", { index: n.batch.index, total: n.total })), 1),
+          o("span", io, p(e(pe)(n.batch.producedAt)), 1),
+          n.batch.isBackdated ? (r(), v("span", lo, p(e(t)("inventory.production.run.detail.batch.entered", {
+            at: e(pe)(n.batch.recordedAt)
+          })), 1)) : R("", !0),
+          q(T, { placement: "bottom-start" }, {
+            "popover-button": ne(() => [
+              o("button", {
+                type: "button",
+                class: "flex text-fm-color-typo-disabled hover:text-fm-color-typo-primary",
+                "aria-label": e(t)("inventory.production.run.detail.moreDetail")
+              }, [
+                q(g, {
+                  name: "info",
+                  size: "sm",
+                  outline: ""
+                })
+              ], 8, uo)
+            ]),
+            default: ne(() => [
+              o("p", co, p(m.value), 1)
+            ]),
+            _: 1
+          }),
+          d[2] || (d[2] = o("span", { class: "grow" }, null, -1)),
+          ve(n.$slots, "nav")
+        ])),
+        k.value ? (r(), v("div", po, [
+          l.value ? (r(), v("p", mo, [
+            o("span", vo, p(e(t)("inventory.production.run.detail.batch.batchNote")), 1),
+            ie(" " + p(l.value), 1)
+          ])) : R("", !0),
+          o("table", {
+            class: "mt-12 w-full table-fixed",
+            "aria-label": e(t)("inventory.production.run.detail.batch.outputTableLabel", { index: n.batch.index })
+          }, [
+            d[3] || (d[3] = o("colgroup", null, [
+              o("col"),
+              o("col", { class: "w-[144px]" })
+            ], -1)),
+            o("thead", yo, [
+              o("tr", fo, [
+                o("th", go, p(e(t)("inventory.production.run.detail.items.item")), 1),
+                o("th", ho, p(e(t)("inventory.production.run.detail.batch.yield")), 1)
+              ])
+            ]),
+            (r(!0), v(W, null, oe(n.batch.items, (y) => {
+              var N, E, U, Z, O, X;
+              return r(), v("tbody", {
+                key: y.skuId,
+                class: "border-b border-fm-color-neutral-gray-200 last:border-b-0"
+              }, [
+                o("tr", null, [
+                  o("td", _o, [
+                    o("span", {
+                      "data-testid": `batch-output-name-${y.skuId}`,
+                      class: "block truncate fm-typo-en-body-md-400",
+                      title: ((N = n.names[y.skuId]) == null ? void 0 : N.name) ?? y.skuId
+                    }, p(((E = n.names[y.skuId]) == null ? void 0 : E.name) ?? y.skuId), 9, ko),
+                    f(y.skuId) ? (r(), B(ge, {
+                      key: 0,
+                      "data-testid": `batch-wastage-toggle-${y.skuId}`,
+                      class: "mt-2",
+                      expanded: I(y.skuId),
+                      controls: $(y.skuId),
+                      label: w(y.skuId),
+                      "aria-label": a(y.skuId),
+                      onToggle: (ue) => s(y.skuId)
+                    }, null, 8, ["data-testid", "expanded", "controls", "label", "aria-label", "onToggle"])) : R("", !0)
+                  ]),
+                  o("td", {
+                    "data-testid": `batch-output-yield-${y.skuId}`,
+                    class: "whitespace-nowrap px-12 py-8 text-center align-top fm-typo-en-body-md-400 tabular-nums"
+                  }, [
+                    o("span", null, p(e(F)(y.amount, ((U = n.names[y.skuId]) == null ? void 0 : U.unit) ?? null, {
+                      precision: ((Z = n.names[y.skuId]) == null ? void 0 : Z.precision) ?? null
+                    })), 1)
+                  ], 8, $o)
+                ]),
+                f(y.skuId) && I(y.skuId) ? (r(), v("tr", xo, [
+                  o("td", wo, [
+                    q(he, {
+                      id: $(y.skuId),
+                      label: e(t)("inventory.production.run.detail.batch.wastageFor", {
+                        name: ((O = n.names[y.skuId]) == null ? void 0 : O.name) ?? y.skuId
+                      }),
+                      lines: ((X = f(y.skuId)) == null ? void 0 : X.lines) ?? [],
+                      names: n.names
+                    }, null, 8, ["id", "label", "lines", "names"])
+                  ])
+                ])) : R("", !0)
+              ]);
+            }), 128)),
+            f("unattributed") ? (r(), v("tbody", Io, [
+              o("tr", null, [
+                o("td", Ro, [
+                  q(ge, {
+                    "data-testid": "batch-wastage-toggle-unattributed",
+                    expanded: I("unattributed"),
+                    controls: $("unattributed"),
+                    label: e(t)("inventory.production.run.detail.batch.unattributedWastage", {
+                      count: ((C = f("unattributed")) == null ? void 0 : C.lines.length) ?? 0
+                    }),
+                    onToggle: d[0] || (d[0] = (y) => s("unattributed"))
+                  }, null, 8, ["expanded", "controls", "label"]),
+                  I("unattributed") ? (r(), B(he, {
+                    key: 0,
+                    id: $("unattributed"),
+                    label: e(t)("inventory.production.run.detail.batch.unattributedWastageLabel"),
+                    lines: ((V = f("unattributed")) == null ? void 0 : V.lines) ?? [],
+                    names: n.names,
+                    class: "mt-8 text-left"
+                  }, null, 8, ["id", "label", "lines", "names"])) : R("", !0)
+                ])
+              ])
+            ])) : R("", !0)
+          ], 8, bo)
+        ])) : (r(), v("div", So, [
+          (r(!0), v(W, null, oe(n.batch.items, (y) => {
+            var N, E, U, Z, O, X;
+            return r(), v("div", {
+              key: y.skuId,
+              class: "border-b border-fm-color-border-default last:border-b-0"
+            }, [
+              o("div", Ao, [
+                o("div", Po, [
+                  o("span", {
+                    "data-testid": `batch-output-name-${y.skuId}`,
+                    class: "block break-words fm-typo-en-body-md-600 sm:truncate",
+                    title: ((N = n.names[y.skuId]) == null ? void 0 : N.name) ?? y.skuId
+                  }, p(((E = n.names[y.skuId]) == null ? void 0 : E.name) ?? y.skuId), 9, Lo),
+                  f(y.skuId) ? (r(), B(ge, {
+                    key: 0,
+                    "data-testid": `batch-wastage-toggle-${y.skuId}`,
+                    class: "mt-2",
+                    expanded: I(y.skuId),
+                    controls: $(y.skuId),
+                    label: w(y.skuId),
+                    "aria-label": a(y.skuId),
+                    onToggle: (ue) => s(y.skuId)
+                  }, null, 8, ["data-testid", "expanded", "controls", "label", "aria-label", "onToggle"])) : R("", !0)
+                ]),
+                o("span", qo, p(e(F)(y.amount, ((U = n.names[y.skuId]) == null ? void 0 : U.unit) ?? null, {
+                  precision: ((Z = n.names[y.skuId]) == null ? void 0 : Z.precision) ?? null
+                })), 1)
+              ]),
+              f(y.skuId) && I(y.skuId) ? (r(), B(he, {
+                key: 0,
+                id: $(y.skuId),
+                label: e(t)("inventory.production.run.detail.batch.wastageFor", {
+                  name: ((O = n.names[y.skuId]) == null ? void 0 : O.name) ?? y.skuId
+                }),
+                lines: ((X = f(y.skuId)) == null ? void 0 : X.lines) ?? [],
+                names: n.names
+              }, null, 8, ["id", "label", "lines", "names"])) : R("", !0)
+            ]);
+          }), 128)),
+          f("unattributed") ? (r(), v("div", To, [
+            q(ge, {
+              "data-testid": "batch-wastage-toggle-unattributed",
+              expanded: I("unattributed"),
+              controls: $("unattributed"),
+              label: e(t)("inventory.production.run.detail.batch.unattributedWastage", {
+                count: ((b = f("unattributed")) == null ? void 0 : b.lines.length) ?? 0
+              }),
+              onToggle: d[1] || (d[1] = (y) => s("unattributed"))
+            }, null, 8, ["expanded", "controls", "label"]),
+            I("unattributed") ? (r(), B(he, {
+              key: 0,
+              id: $("unattributed"),
+              label: e(t)("inventory.production.run.detail.batch.unattributedWastageLabel"),
+              lines: ((S = f("unattributed")) == null ? void 0 : S.lines) ?? [],
+              names: n.names,
+              class: "mt-8 text-left"
+            }, null, 8, ["id", "label", "lines", "names"])) : R("", !0)
+          ])) : R("", !0)
+        ])),
+        l.value && !k.value ? (r(), v("p", Bo, [
+          o("span", Co, p(e(t)("inventory.production.run.detail.batch.batchNote")), 1),
+          ie(" " + p(l.value), 1)
+        ])) : R("", !0),
+        i.value && !k.value ? (r(), v("footer", No, [
+          o("span", null, p(e(t)("inventory.production.run.detail.batch.ofCommitted", {
+            amount: e(F)(i.value.amount, i.value.unit, {
+              precision: i.value.precision
+            }),
+            committed: e(F)(i.value.committed, i.value.unit, {
+              precision: i.value.precision
+            })
+          })), 1),
+          i.value.percent !== null ? (r(), v("span", Oo, p(e(t)("inventory.production.run.detail.batch.cumulative", { percent: i.value.percent })), 1)) : R("", !0)
+        ])) : R("", !0)
+      ], 2);
+    };
+  }
+}), jo = { class: "flex flex-col gap-16" }, Fo = {
+  key: 2,
+  "data-testid": "production-run-last-output",
+  class: "flex min-w-0 flex-col gap-8",
+  "aria-labelledby": "production-run-last-output-title"
+}, Eo = { class: "flex items-center justify-between gap-12" }, Do = {
+  id: "production-run-last-output-title",
+  class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary"
+}, Mo = {
+  key: 3,
+  class: "production-run-review-layout grid grid-cols-1 gap-16 items-start"
+}, Vo = { class: "flex flex-col gap-16 min-w-0" }, Uo = { class: "flex items-center justify-between fm-typo-en-body-sm-500 uppercase tracking-wider text-fm-color-typo-secondary" }, Ho = { class: "flex items-center gap-4" }, zo = /* @__PURE__ */ Q({
+  __name: "ProductionRunOverviewTab",
+  props: {
+    run: {},
+    names: {},
+    batches: {},
+    committed: {},
+    unit: {},
+    hasIssuance: { type: Boolean },
+    operational: { type: Boolean, default: !1 }
+  },
+  emits: ["view-all"],
+  setup(P, { emit: c }) {
+    const t = P, k = c, { t: l } = Y(), u = j(null), x = _(() => {
+      if (!t.batches.length) return null;
+      const s = t.batches.length - 1, i = u.value === null || u.value >= t.batches.length ? s : u.value;
+      return { batch: t.batches[i], i };
+    }), f = _(() => {
+      const s = t.batches.length - 1;
+      return s >= 0 ? { batch: t.batches[s], i: s } : null;
+    }), $ = _(() => {
+      const s = new Set(
+        t.run.preparation.issuances.flatMap((i) => i.items.map((m) => m.sku._id))
+      );
+      return s.size === 1 ? [...s][0] : null;
+    });
+    function w(s) {
+      const i = t.committed;
+      if (!s || $.value === null || i === null) return null;
+      const m = $.value;
+      if (t.batches.some((g) => g.items.some((T) => T.skuId !== m))) return null;
+      const n = s.batch.items.reduce((g, T) => g + T.amount, 0), d = t.batches.slice(0, s.i + 1).reduce(
+        (g, T) => g + T.items.reduce((C, V) => C + V.amount, 0),
+        0
+      );
+      return { amount: n, cumulative: d, committed: i };
+    }
+    const a = _(() => w(x.value)), I = _(() => t.run.status === "CLOSED");
+    return (s, i) => {
+      const m = te("FmButton");
+      return r(), v("div", jo, [
+        s.operational ? ve(s.$slots, "operational", { key: 0 }, void 0, !0) : ve(s.$slots, "planner", { key: 1 }, void 0, !0),
+        s.operational && s.run.status === "PREPARING" && f.value ? (r(), v("section", Fo, [
+          o("header", Eo, [
+            o("h2", Do, p(e(l)("inventory.production.run.detail.output.lastOutput")), 1),
+            q(m, {
+              variant: "secondary",
+              label: e(l)("inventory.production.run.detail.output.viewAllOutput"),
+              onClick: i[0] || (i[0] = (n) => k("view-all"))
+            }, null, 8, ["label"])
+          ]),
+          q(Re, {
+            batch: f.value.batch,
+            names: s.names,
+            summary: null,
+            total: s.batches.length,
+            presentation: "output"
+          }, {
+            title: ne(() => [
+              ie(p(e(l)("inventory.production.run.detail.batch.title", {
+                index: f.value.batch.index,
+                total: s.batches.length
+              })), 1)
+            ]),
+            _: 1
+          }, 8, ["batch", "names", "total"])
+        ])) : R("", !0),
+        !s.operational && s.hasIssuance ? (r(), v("div", Mo, [
+          o("div", Vo, [
+            I.value ? (r(), B(jn, {
+              key: 0,
+              run: s.run,
+              names: s.names
+            }, null, 8, ["run", "names"])) : (r(), v(W, { key: 1 }, [
+              q(Qe, {
+                run: s.run,
+                names: s.names
+              }, null, 8, ["run", "names"]),
+              x.value ? (r(), v(W, { key: 0 }, [
+                o("div", Uo, [
+                  o("span", null, p(e(l)("inventory.production.run.detail.output.recorded")), 1),
+                  o("span", null, p(e(l)("inventory.production.run.detail.output.count", { count: s.batches.length })), 1)
+                ]),
+                q(Re, {
+                  batch: x.value.batch,
+                  names: s.names,
+                  summary: a.value,
+                  total: s.batches.length
+                }, et({ _: 2 }, [
+                  s.batches.length > 1 ? {
+                    name: "nav",
+                    fn: ne(() => [
+                      o("div", Ho, [
+                        q(m, {
+                          variant: "tertiary",
+                          icon: "chevron_left",
+                          disabled: x.value.i === 0,
+                          "aria-label": e(l)("inventory.production.run.detail.output.previous"),
+                          onClick: i[1] || (i[1] = (n) => u.value = x.value.i - 1)
+                        }, null, 8, ["disabled", "aria-label"]),
+                        q(m, {
+                          variant: "tertiary",
+                          icon: "chevron_right",
+                          disabled: x.value.i === s.batches.length - 1,
+                          "aria-label": e(l)("inventory.production.run.detail.output.next"),
+                          onClick: i[2] || (i[2] = (n) => u.value = x.value.i + 1)
+                        }, null, 8, ["disabled", "aria-label"]),
+                        q(m, {
+                          variant: "tertiary",
+                          label: e(l)("inventory.production.run.detail.output.viewAll"),
+                          onClick: i[3] || (i[3] = (n) => k("view-all"))
+                        }, null, 8, ["label"])
+                      ])
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["batch", "names", "summary", "total"])
+              ], 64)) : R("", !0)
+            ], 64))
+          ])
+        ])) : R("", !0)
+      ]);
+    };
+  }
+}), Wo = /* @__PURE__ */ me(zo, [["__scopeId", "data-v-8bc34f94"]]), Go = { class: "flex flex-col gap-16" }, Ko = {
+  key: 0,
+  class: "border border-dashed border-fm-color-border-default fm-corner-radius-md px-16 py-24 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Qo = /* @__PURE__ */ Q({
+  __name: "ProductionRunOutputTab",
+  props: {
+    batches: {},
+    names: {}
+  },
+  setup(P) {
+    const { t: c } = Y();
+    return (t, k) => (r(), v("div", Go, [
+      t.batches.length ? (r(!0), v(W, { key: 1 }, oe(t.batches, (l) => (r(), B(Re, {
+        key: l.id,
+        batch: l,
+        names: t.names,
+        summary: null,
+        total: t.batches.length,
+        presentation: "output"
+      }, null, 8, ["batch", "names", "total"]))), 128)) : (r(), v("p", Ko, p(e(c)("inventory.production.run.detail.output.empty")), 1))
+    ]));
+  }
+}), Zo = ["aria-label"], Jo = {
+  key: 0,
+  role: "status",
+  class: "border border-dashed border-fm-color-border-default px-16 py-24 fm-corner-radius-md fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Yo = {
+  key: 1,
+  class: "border border-dashed border-fm-color-border-default px-16 py-24 fm-corner-radius-md fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Xo = {
+  key: 2,
+  class: "border border-dashed border-fm-color-border-default px-16 py-24 fm-corner-radius-md fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, ea = {
+  key: 3,
+  "data-testid": "ingredient-issue-card",
+  class: "overflow-hidden border border-fm-color-neutral-gray-200 bg-fm-color-surface-primary fm-corner-radius-md"
+}, ta = ["aria-label"], na = ["aria-label"], oa = { class: "ingredient-ledger__head bg-fm-color-neutral-gray-100" }, aa = { class: "h-40 fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, ra = { class: "px-16 py-8 text-left" }, sa = { class: "whitespace-nowrap px-8 py-8 text-center" }, ia = { class: "whitespace-nowrap px-8 py-8 text-center" }, la = ["data-testid"], ua = { class: "ingredient-ledger__ingredient col-span-1 min-w-0 px-16 py-8 align-top" }, da = ["data-testid"], ca = ["title"], pa = ["data-testid"], ma = ["data-testid"], va = ["data-testid"], ba = {
+  key: 0,
+  class: "ingredient-ledger__contributors-row"
+}, ya = {
+  colspan: "3",
+  class: "px-0 pb-0 pt-0"
+}, fa = {
+  "data-testid": "issued-ingredient-contributors-width",
+  class: "max-w-full"
+}, ga = {
+  "data-testid": "issued-ingredient-contributors-content",
+  class: "ingredient-ledger__contributors-content w-3/5"
+}, K = "inventory.production.run.detail.ingredients", ha = /* @__PURE__ */ Q({
+  __name: "ProductionRunIngredientsTab",
+  props: {
+    runId: {},
+    loading: { type: Boolean },
+    snapshotAvailable: { type: Boolean },
+    lines: {},
+    ingredientContributions: {},
+    outputNames: {},
+    unattributedIngredients: {}
+  },
+  setup(P) {
+    const c = P, { t } = Y(), k = j(/* @__PURE__ */ new Set()), l = _(() => {
+      var i, m, n;
+      const s = {};
+      for (const [d, g] of Object.entries(c.ingredientContributions ?? {}))
+        for (const T of g)
+          (s[i = T.skuId] ?? (s[i] = [])).push({
+            outputSkuId: d,
+            outputName: ((n = (m = c.outputNames) == null ? void 0 : m[d]) == null ? void 0 : n.name) ?? d,
+            issued: T.issued,
+            unit: T.unit
+          });
+      return s;
+    }), u = _(
+      () => new Set(
+        Object.entries(l.value).filter(([, s]) => s.length > 0).map(([s]) => s)
+      )
+    );
+    se(
+      () => c.runId,
+      () => k.value = /* @__PURE__ */ new Set()
+    ), se(
+      () => [...u.value].sort().join("|"),
+      () => {
+        k.value = new Set(
+          [...k.value].filter((s) => u.value.has(s))
+        );
+      }
+    );
+    function x(s) {
+      return l.value[s] ?? [];
+    }
+    function f(s) {
+      return `production-run-ingredient-contributors-${c.runId}-${s}`;
+    }
+    function $(s) {
+      const i = new Set(k.value);
+      i.has(s) ? i.delete(s) : i.add(s), k.value = i;
+    }
+    function w(s) {
+      const i = x(s).length;
+      return t(i === 1 ? `${K}.acrossItem` : `${K}.acrossItems`, { count: i });
+    }
+    function a(s) {
+      return x(s).map((i) => ({
+        key: i.outputSkuId,
+        label: i.outputName,
+        value: F(i.issued, i.unit)
+      }));
+    }
+    function I(s) {
+      if (s.stockBefore === null || s.stockAfter === null) return le;
+      const i = F(s.stockBefore, s.unit);
+      if (s.stockAfter >= 0) return `${i} → ${F(s.stockAfter, s.unit)}`;
+      const m = t("inventory.production.run.form.commits.shortBy", {
+        amount: `−${F(Math.abs(s.stockAfter), s.unit)}`
+      });
+      return `${i} → ${m}`;
+    }
+    return (s, i) => {
+      var m;
+      return r(), v("section", {
+        class: "flex flex-col gap-16",
+        "aria-label": e(t)(`${K}.title`)
+      }, [
+        s.loading ? (r(), v("p", Jo, p(e(t)(`${K}.loading`)), 1)) : s.snapshotAvailable ? s.lines.length ? (r(), v("div", ea, [
+          o("div", {
+            "data-testid": "ingredient-ledger-scroll",
+            class: "overflow-x-auto overscroll-x-contain",
+            role: "region",
+            tabindex: "0",
+            "aria-label": e(t)(`${K}.tableLabel`)
+          }, [
+            o("table", {
+              class: "ingredient-ledger w-full min-w-[44rem]",
+              "aria-label": e(t)(`${K}.tableLabel`)
+            }, [
+              i[0] || (i[0] = o("colgroup", { class: "ingredient-ledger__columns" }, [
+                o("col"),
+                o("col", { class: "w-36" }),
+                o("col", { class: "w-36" })
+              ], -1)),
+              o("thead", oa, [
+                o("tr", aa, [
+                  o("th", ra, p(e(t)(`${K}.ingredient`)), 1),
+                  o("th", sa, p(e(t)(`${K}.requestedQty`)), 1),
+                  o("th", ia, p(e(t)(`${K}.committedQty`)), 1)
+                ])
+              ]),
+              (r(!0), v(W, null, oe(s.lines, (n) => (r(), v("tbody", {
+                key: n.skuId,
+                class: "ingredient-ledger__body"
+              }, [
+                o("tr", {
+                  "data-testid": `ingredient-row-${n.skuId}`,
+                  class: "ingredient-ledger__row border-t border-fm-color-neutral-gray-200"
+                }, [
+                  o("td", ua, [
+                    o("div", {
+                      "data-testid": `issued-ingredient-identity-${n.skuId}`,
+                      class: "flex min-w-0 flex-col items-start gap-0"
+                    }, [
+                      o("strong", {
+                        class: "ingredient-ledger__identity-name block max-w-full truncate fm-typo-en-body-md-600",
+                        title: n.name
+                      }, p(n.name), 9, ca),
+                      n.stockAfter !== null && n.stockAfter < 0 ? (r(), B(pt, {
+                        key: 0,
+                        class: "ingredient-ledger__identity-stock",
+                        testid: `ingredient-stock-${n.skuId}`,
+                        "help-testid": `ingredient-stock-help-${n.skuId}`,
+                        type: "hint",
+                        "icon-placement": "trailing",
+                        variant: "danger",
+                        size: "sm",
+                        text: `${e(t)(`${K}.stock`)} ${I(n)}`,
+                        "accessible-label": e(t)("inventory.production.run.detail.ingredients.negativeStockHelp"),
+                        tooltip: e(t)("inventory.production.run.detail.ingredients.negativeStockHelp")
+                      }, null, 8, ["testid", "help-testid", "text", "accessible-label", "tooltip"])) : (r(), v("p", {
+                        key: 1,
+                        "data-testid": `ingredient-stock-${n.skuId}`,
+                        class: "ingredient-ledger__identity-stock fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+                      }, p(e(t)(`${K}.stock`)) + " " + p(I(n)), 9, pa)),
+                      u.value.has(n.skuId) ? (r(), B(mt, {
+                        key: 2,
+                        class: "ingredient-ledger__disclosure mt-[2px] w-fit",
+                        testid: `ingredient-contributor-disclosure-${n.skuId}`,
+                        controls: f(n.skuId),
+                        expanded: k.value.has(n.skuId),
+                        label: w(n.skuId),
+                        onToggle: (d) => $(n.skuId)
+                      }, null, 8, ["testid", "controls", "expanded", "label", "onToggle"])) : R("", !0)
+                    ], 8, da)
+                  ]),
+                  o("td", {
+                    "data-testid": `ingredient-requested-${n.skuId}`,
+                    class: z([
+                      "ingredient-ledger__value ingredient-ledger__requested px-8 py-8 text-center align-middle fm-typo-en-body-md-400 tabular-nums",
+                      n.requested === null ? "text-fm-color-typo-secondary" : "text-fm-color-typo-primary"
+                    ])
+                  }, p(n.requested === null ? e(le) : e(F)(n.requested, n.unit)), 11, ma),
+                  o("td", {
+                    "data-testid": `ingredient-committed-${n.skuId}`,
+                    class: "ingredient-ledger__value ingredient-ledger__committed px-8 py-8 text-center align-middle fm-typo-en-body-md-400 text-fm-color-typo-primary tabular-nums"
+                  }, p(e(F)(n.issued, n.unit)), 9, va)
+                ], 8, la),
+                u.value.has(n.skuId) && k.value.has(n.skuId) ? (r(), v("tr", ba, [
+                  o("td", ya, [
+                    o("div", fa, [
+                      o("div", ga, [
+                        q(vt, {
+                          id: f(n.skuId),
+                          role: "list",
+                          "aria-label": e(t)(`${K}.contributorsFor`, { name: n.name }),
+                          entries: a(n.skuId),
+                          class: "ml-[22px] mr-[8px]"
+                        }, null, 8, ["id", "aria-label", "entries"])
+                      ])
+                    ])
+                  ])
+                ])) : R("", !0)
+              ]))), 128))
+            ], 8, na)
+          ], 8, ta)
+        ])) : (r(), v("p", Xo, p(e(t)(`${K}.noBindings`)), 1)) : (r(), v("p", Yo, p(e(t)(`${K}.snapshotUnavailable`)), 1)),
+        (m = s.unattributedIngredients) != null && m.length ? (r(), B(re, {
+          key: 4,
+          "data-testid": "unattributed-issued-ingredients",
+          tone: "warn",
+          title: e(t)("inventory.production.run.detail.items.unattributedTitle"),
+          message: e(t)("inventory.production.run.detail.items.unattributedMessage")
+        }, null, 8, ["title", "message"])) : R("", !0)
+      ], 8, Zo);
+    };
+  }
+}), _a = /* @__PURE__ */ me(ha, [["__scopeId", "data-v-2a6f6173"]]), ka = { "aria-labelledby": "activity-title" }, $a = { class: "flex items-center gap-8" }, xa = {
+  id: "activity-title",
+  class: "text-[18px] font-semibold leading-[28px]"
+}, wa = {
+  key: 0,
+  class: "mt-[20px] space-y-16"
+}, Ia = {
+  class: "mt-[2px] grid size-24 place-items-center rounded-full bg-fm-color-system-success-100 text-fm-color-system-success-400",
+  "aria-hidden": "true"
+}, Ra = { class: "min-w-0" }, Sa = {
+  "data-testid": "activity-title",
+  class: "text-[14px] font-medium leading-[18px] text-fm-color-typo-primary"
+}, Aa = {
+  key: 0,
+  "data-testid": "activity-description",
+  class: "mt-4 text-[14px] font-normal leading-[20px] text-fm-color-typo-secondary"
+}, Pa = {
+  "data-testid": "activity-meta",
+  class: "mt-4 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, La = {
+  key: 1,
+  class: "mt-[20px] fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, qa = /* @__PURE__ */ Q({
+  __name: "ProductionRunActivityTab",
+  props: {
+    run: {}
+  },
+  setup(P) {
+    const c = P, { t } = Y(), k = _(
+      () => [...c.run.activityLogs].reverse().map((l, u) => {
+        var x;
+        return {
+          key: `${l.action}-${l.performedAt}-${u}`,
+          label: l.action === "close" && Ge(c.run) === "below-target" ? t("inventory.production.run.list.activity.closeBelowTarget") : t(`inventory.production.run.list.activity.${l.action}`),
+          description: l.remark,
+          meta: [pe(l.performedAt), (x = l.performedBy) == null ? void 0 : x.name].filter(Boolean).join(" · ")
+        };
+      })
+    );
+    return (l, u) => {
+      const x = te("FmIcon");
+      return r(), v("section", ka, [
+        o("header", $a, [
+          q(x, {
+            name: "history",
+            size: "sm",
+            "aria-hidden": "true",
+            class: "production-run-activity-history"
+          }),
+          o("h2", xa, p(e(t)("inventory.production.run.detail.tab.activity")), 1)
+        ]),
+        k.value.length ? (r(), v("ol", wa, [
+          (r(!0), v(W, null, oe(k.value, (f) => (r(), v("li", {
+            key: f.key,
+            class: "grid grid-cols-[24px_1fr] gap-12"
+          }, [
+            o("span", Ia, [
+              q(x, {
+                name: "check_circle",
+                size: "sm",
+                class: "production-run-activity-check"
+              })
+            ]),
+            o("div", Ra, [
+              o("div", Sa, p(f.label), 1),
+              f.description ? (r(), v("p", Aa, p(f.description), 1)) : R("", !0),
+              o("p", Pa, p(f.meta), 1)
+            ])
+          ]))), 128))
+        ])) : (r(), v("p", La, p(e(t)("inventory.production.run.list.activity.none")), 1))
+      ]);
+    };
+  }
+}), Ta = /* @__PURE__ */ me(qa, [["__scopeId", "data-v-ea0bca54"]]), Ba = { class: "production-run-requested-layout grid grid-cols-1 items-start gap-16" }, Ca = {
+  "data-testid": "production-run-requested-left",
+  class: "flex min-w-0 flex-col gap-16"
+}, Na = {
+  "data-stage-card": "items",
+  class: "overflow-hidden border border-fm-color-neutral-gray-200 bg-fm-color-surface-primary fm-corner-radius-md"
+}, Oa = { class: "flex min-h-[60px] items-center border-b border-fm-color-neutral-gray-200 px-16 py-12" }, ja = { class: "inline-flex items-center gap-4 fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Fa = { "data-output-count": "" }, Ea = { class: "grid grid-cols-[minmax(0,1fr)_auto] gap-x-12 px-16 py-12" }, Da = { class: "fm-typo-en-body-md-600 truncate text-fm-color-typo-primary" }, Ma = {
+  "data-requested-quantity": "",
+  class: "fm-typo-en-body-md-600 justify-self-end text-right tabular-nums text-fm-color-typo-primary"
+}, Va = {
+  key: 0,
+  "data-output-stock": "",
+  "data-output-stock-transition": "",
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Ua = /* @__PURE__ */ Q({
+  __name: "ProductionRunRequestedOverview",
+  props: {
+    run: {},
+    items: {},
+    ingredients: {},
+    refreshable: { type: Boolean, default: !1 },
+    refreshing: { type: Boolean, default: !1 },
+    showStockProjection: { type: Boolean, default: !0 }
+  },
+  emits: ["refresh"],
+  setup(P, { emit: c }) {
+    const t = P, k = c, { t: l } = Y(), u = _(() => new Map(t.items.map((i) => [i.skuId, i]))), x = _(() => {
+      var i;
+      return new Set(((i = t.run.plan.requirements) == null ? void 0 : i.skippedSkuIds) ?? []);
+    }), f = _(() => bt(t.run.plan)), $ = j(/* @__PURE__ */ new Set());
+    se(
+      () => t.run._id,
+      () => $.value = /* @__PURE__ */ new Set()
+    );
+    function w(i) {
+      return `requested-item-ingredients-${t.run._id}-${i}`.replace(/[^a-zA-Z0-9_-]/g, "-");
+    }
+    function a(i) {
+      const m = new Set($.value);
+      m.has(i) ? m.delete(i) : m.add(i), $.value = m;
+    }
+    const I = _(
+      () => [...x.value].map((i) => {
+        var m;
+        return ((m = u.value.get(i)) == null ? void 0 : m.name) ?? i;
+      })
+    ), s = _(
+      () => t.run.plan.items.map((i) => {
+        const m = u.value.get(i.skuId), n = yt(i.measurement) ? i.measurement : null;
+        return {
+          skuId: i.skuId,
+          name: (m == null ? void 0 : m.name) ?? i.skuId,
+          stock: (m == null ? void 0 : m.onHand) != null && n && m.sku && m.baseQuantity != null && m.baseUnit ? `${l("inventory.production.run.form.items.columns.inStock")} ${F(
+            m.onHand,
+            null,
+            {
+              precision: Ne(m.sku)
+            }
+          )} → ${F(m.onHand + m.baseQuantity, m.baseUnit, {
+            precision: Ne(m.sku)
+          })}` : le,
+          // Read-only history renders its own structurally valid frozen snapshot.
+          // Catalogue compatibility is checked only before a new write.
+          requested: n ? F(i.requestedAmount, n.abbrev, {
+            precision: i.requestedAmount.precision
+          }) : le,
+          ingredientBreakdown: f.value.get(i.skuId) ?? null,
+          hasNoBindings: x.value.has(i.skuId)
+        };
+      })
+    );
+    return (i, m) => {
+      var n;
+      return r(), v("div", Ba, [
+        o("div", Ca, [
+          q(ft, {
+            instructions: i.run.instructions
+          }, null, 8, ["instructions"]),
+          q(gt, {
+            "data-stage-card": "ingredients",
+            mode: "requested",
+            rows: i.ingredients,
+            "no-items": !((n = i.run.plan.requirements) != null && n.ingredients.length),
+            "unbound-names": I.value,
+            refreshable: i.refreshable && i.showStockProjection,
+            refreshing: i.refreshing,
+            "show-stock-projection": i.showStockProjection,
+            onRefresh: m[0] || (m[0] = (d) => k("refresh"))
+          }, null, 8, ["rows", "no-items", "unbound-names", "refreshable", "refreshing", "show-stock-projection"])
+        ]),
+        o("section", Na, [
+          o("header", Oa, [
+            o("h2", ja, [
+              ie(p(e(l)("inventory.production.run.form.items.title")) + " ", 1),
+              o("span", Fa, "(" + p(s.value.length) + ")", 1),
+              q(ze, {
+                "description-id": "requested-quantity-help",
+                testid: "requested-quantity-help-trigger",
+                "trigger-label": e(l)("inventory.production.run.detail.requested.quantityHelpLabel"),
+                description: e(l)("inventory.production.run.detail.requested.quantityHelp")
+              }, null, 8, ["trigger-label", "description"])
+            ])
+          ]),
+          (r(!0), v(W, null, oe(s.value, (d) => {
+            var g, T;
+            return r(), v("div", {
+              key: d.skuId,
+              class: "border-b border-fm-color-neutral-gray-200 last:border-b-0"
+            }, [
+              o("div", Ea, [
+                o("span", Da, p(d.name), 1),
+                o("span", Ma, p(d.requested), 1),
+                i.showStockProjection ? (r(), v("span", Va, p(d.stock), 1)) : R("", !0),
+                o("span", {
+                  "data-requested-label": "",
+                  class: z(["fm-typo-en-body-sm-400 text-right text-fm-color-typo-secondary", i.showStockProjection ? "" : "col-start-2"])
+                }, p(e(l)("inventory.production.run.detail.items.requested")), 3),
+                d.hasNoBindings ? (r(), B(He, {
+                  key: 1,
+                  class: "col-span-2 mt-4",
+                  "item-name": d.name
+                }, null, 8, ["item-name"])) : (g = d.ingredientBreakdown) != null && g.lines.length ? (r(), B(Ue, {
+                  key: 2,
+                  class: "col-span-2 mt-4",
+                  testid: "requested-item-ingredients-toggle",
+                  count: d.ingredientBreakdown.lines.length,
+                  controls: w(d.skuId),
+                  expanded: $.value.has(d.skuId),
+                  onToggle: (C) => a(d.skuId)
+                }, null, 8, ["count", "controls", "expanded", "onToggle"])) : R("", !0)
+              ]),
+              $.value.has(d.skuId) && ((T = d.ingredientBreakdown) != null && T.lines.length) ? (r(), B(We, {
+                key: 0,
+                id: w(d.skuId),
+                testid: "requested-item-ingredients-list",
+                class: "px-16 pb-12",
+                count: d.ingredientBreakdown.lines.length,
+                unit: d.ingredientBreakdown.basisUnit,
+                lines: d.ingredientBreakdown.lines,
+                "item-name": d.name
+              }, null, 8, ["id", "count", "unit", "lines", "item-name"])) : R("", !0)
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+}), Ha = /* @__PURE__ */ me(Ua, [["__scopeId", "data-v-ff35cbd5"]]), za = ["aria-label"], Wa = { class: "flex min-w-max items-center gap-8" }, Ga = ["id", "aria-selected", "aria-controls", "tabindex", "onClick", "onKeydown"], Ka = /* @__PURE__ */ Q({
+  __name: "ProductionRunDetailTabs",
+  props: {
+    items: {},
+    modelValue: {},
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue"],
+  setup(P, { emit: c }) {
+    const t = P, k = c, l = j([]);
+    function u(f, $ = !1) {
+      const w = t.items[f];
+      w && (k("update:modelValue", w.value), $ && Ie(() => {
+        var a;
+        return (a = l.value[f]) == null ? void 0 : a.focus();
+      }));
+    }
+    function x(f, $) {
+      let w = null;
+      f.key === "ArrowRight" && (w = ($ + 1) % t.items.length), f.key === "ArrowLeft" && (w = ($ - 1 + t.items.length) % t.items.length), f.key === "Home" && (w = 0), f.key === "End" && (w = t.items.length - 1), w !== null && (f.preventDefault(), u(w, !0));
+    }
+    return se(
+      () => t.modelValue,
+      async (f) => {
+        var w, a;
+        await Ie();
+        const $ = t.items.findIndex((I) => I.value === f);
+        (a = (w = l.value[$]) == null ? void 0 : w.scrollIntoView) == null || a.call(w, { block: "nearest", inline: "nearest" });
+      },
+      { immediate: !0 }
+    ), (f, $) => (r(), v("nav", {
+      role: "tablist",
+      "aria-label": f.ariaLabel,
+      class: "overflow-x-auto print:hidden"
+    }, [
+      o("div", Wa, [
+        (r(!0), v(W, null, oe(f.items, (w, a) => (r(), v("button", {
+          id: w.id,
+          key: w.value,
+          ref_for: !0,
+          ref: (I) => l.value[a] = I,
+          type: "button",
+          role: "tab",
+          "aria-selected": f.modelValue === w.value,
+          "aria-controls": w.controls,
+          tabindex: f.modelValue === w.value ? 0 : -1,
+          class: z(["flex h-40 shrink-0 items-center gap-[6px] border-b-2 px-12 text-[14px] leading-[18px] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-fm-color-border-focused", [
+            f.modelValue === w.value ? "border-fm-color-primary font-semibold text-fm-color-primary" : "border-transparent font-normal text-fm-color-typo-secondary hover:text-fm-color-typo-primary"
+          ]]),
+          onClick: (I) => u(a),
+          onKeydown: (I) => x(I, a)
+        }, [
+          o("span", null, p(w.label), 1)
+        ], 42, Ga))), 128))
+      ])
+    ], 8, za));
+  }
+}), Qa = {
+  key: 0,
+  "data-testid": "production-run-close-remark"
+}, Za = /* @__PURE__ */ Q({
+  __name: "ProductionRunTerminalNotice",
+  props: {
+    run: {}
+  },
+  setup(P) {
+    const c = P, { t } = Y(), k = _(() => ht(c.run)), l = _(
+      () => {
+        var u, x;
+        return ((x = (u = [...c.run.activityLogs].reverse().find((f) => f.action === "close")) == null ? void 0 : u.remark) == null ? void 0 : x.trim()) || null;
+      }
+    );
+    return (u, x) => k.value === "above-target" ? (r(), B(re, {
+      key: 0,
+      "data-testid": "closed-run-notice",
+      role: "note",
+      tone: "warn",
+      title: e(t)("inventory.production.run.detail.banner.closedAbove.title")
+    }, null, 8, ["title"])) : k.value === "below-target" ? (r(), B(re, {
+      key: 1,
+      "data-testid": "closed-run-notice",
+      role: "note",
+      tone: "warn",
+      title: e(t)("inventory.production.run.detail.banner.closed.title")
+    }, {
+      default: ne(() => [
+        l.value ? (r(), v("p", Qa, p(l.value), 1)) : R("", !0)
+      ]),
+      _: 1
+    }, 8, ["title"])) : u.run.status === "CANCEL" ? (r(), B(re, {
+      key: 2,
+      "data-testid": "cancelled-run-notice",
+      role: "note",
+      tone: "critical",
+      title: e(t)("inventory.production.run.detail.banner.cancelled.title"),
+      message: u.run.cancelReason || void 0
+    }, null, 8, ["title", "message"])) : R("", !0);
+  }
+}), Fe = {
+  failed: 4,
+  unavailable: 3,
+  unknown: 2,
+  dispatched: 1
+};
+function Ja(P) {
+  switch (P.stockRecalculationDispatch) {
+    case "failed":
+      return "failed";
+    case "dispatched":
+      return "dispatched";
+    case "unavailable":
+      return "unavailable";
+    case "not-required":
+      return null;
+    default:
+      return P.stockRecalculationRequired ? "unknown" : null;
+  }
+}
+function Ya(P, { leaveOnLocationChange: c = !0 } = {}) {
+  const t = Ke(), k = Ae(), l = Se(), u = j(null), x = j("waitingForLocation"), f = j(null), $ = j("overview"), w = j(null), a = _(() => w.value !== null);
+  let I = null, s = 0, i = null;
+  async function m() {
+    const A = ++s;
+    i = null;
+    const D = k._currentLocation;
+    if (!D) {
+      x.value = "waitingForLocation";
+      return;
+    }
+    if (I && I !== D.dbName) {
+      u.value = null, c ? (I = null, await l.replace(Le())) : x.value = "loading";
+      return;
+    }
+    const J = fe(P);
+    if (!J) {
+      x.value = "error";
+      return;
+    }
+    x.value = "loading", f.value = null, i = { dbName: D.dbName, id: J };
+    try {
+      const ae = await t.read(J);
+      if (A !== s) return;
+      i = null, u.value = ae, I = D.dbName, x.value = "ready";
+    } catch (ae) {
+      if (A !== s) return;
+      i = null;
+      const ce = be(ae);
+      x.value = ce.kind === "notFound" ? "notInLocation" : "error", f.value = ce.message, u.value = null;
+    }
+  }
+  async function n() {
+    const A = fe(P);
+    if (!A || !k._currentLocation) return;
+    const D = ++s;
+    i = null;
+    try {
+      const J = await t.read(A);
+      if (D !== s) return;
+      u.value = J, x.value = "ready";
+    } catch (J) {
+      if (D !== s) return;
+      const ae = be(J);
+      x.value = ae.kind === "notFound" ? "notInLocation" : "error", f.value = ae.message;
+    }
+  }
+  async function d() {
+    var D;
+    const A = (D = k._currentLocation) == null ? void 0 : D.dbName;
+    A && A === I && x.value !== "waitingForLocation" || A && x.value === "loading" && (i == null ? void 0 : i.dbName) === A && i.id === fe(P) || await m();
+  }
+  k.watchLocation(d), se(
+    () => fe(P),
+    (A, D) => {
+      !A || A === D || (u.value = null, $.value = "overview", w.value = null, m());
+    }
+  );
+  function g(A) {
+    if (!("run" in A)) {
+      u.value = A;
+      return;
+    }
+    u.value = A.run;
+    const D = Ja(A);
+    if (!D) return;
+    const J = w.value;
+    (!J || Fe[D] > Fe[J]) && (w.value = D);
+  }
+  const T = _(() => {
+    var A;
+    return ((A = k._currentLocation) == null ? void 0 : A.name) ?? "";
+  }), C = _(() => {
+    var A;
+    return (((A = u.value) == null ? void 0 : A.preparation.issuances.length) ?? 0) > 0;
+  }), V = _(
+    () => u.value ? _t(u.value) : []
+  ), b = _(() => C.value ? V.value.length > 0 || !!u.value && we(u.value) ? ["overview", "output", "ingredients", "activity"] : ["overview", "ingredients", "activity"] : ["overview", "activity"]), S = _(() => !!u.value && !kt(u.value)), y = _(() => u.value && S.value ? $t(u.value) : null), N = _(() => u.value && S.value ? xt(u.value) : null), E = _(
+    () => u.value && S.value ? Object.values(Me(u.value)).reduce((A, D) => A + D, 0) : null
+  ), U = _(() => y.value === null || N.value === null ? null : y.value > 0 && N.value > 0 ? N.value / y.value * 100 : u.value && we(u.value) ? 0 : null), Z = _(() => !!u.value && wt(u.value)), O = _(
+    () => Z.value && !!u.value && !we(u.value) && !Pe(u.value)
+  ), X = _(() => u.value ? Ge(u.value) : null), ue = _(() => u.value ? It(u.value) : []), _e = _(() => ue.value.map((A) => A.action));
+  function de(A) {
+    return _e.value.includes(A);
+  }
+  const ye = _(() => {
+    if (O.value && de("close")) return "close";
+    for (const A of ["complete", "prepare", "request"])
+      if (de(A)) return A;
+    return null;
+  }), ke = _(
+    () => ["complete", "close", "update"].filter(
+      (A) => de(A) && A !== ye.value
+    )
+  ), $e = _(
+    () => ["cancel"].filter((A) => de(A))
+  );
+  return {
+    run: u,
+    phase: x,
+    errorMessage: f,
+    activeTab: $,
+    tabs: b,
+    locationName: T,
+    stockRecalculation: w,
+    stockRecalculationRequired: a,
+    /** The one way to take a stock-moving write's answer onto the page. */
+    adoptWriteResult: g,
+    hasIssuance: C,
+    batches: V,
+    committed: y,
+    produced: N,
+    remaining: E,
+    attainmentPercent: U,
+    atTarget: Z,
+    targetReachedOpen: O,
+    outcome: X,
+    summable: S,
+    legalActions: ue,
+    /** Legality asked as a question, so callers never re-derive the table. */
+    can: de,
+    primaryAction: ye,
+    secondaryActions: ke,
+    dangerActions: $e,
+    load: m,
+    reload: n
+  };
+}
+function Xa(P) {
+  const c = j([]), t = j(null), k = j(!1), l = j(!1), u = j(null);
+  let x = 0;
+  const f = _(() => ({
+    loading: k.value,
+    loaded: l.value,
+    hasMore: t.value !== null,
+    error: u.value
+  }));
+  function $() {
+    x++, c.value = [], t.value = null, k.value = !1, l.value = !1, u.value = null;
+  }
+  async function w(s) {
+    const i = x, m = P.runId(), n = P.locationId(), d = () => i === x && P.runId() === m && P.locationId() === n;
+    k.value = !0, u.value = null;
+    try {
+      const g = await P.list(s);
+      if (!d()) return;
+      if (s && g.nextCursor === s)
+        throw new Error(
+          "The next page could not be advanced. Reopen the editor to refresh history."
+        );
+      const T = new Set(c.value.map((C) => C._id));
+      c.value = [...c.value, ...g.items.filter((C) => !T.has(C._id))], t.value = g.nextCursor, l.value = !0;
+    } catch (g) {
+      d() && (u.value = be(g).message);
+    } finally {
+      d() && (k.value = !1);
+    }
+  }
+  async function a() {
+    $(), await w();
+  }
+  async function I() {
+    if (!k.value) {
+      if (!l.value) return await a();
+      t.value !== null && await w(t.value);
+    }
+  }
+  return { sources: c, state: f, load: a, loadMore: I, invalidate: $ };
+}
+const er = { class: "flex flex-col w-full h-full bg-fm-color-surface-primary overflow-y-auto" }, tr = {
+  key: 0,
+  class: "flex flex-col gap-16 p-24"
+}, nr = {
+  key: 1,
+  class: "flex flex-col gap-16 p-24 max-w-[640px]"
+}, or = {
+  key: 2,
+  class: "flex flex-col gap-16 p-24 max-w-[640px]"
+}, ar = {
+  key: 1,
+  class: "flex justify-center py-32"
+}, rr = /* @__PURE__ */ Q({
+  __name: "ProductionRunDetailView",
+  props: {
+    id: {}
+  },
+  setup(P) {
+    const c = P, { t } = Y(), k = Se(), l = rt(), u = ot(), x = st(), f = Ke(), $ = Ae(), w = _(() => Le());
+    Rt();
+    const a = Ya(() => c.id, { leaveOnLocationChange: !1 }), I = St(() => a.run.value), s = Xa({
+      list: (h) => f.list(h ? { cursor: h } : {}),
+      runId: () => c.id,
+      locationId: () => $.currentLocationId
+    }), i = s.sources, m = At(), n = j(!1), d = _(
+      () => a.run.value ? m.requestedIngredientRows(a.run.value) : []
+    );
+    async function g() {
+      if (!a.run.value) return;
+      const h = c.id;
+      if (a.run.value.status === "CANCEL") {
+        n.value = !0, await m.loadCatalogue();
+        return;
+      }
+      !await m.load({ livePlan: a.run.value.status === "DRAFT" }) || h !== c.id || !a.run.value || (m.seedFrom(a.run.value), n.value = !0);
+    }
+    const T = _(() => {
+      const h = a.run.value, L = h == null ? void 0 : h.status;
+      return L === "DRAFT" ? "draft" : L === "REQUESTING" ? "requested" : L === "PREPARING" ? "preparing" : L === "CANCEL" ? h != null && h.plan.requirements ? "requested" : "draft" : "review";
+    }), C = _(() => {
+      var h;
+      return ((h = a.run.value) == null ? void 0 : h.status) !== "CANCEL";
+    }), V = _(() => {
+      const h = a.run.value;
+      return h && h.status === "CANCEL" ? m.historicalItems(h) : void 0;
+    });
+    se(
+      () => [a.phase.value, a.hasIssuance.value],
+      async ([h, L]) => {
+        h !== "ready" || L || n.value || !a.run.value || await g();
+      },
+      { immediate: !0 }
+    );
+    const b = j(null);
+    let S = null;
+    const y = j("review"), N = j(!1), E = j(null);
+    let U = 0;
+    tt(() => {
+      U++;
+    }), se(
+      () => c.id,
+      () => {
+        s.invalidate(), n.value = !1, ae.value = !1, b.value = null, U++, N.value = !1;
+      }
+    );
+    const Z = _(() => a.run.value ? Pt(a.run.value) : null), O = _(() => {
+      var L, H;
+      const h = {};
+      for (const G of ((L = a.run.value) == null ? void 0 : L.preparation.issuances) ?? [])
+        for (const M of G.items)
+          h[M.sku._id] = {
+            name: M.sku.name,
+            unit: ((H = M.sku.unit) == null ? void 0 : H.abbrev) ?? null,
+            precision: M.sku.unit ? Oe(M.sku.unit) : null
+          };
+      for (const G of I.ingredientLines.value)
+        h[G.skuId] || (h[G.skuId] = {
+          name: G.name,
+          unit: G.unit,
+          precision: G.unitRef ? Oe(G.unitRef) : null
+        });
+      return h;
+    }), X = _(
+      () => a.tabs.value.map((h) => ({
+        label: t(`inventory.production.run.detail.tab.${h}`),
+        value: h,
+        id: `production-run-tab-${h}`,
+        controls: `production-run-panel-${h}`
+      }))
+    ), ue = _(
+      () => !!a.run.value && Pe(a.run.value)
+    ), _e = _(
+      () => !!a.run.value && Lt(a.run.value)
+    ), de = _(() => {
+      const h = a.run.value;
+      if (!h) return "";
+      if (ue.value) return t("inventory.production.run.detail.pendingStock.message");
+      let L;
+      switch (h.status) {
+        case "REQUESTING":
+          L = "requested";
+          break;
+        case "PREPARING":
+          L = h.batches.length > 0 ? "issuedWithOutput" : "issued";
+          break;
+        case "CLOSED":
+          L = "closed";
+          break;
+        case "CANCEL":
+          L = "cancelled";
+          break;
+        default:
+          L = "draft";
+      }
+      return t(`inventory.production.run.detail.next.${L}`);
+    }), ye = _(
+      () => I.ingredientLines.value.map((h) => ({
+        skuId: h.skuId,
+        name: h.name,
+        unit: h.unit,
+        unitRef: h.unitRef,
+        outputSkuIds: h.outputSkuIds
+      }))
+    );
+    function ke(h) {
+      var L;
+      if (a.can(h)) {
+        if (h === "update") {
+          b.value = "update", s.load();
+          return;
+        }
+        if (h === "request") {
+          const H = (L = a.run.value) == null ? void 0 : L._id, G = $.currentLocationDBName, M = U;
+          l.open(Ct(t)).onPrimary(() => {
+            var Be;
+            M !== U || H !== ((Be = a.run.value) == null ? void 0 : Be._id) || G !== $.currentLocationDBName || A();
+          });
+          return;
+        }
+        h === "prepare" && (y.value = "review"), S = document.activeElement instanceof HTMLElement ? document.activeElement : null, b.value = h;
+      }
+    }
+    function $e() {
+      a.can("prepare") && (y.value = "print", S = document.activeElement instanceof HTMLElement ? document.activeElement : null, b.value = "prepare");
+    }
+    async function A() {
+      if (!a.can("request")) return;
+      const h = a.run.value;
+      if (!h) return;
+      const L = ++U;
+      N.value = !0;
+      try {
+        const H = await f.request(h._id);
+        if (L !== U) return;
+        a.run.value = H, x == null || x.open({ title: t("inventory.production.run.detail.toast.requested"), type: "success" });
+      } catch (H) {
+        if (L !== U) return;
+        const G = be(H), M = Nt(t, G, m.catalogueName);
+        x == null || x.open({
+          title: (M == null ? void 0 : M.title) ?? t("inventory.production.run.list.error.action", {
+            action: t("inventory.production.run.list.rowActions.request")
+          }),
+          message: (M == null ? void 0 : M.message) ?? G.message,
+          type: "error"
+        });
+      } finally {
+        L === U && (N.value = !1);
+      }
+    }
+    function D(h) {
+      a.adoptWriteResult(h), u.success(t("inventory.production.run.detail.toast.issued"));
+    }
+    function J(h) {
+      a.adoptWriteResult(h), I.refresh(), u.success(t("inventory.production.run.detail.toast.recorded")), ae.value = a.can("close") && a.atTarget.value;
+    }
+    const ae = j(!1), ce = _(() => {
+      const h = a.stockRecalculation.value;
+      return h ? {
+        tone: h === "dispatched" ? "info" : "warn",
+        key: `inventory.production.run.detail.recalculation.${h}`
+      } : null;
+    }), Ze = _(() => {
+      const h = a.locationName.value;
+      return h ? t("inventory.production.run.detail.notInLocation.title", { location: h }) : t("inventory.production.run.detail.notInLocation.titleUnknown");
+    });
+    function Je(h) {
+      b.value = null, s.invalidate(), xe(h), n.value && m.seedFrom(h), I.refresh();
+    }
+    function qe() {
+      a.reload(), I.refresh();
+    }
+    se(
+      () => a.activeTab.value,
+      (h, L) => {
+        h === "ingredients" && L !== "ingredients" && qe();
+      }
+    );
+    async function Te() {
+      try {
+        await m.refreshStock();
+      } catch (h) {
+        u.error(be(h).message);
+      }
+    }
+    async function Ye(h) {
+      var L;
+      if (h === null) {
+        const H = S;
+        S = null, b.value = null, s.invalidate(), await Ie(), H != null && H.isConnected ? H.focus() : (L = E.value) == null || L.focus();
+      }
+    }
+    function xe(h) {
+      a.run.value = h;
+    }
+    function Xe() {
+      k.push(w.value);
+    }
+    return (h, L) => {
+      const H = te("FmButton"), G = te("FmCircularProgress");
+      return r(), v("div", er, [
+        e(a).phase.value === "waitingForLocation" || e(a).phase.value === "loading" ? (r(), v("div", tr, L[3] || (L[3] = [
+          o("div", { class: "h-24 w-1/3 rounded bg-fm-color-neutral-gray-100 animate-pulse" }, null, -1),
+          o("div", { class: "h-16 w-1/2 rounded bg-fm-color-neutral-gray-100 animate-pulse" }, null, -1),
+          o("div", { class: "h-[240px] rounded bg-fm-color-neutral-gray-100 animate-pulse" }, null, -1)
+        ]))) : e(a).phase.value === "notInLocation" ? (r(), v("div", nr, [
+          q(re, {
+            tone: "warn",
+            title: Ze.value,
+            message: e(t)("inventory.production.run.detail.notInLocation.message")
+          }, {
+            actions: ne(() => [
+              q(H, {
+                variant: "secondary",
+                label: e(t)("inventory.production.run.detail.notInLocation.action"),
+                onClick: Xe
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }, 8, ["title", "message"])
+        ])) : e(a).phase.value === "error" ? (r(), v("div", or, [
+          q(re, {
+            role: "alert",
+            tone: "critical",
+            title: e(t)("inventory.production.run.detail.error.title"),
+            message: e(a).errorMessage.value ?? void 0
+          }, {
+            actions: ne(() => [
+              q(H, {
+                variant: "secondary",
+                label: e(t)("inventory.production.run.detail.error.retry"),
+                onClick: L[0] || (L[0] = (M) => e(a).load())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }, 8, ["title", "message"])
+        ])) : e(a).run.value ? (r(), v("div", {
+          key: 3,
+          ref_key: "detailContent",
+          ref: E,
+          tabindex: "-1",
+          "data-testid": "production-run-detail-content",
+          class: "production-run-detail-content mx-auto flex w-full max-w-[1228px] flex-col gap-16"
+        }, [
+          q(Zt, {
+            run: e(a).run.value,
+            "location-name": e(a).locationName.value,
+            "back-to": w.value,
+            "primary-action": e(a).primaryAction.value,
+            "secondary-actions": e(a).secondaryActions.value,
+            "danger-actions": e(a).dangerActions.value,
+            "can-print-prepare-sheet": e(a).primaryAction.value === "prepare",
+            "status-description": de.value,
+            "target-reached": e(a).targetReachedOpen.value,
+            busy: N.value,
+            onAction: ke,
+            onPrintPrepareSheet: $e
+          }, null, 8, ["run", "location-name", "back-to", "primary-action", "secondary-actions", "danger-actions", "can-print-prepare-sheet", "status-description", "target-reached", "busy"]),
+          ue.value ? (r(), B(re, {
+            key: 0,
+            "data-testid": "production-run-pending-stock",
+            role: "status",
+            tone: "warn",
+            title: e(t)("inventory.production.run.detail.pendingStock.title"),
+            message: e(t)("inventory.production.run.detail.pendingStock.message")
+          }, null, 8, ["title", "message"])) : R("", !0),
+          _e.value ? (r(), B(re, {
+            key: 1,
+            "data-testid": "production-run-pending-preparation",
+            role: "status",
+            tone: "warn",
+            title: e(t)("inventory.production.run.detail.pendingPreparation.title"),
+            message: e(t)("inventory.production.run.detail.pendingPreparation.message")
+          }, null, 8, ["title", "message"])) : R("", !0),
+          ce.value ? (r(), B(re, {
+            key: 2,
+            tone: ce.value.tone,
+            title: e(t)(`${ce.value.key}.title`),
+            message: e(t)(`${ce.value.key}.message`)
+          }, null, 8, ["tone", "title", "message"])) : R("", !0),
+          ae.value && e(a).targetReachedOpen.value ? (r(), B(re, {
+            key: 3,
+            "data-testid": "target-reached-notice",
+            tone: "info",
+            title: e(t)("inventory.production.run.detail.targetOffer.title"),
+            message: e(t)("inventory.production.run.detail.targetOffer.message")
+          }, null, 8, ["title", "message"])) : R("", !0),
+          q(Za, {
+            run: e(a).run.value
+          }, null, 8, ["run"]),
+          q(Ka, {
+            modelValue: e(a).activeTab.value,
+            "onUpdate:modelValue": L[1] || (L[1] = (M) => e(a).activeTab.value = M),
+            class: "mb-4",
+            items: X.value,
+            ariaLabel: e(t)("inventory.production.run.detail.tabsLabel")
+          }, null, 8, ["modelValue", "items", "ariaLabel"]),
+          e(a).activeTab.value === "overview" ? (r(), B(Wo, {
+            key: 4,
+            id: "production-run-panel-overview",
+            role: "tabpanel",
+            "aria-labelledby": "production-run-tab-overview",
+            run: e(a).run.value,
+            names: O.value,
+            batches: e(a).batches.value,
+            committed: e(a).committed.value,
+            unit: Z.value,
+            "has-issuance": e(a).hasIssuance.value,
+            operational: T.value !== "review",
+            onViewAll: L[2] || (L[2] = (M) => e(a).activeTab.value = "output")
+          }, {
+            operational: ne(() => [
+              C.value && T.value !== "preparing" && (e(m).loadFailure.value || e(m).projectionFailed.value) ? (r(), B(qt, {
+                key: 0,
+                "load-failure": e(m).loadFailure.value,
+                "projection-failed": e(m).projectionFailed.value,
+                "projection-problem": e(m).projectionProblem.value,
+                "name-of": e(m).catalogueName,
+                onRetryLoad: g,
+                onRetryProjection: e(m).retryProjection
+              }, null, 8, ["load-failure", "projection-failed", "projection-problem", "name-of", "onRetryProjection"])) : C.value && T.value !== "preparing" && e(m).loading.value ? (r(), v("div", ar, [
+                q(G, { size: "lg" })
+              ])) : T.value === "draft" && n.value ? (r(), B(Tt, {
+                key: 2,
+                items: e(m).items.value,
+                "historical-items": V.value,
+                commits: e(m).commits.value,
+                instructions: e(a).run.value.instructions,
+                editable: !1,
+                refreshable: C.value,
+                refreshing: e(m).refreshingStock.value,
+                "show-stock-projection": C.value,
+                onRefresh: Te
+              }, null, 8, ["items", "historical-items", "commits", "instructions", "refreshable", "refreshing", "show-stock-projection"])) : T.value === "requested" && n.value ? (r(), B(Ha, {
+                key: 3,
+                run: e(a).run.value,
+                items: V.value ?? e(m).items.value,
+                ingredients: d.value,
+                refreshable: C.value,
+                refreshing: e(m).refreshingStock.value,
+                "show-stock-projection": C.value,
+                onRefresh: Te
+              }, null, 8, ["run", "items", "ingredients", "refreshable", "refreshing", "show-stock-projection"])) : T.value === "preparing" ? (r(), B(Qe, {
+                key: 4,
+                run: e(a).run.value,
+                names: O.value,
+                "ingredient-contributions": e(I).ingredientContributions.value,
+                "unattributed-ingredients": e(I).unattributedIngredientLines.value,
+                "unissued-sku-ids": e(I).unissuedOutputs.value.map((M) => M.skuId),
+                "title-key": "inventory.production.run.form.items.title",
+                presentation: "preparing"
+              }, null, 8, ["run", "names", "ingredient-contributions", "unattributed-ingredients", "unissued-sku-ids"])) : R("", !0)
+            ]),
+            _: 1
+          }, 8, ["run", "names", "batches", "committed", "unit", "has-issuance", "operational"])) : e(a).activeTab.value === "output" ? (r(), B(Qo, {
+            key: 5,
+            id: "production-run-panel-output",
+            role: "tabpanel",
+            "aria-labelledby": "production-run-tab-output",
+            batches: e(a).batches.value,
+            names: O.value
+          }, null, 8, ["batches", "names"])) : e(a).activeTab.value === "ingredients" ? (r(), B(_a, {
+            key: 6,
+            id: "production-run-panel-ingredients",
+            role: "tabpanel",
+            "aria-labelledby": "production-run-tab-ingredients",
+            "run-id": e(a).run.value._id,
+            loading: e(I).loading.value,
+            "snapshot-available": e(I).adjustment.value !== null,
+            lines: e(I).ingredientLines.value,
+            "ingredient-contributions": e(I).ingredientContributions.value,
+            "output-names": O.value,
+            "unattributed-ingredients": e(I).unattributedIngredientLines.value
+          }, null, 8, ["run-id", "loading", "snapshot-available", "lines", "ingredient-contributions", "output-names", "unattributed-ingredients"])) : (r(), B(Ta, {
+            key: 7,
+            id: "production-run-panel-activity",
+            role: "tabpanel",
+            "aria-labelledby": "production-run-tab-activity",
+            run: e(a).run.value
+          }, null, 8, ["run"])),
+          q(Bt, {
+            action: b.value,
+            run: e(a).run.value,
+            "location-name": e(a).locationName.value,
+            "duplicate-sources": e(i),
+            "duplicate-source-state": e(s).state.value,
+            onLoadMoreDuplicateSources: e(s).loadMore,
+            "prepare-initial-view": y.value,
+            "at-target": e(a).atTarget.value,
+            ingredients: ye.value,
+            "onUpdate:action": Ye,
+            onEdited: Je,
+            onIssued: D,
+            onRecorded: J,
+            onClosed: xe,
+            onCancelled: xe,
+            onReload: qe
+          }, null, 8, ["action", "run", "location-name", "duplicate-sources", "duplicate-source-state", "onLoadMoreDuplicateSources", "prepare-initial-view", "at-target", "ingredients"])
+        ], 512)) : R("", !0)
+      ]);
+    };
+  }
+}), sr = /* @__PURE__ */ me(rr, [["__scopeId", "data-v-e5fd70a2"]]), fr = /* @__PURE__ */ Q({
+  __name: "ProductionRunDetailPage",
+  props: {
+    id: {}
+  },
+  setup(P) {
+    var x;
+    const c = P, t = Se(), k = Ae(), l = j(!1);
+    let u = (x = k._currentLocation) == null ? void 0 : x.dbName;
+    return se(
+      () => {
+        var f;
+        return (f = k._currentLocation) == null ? void 0 : f.dbName;
+      },
+      (f) => {
+        !f || l.value || (u && f !== u && (l.value = !0, t.replace(Le())), u = f);
+      }
+    ), (f, $) => (r(), B(nt, { "feature-key": "production-runs" }, {
+      default: ne(() => [
+        l.value ? R("", !0) : (r(), B(sr, {
+          key: 0,
+          id: c.id
+        }, null, 8, ["id"]))
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  fr as default
+};