@feedmepos/mf-inventory-portal 1.7.15-dev.3 → 1.7.16-dev.0

package/dist/ProductionRunDetailView-DnIVaUbO.js

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