@feedmepos/mf-inventory-portal 1.8.0-dev.8 → 1.8.0

package/dist/ProductionRunDetailView-C9rxLBbL.js

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