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

package/dist/ProductionRunDetailPage-BmH4UM7y.js

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