@feedmepos/mf-inventory-portal 1.7.13-dev.4 → 1.7.13-dev.6

package/dist/ProductionRunTabs.vue_vue_type_script_setup_true_lang-DgtZJgrs.js

@@ -0,0 +1,3506 @@
+import { defineComponent as Y, computed as S, createElementBlock as k, openBlock as m, createElementVNode as u, normalizeClass as G, toDisplayString as y, resolveComponent as Z, createVNode as E, createCommentVNode as B, renderSlot as se, ref as N, Fragment as ee, renderList as pe, watch as ke, toValue as Ze, onUpdated as Ft, onMounted as Te, onBeforeUnmount as We, nextTick as he, unref as i, createBlock as M, resolveDynamicComponent as Ut, withCtx as H, createTextVNode as ue, mergeProps as Je, onBeforeMount as Pt, watchEffect as Bt, useAttrs as ot, withModifiers as Ae, createSlots as kt } from "vue";
+import { useI18n as de } from "@feedmepos/mf-common";
+import { c as Vt, d as Et, e as Dt } from "./inventory-core-dart.default-BpMxAF-0.js";
+import { _ as Ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { useDialog as Lt, useSnackbar as qt } from "@feedmepos/ui-library";
+import { d as Tt, u as _t, O as Nt, a as xt } from "./app-BT7hD4az.js";
+import { b as Ot, x as Ee, N as lt, f as fe } from "./production-run-display-DmyfdjHR.js";
+import { u as Mt } from "./stock-CiCsT5JK.js";
+import { F as ye } from "./decimal-DYlKNkVX.js";
+import { g as jt } from "./number-DRRlTYv7.js";
+import { _ as Ht } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-RJKOB-cm.js";
+const zt = Tt((s, e) => {
+  const t = _t(), l = () => `${s.inventoryBackendUrl}/${t.currentLocationDBName}/production-run`;
+  return {
+    async list(o) {
+      const r = o ? `?status=${o}` : "";
+      return await e.get(`${l()}${r}`);
+    },
+    async read(o) {
+      return await e.get(`${l()}/${o}`);
+    },
+    async create(o) {
+      return await e.post(l(), o);
+    },
+    async update(o, r) {
+      return await e.post(`${l()}/${o}`, r);
+    },
+    async request(o, r) {
+      return await e.post(`${l()}/${o}/request`, { remark: r ?? null });
+    },
+    // The single goods-issue event: deducts `BOM × committed` for the whole run
+    // in one adjustment and freezes the issued cost pool on that movement.
+    async prepare(o, r) {
+      return await e.post(`${l()}/${o}/prepare`, r);
+    },
+    // Record one batch of output. Receipt-only — ingredients are never touched
+    // again. The key identifies the attempt, but QA does not claim recovery
+    // from an ambiguous response; the operator must reload before acting.
+    async complete(o, r) {
+      return await e.post(`${l()}/${o}/complete`, r);
+    },
+    async close(o, r) {
+      return await e.post(`${l()}/${o}/close`, { remark: r ?? null });
+    },
+    async cancel(o, r) {
+      return await e.post(`${l()}/${o}/cancel`, { reason: r ?? null });
+    }
+  };
+}), Kt = /^Cannot (update|request|prepare|complete|close|cancel) production run #/;
+function ut(s) {
+  const e = Gt(s);
+  if (s instanceof Nt)
+    return { kind: "timeout", message: e, retrySameKey: !1, mustReload: !0, shortages: [] };
+  const t = wt(s);
+  if ((t == null ? void 0 : t.statusCode) === 409 && t.code === "SHORTAGE_ACKNOWLEDGEMENT_REQUIRED" && Array.isArray(t.shortages))
+    return {
+      kind: "shortageAcknowledgementRequired",
+      message: e,
+      retrySameKey: !1,
+      mustReload: !1,
+      shortages: t.shortages
+    };
+  switch (Qt(s)) {
+    case 409:
+      return { kind: "conflict", message: e, retrySameKey: !1, mustReload: !0, shortages: [] };
+    case 404:
+      return { kind: "notFound", message: e, retrySameKey: !1, mustReload: !0, shortages: [] };
+    case 400:
+      return Kt.test(e) ? {
+        kind: "illegalAction",
+        message: e,
+        retrySameKey: !1,
+        mustReload: !0,
+        shortages: []
+      } : { kind: "badRequest", message: e, retrySameKey: !1, mustReload: !1, shortages: [] };
+    default:
+      return { kind: "unknown", message: e, retrySameKey: !1, mustReload: !0, shortages: [] };
+  }
+}
+function Qt(s) {
+  const e = wt(s);
+  return typeof (e == null ? void 0 : e.statusCode) == "number" ? e.statusCode : null;
+}
+function wt(s) {
+  return s == null ? void 0 : s.errorResponse;
+}
+function Gt(s) {
+  var l;
+  const e = (l = s == null ? void 0 : s.errorResponse) == null ? void 0 : l.message;
+  if (Array.isArray(e)) return e.join(", ");
+  if (typeof e == "string" && e) return e;
+  const t = s == null ? void 0 : s.message;
+  return typeof t == "string" && t ? t : "Something went wrong.";
+}
+const Wt = [
+  { key: "all", label: "All" },
+  { key: "drafts", label: "Drafts" },
+  { key: "active", label: "Active" },
+  { key: "history", label: "History" }
+], Jt = {
+  drafts: ["DRAFT"],
+  active: ["REQUESTING", "PREPARING"],
+  history: ["CLOSED", "CANCEL"]
+}, Yt = {
+  DRAFT: 0,
+  REQUESTING: 1,
+  PREPARING: 2,
+  CLOSED: 3,
+  CANCEL: 4
+};
+function Hs(s) {
+  const e = Yt[s];
+  if (e == null) throw new Error(`Unsupported production run status: ${s}`);
+  return e;
+}
+function Xt(s, e) {
+  return e === "all" ? !0 : Jt[e].includes(s.status);
+}
+function zs(s) {
+  const e = {};
+  for (const { key: t } of Wt)
+    e[t] = s.filter((l) => Xt(l, t)).length;
+  return e;
+}
+function vt(s) {
+  const e = s.activityLogs;
+  if (!e.length) return null;
+  const t = e[e.length - 1];
+  return { action: t.action, at: t.performedAt };
+}
+function et(s, e) {
+  var l;
+  const t = e.replace(new RegExp(`\\s+#${s.runNo}$`), "");
+  return ((l = s.runName) == null ? void 0 : l.trim()) || `${t} #${s.runNo}`;
+}
+function Ks(s) {
+  var l;
+  const e = String(s.runNo).padStart(12, "0"), t = (l = s.runName) == null ? void 0 : l.trim().toLowerCase();
+  return t ? `0:${t}` : `1:${e}`;
+}
+function Qs(s, e, t = () => null) {
+  var r;
+  const l = e.trim().toLowerCase().replace(/^#/, "");
+  return l ? [
+    ((r = s.runName) == null ? void 0 : r.trim()) ?? "",
+    `${s.runNo}`,
+    ...s.items.map((c) => {
+      var a;
+      return ((a = t(c.skuId)) == null ? void 0 : a.name) ?? "";
+    })
+  ].some((c) => c.toLowerCase().includes(l)) : !0;
+}
+const Zt = {
+  update: "Edit",
+  request: "Submit request",
+  prepare: "Review & prepare",
+  // "Record output" over "Complete run": this action adds finished goods and
+  // may be one of several batches, so "complete" overstates it.
+  complete: "Record output",
+  close: "Close run",
+  cancel: "Cancel run"
+};
+function Gs(s) {
+  return Vt.legalEvents({ run: s }).filter((e) => e !== "create").map((e) => ({ action: e, label: Zt[e] }));
+}
+function eo(s) {
+  switch (s) {
+    case "DRAFT":
+      return "fm-status-badge-draft";
+    case "REQUESTING":
+      return "fm-status-badge-receiving";
+    case "PREPARING":
+      return "fm-status-badge-requesting";
+    case "CLOSED":
+      return "fm-status-badge-close";
+    case "CANCEL":
+      return "fm-status-badge-cancel";
+    default:
+      throw new Error(`Unsupported production run status: ${s}`);
+  }
+}
+function Le(s) {
+  return {
+    id: s._id,
+    name: s.name,
+    abbrev: s.abbrev,
+    baseUnitId: s._id,
+    conversion: { amount: 1, precision: 0 }
+  };
+}
+function $t(s, e) {
+  return {
+    ...e,
+    baseUnitId: s._id,
+    conversion: { ...e.conversion }
+  };
+}
+function It(s) {
+  const e = s;
+  return !!e && Number.isSafeInteger(e.amount) && Number.isSafeInteger(e.precision) && e.precision >= 0;
+}
+function dt(s, e) {
+  function t(r) {
+    let c = r.amount, a = r.precision;
+    for (; a > 0 && c % 10 === 0; )
+      c /= 10, a--;
+    return { amount: c, precision: a };
+  }
+  const l = t(s), o = t(e);
+  return l.amount === o.amount && l.precision === o.precision;
+}
+function $e(s) {
+  const e = s, t = e == null ? void 0 : e.conversion;
+  if (!e || typeof e.id != "string" || !e.id || typeof e.baseUnitId != "string" || !e.baseUnitId || typeof e.name != "string" || typeof e.abbrev != "string" || !t || !It(t))
+    return !1;
+  const l = t.amount / 10 ** t.precision;
+  return t.amount > 0 && Number.isFinite(l) && l > 0;
+}
+function ct(s, e) {
+  return $e(s) && $e(e) && s.id === e.id && s.baseUnitId === e.baseUnitId && dt(s.conversion, e.conversion);
+}
+function ge(s, e) {
+  return !$e(s) || s.baseUnitId !== e._id ? !1 : s.id === e._id ? dt(s.conversion, { amount: 1, precision: 0 }) : e.measurements.some(
+    (t) => t.id === s.id && It(t.conversion) && dt(t.conversion, s.conversion)
+  );
+}
+function qe(s, e) {
+  return $e(s) && ge(s, e) ? { ...s, conversion: { ...s.conversion } } : null;
+}
+const to = { class: "flex" }, oo = /* @__PURE__ */ Y({
+  __name: "ProductionRunStatusBadge",
+  props: {
+    status: {}
+  },
+  setup(s) {
+    const e = s, { t } = de(), l = S(() => t(`inventory.production.run.list.status.${e.status}`)), o = S(() => eo(e.status));
+    return (r, c) => (m(), k("div", to, [
+      u("div", {
+        class: G(["fm-status-badge production-run-status-badge", o.value])
+      }, y(l.value), 3)
+    ]));
+  }
+}), Ws = /* @__PURE__ */ Ie(oo, [["__scopeId", "data-v-0a0172e5"]]), no = { class: "flex gap-12 items-start px-16 py-12 grow" }, ro = { class: "grow min-w-0" }, so = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary mt-4"
+}, io = {
+  key: 1,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary mt-8"
+}, ao = {
+  key: 0,
+  class: "flex gap-8 items-center shrink-0"
+}, mt = /* @__PURE__ */ Y({
+  __name: "FmInventoryBanner",
+  props: {
+    tone: {},
+    title: {},
+    message: { default: void 0 }
+  },
+  setup(s) {
+    const e = s, t = {
+      info: {
+        surface: "bg-fm-color-system-info-100",
+        typo: "text-fm-color-typo-info",
+        accent: "bg-fm-color-system-info-400",
+        icon: "info"
+      },
+      warn: {
+        surface: "bg-fm-color-system-warning-100",
+        typo: "text-fm-color-typo-warning",
+        accent: "bg-fm-color-system-warning-400",
+        icon: "warning"
+      },
+      critical: {
+        surface: "bg-fm-color-system-error-100",
+        typo: "text-fm-color-typo-error",
+        accent: "bg-fm-color-system-error-400",
+        icon: "error"
+      },
+      success: {
+        surface: "bg-fm-color-system-success-100",
+        typo: "text-fm-color-typo-success",
+        accent: "bg-fm-color-system-success-400",
+        icon: "check_circle"
+      }
+    }, l = S(() => t[e.tone]);
+    return (o, r) => {
+      const c = Z("FmIcon");
+      return m(), k("div", {
+        class: G(["flex items-stretch overflow-hidden fm-corner-radius-md", l.value.surface]),
+        role: "status"
+      }, [
+        u("div", {
+          class: G(["w-4 shrink-0", l.value.accent])
+        }, null, 2),
+        u("div", no, [
+          E(c, {
+            name: l.value.icon,
+            size: "sm",
+            outline: "",
+            class: G([l.value.typo, "shrink-0 mt-2"])
+          }, null, 8, ["name", "class"]),
+          u("div", ro, [
+            u("p", {
+              class: G(["fm-typo-en-body-md-600", l.value.typo])
+            }, y(e.title), 3),
+            e.message ? (m(), k("p", so, y(e.message), 1)) : B("", !0),
+            o.$slots.default ? (m(), k("div", io, [
+              se(o.$slots, "default")
+            ])) : B("", !0)
+          ]),
+          o.$slots.actions ? (m(), k("div", ao, [
+            se(o.$slots, "actions")
+          ])) : B("", !0)
+        ])
+      ], 2);
+    };
+  }
+});
+function lo(s) {
+  return {
+    title: s("inventory.production.run.form.submit.title"),
+    message: s("inventory.production.run.form.submit.message"),
+    primaryActions: {
+      text: s("inventory.production.run.form.submit.confirm"),
+      close: !0
+    },
+    secondaryActions: {
+      text: s("inventory.production.run.form.submit.keep"),
+      close: !0,
+      variant: "tertiary"
+    }
+  };
+}
+function uo(s) {
+  return s.filter(
+    (e) => De(e.model.amount) && e.model.amount.amount > 0 && e.bindingCount === 0
+  ).map((e) => e.name);
+}
+function De(s) {
+  const e = s.amount / 10 ** s.precision;
+  return Number.isSafeInteger(s.amount) && Number.isSafeInteger(s.precision) && s.precision >= 0 && s.amount >= 0 && Number.isFinite(e) && (s.amount === 0 || e > 0);
+}
+function co() {
+  const s = zt(), e = xt(), t = Mt(), l = N(!1), o = N(null), r = N(!1), c = N(""), a = N(""), n = N(!1), f = N(0), w = N(!1), U = N([]), _ = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), R = S(
+    () => new Map((t.stockBalance.skus ?? []).map((h) => [h.id, h.balance]))
+  );
+  function T() {
+    return (e.skus ?? []).map((h) => ({
+      doc: h,
+      balance: R.value.get(h._id) ?? { amount: 0, precision: 0 },
+      abbrev: h.unit.abbrev,
+      uom: []
+    }));
+  }
+  function z() {
+    return {
+      stocks: T(),
+      recipes: e.recipes ?? []
+    };
+  }
+  const D = Et({
+    env: z()
+  }), g = Dt({
+    env: z()
+  });
+  let te = 0;
+  function J() {
+    try {
+      const h = D.state().items;
+      g.resetState(), g.addItems(h.map((V) => V.inventoryStock));
+      for (const V of h) {
+        const P = ce(V), d = _.get(V.key) ?? null, v = b.get(V.key) ?? V.requested, $ = De(v) && !!d && ge(d, P.unit);
+        g.updateItem(
+          V.key,
+          $ ? Ee(v, d) : { amount: 0, precision: 0 },
+          P.unit._id
+        );
+      }
+      w.value = !1;
+    } catch (h) {
+      w.value = !0, console.error("[production-run] ingredient projection failed", h);
+    } finally {
+      f.value++;
+    }
+  }
+  function L() {
+    D.updateEnv(z()), g.updateEnv(z()), J();
+  }
+  async function q() {
+    const h = ++te;
+    l.value = !0, o.value = null;
+    try {
+      return await e.readInventory(), await t.readStockBalance(), h !== te ? !1 : (L(), !0);
+    } catch (V) {
+      return h === te && (o.value = ut(V)), !1;
+    } finally {
+      h === te && (l.value = !1);
+    }
+  }
+  async function A() {
+    await t.readStockBalance(), D.updateBalances(T()), g.updateBalances(T()), J();
+  }
+  function j() {
+    D.resetState(), _.clear(), b.clear(), c.value = "", a.value = "", n.value = !1, U.value = [], J();
+  }
+  function x(h) {
+    var $;
+    D.resetState();
+    const V = h.items.filter(
+      (p) => $e(p.measurement)
+    );
+    D.seedFromRunItems(V);
+    const P = new Set(D.state().items.map((p) => p.key)), d = new Set(
+      h.items.filter((p) => !P.has(p.skuId)).map((p) => p.skuId)
+    ), v = T().filter((p) => d.has(p.doc._id));
+    v.length && D.addItems(v), _.clear(), b.clear();
+    for (const p of D.state().items) {
+      const O = ce(p), F = h.items.filter((oe) => oe.skuId === O._id), W = F.map(
+        (oe) => qe(oe.measurement, O.unit)
+      );
+      if (!F.length || W.some((oe) => !oe)) {
+        const oe = ($ = F[0]) == null ? void 0 : $.measurement, Ve = F.length === 1 && $e(oe) ? { ...oe, conversion: { ...oe.conversion } } : null;
+        _.set(p.key, Ve), b.set(
+          p.key,
+          F.length === 1 ? F[0].requestedAmount : { amount: 0, precision: p.requested.precision }
+        );
+        continue;
+      }
+      const Q = W, re = Q[0], le = Q.every(
+        (oe) => ct(oe, re)
+      ), we = Q.every((oe) => oe.baseUnitId === O.unit._id), Re = le ? { ...re, conversion: { ...re.conversion } } : we ? Le(O.unit) : null, je = le ? F.map((oe) => oe.requestedAmount).reduce(ye.addDecimal) : we ? F.map((oe, Ve) => Ee(oe.requestedAmount, Q[Ve])).reduce(ye.addDecimal) : { amount: 0, precision: p.requested.precision };
+      _.set(p.key, Re), b.set(p.key, je);
+      const Ye = !!Re && ge(Re, O.unit);
+      D.updateItem(
+        p.key,
+        Ye ? Ee(je, Re) : { amount: 0, precision: je.precision },
+        O.unit._id
+      );
+    }
+    U.value = C(h), c.value = h.runName ?? "", a.value = h.instructions ?? "", n.value = !1, J();
+  }
+  function C(h) {
+    const V = (P) => {
+      var d;
+      return ((d = e.skuById[P]) == null ? void 0 : d.unit.abbrev) ?? "";
+    };
+    return D.duplicateItemMerges().map((P) => {
+      var O;
+      const d = h == null ? void 0 : h.items.filter((F) => F.skuId === P.skuId), v = e.skuById[P.skuId], $ = d == null ? void 0 : d.map(
+        (F) => v ? qe(F.measurement, v.unit) : null
+      ), p = !d || !!($ != null && $[0]) && $.every(
+        (F) => !!F && F.baseUnitId === $[0].baseUnitId
+      );
+      return {
+        skuId: P.skuId,
+        name: P.skuName,
+        sources: (d ?? P.sources).map((F, W) => {
+          var Q, re;
+          return {
+            amount: ye.toDouble(
+              "requestedAmount" in F ? F.requestedAmount : F.amount
+            ),
+            unit: ((Q = $ == null ? void 0 : $[W]) == null ? void 0 : Q.abbrev) ?? ("measurement" in F ? (re = F.measurement) == null ? void 0 : re.abbrev : null) ?? ""
+          };
+        }),
+        amount: p ? ye.toDouble(P.combined) : null,
+        unit: p ? ((O = P.measurement) == null ? void 0 : O.abbrev) ?? V(P.skuId) : null
+      };
+    });
+  }
+  function _e(h) {
+    const V = T().filter((d) => h.includes(d.doc._id));
+    if (!V.length) return;
+    const P = new Set(D.state().items.map((d) => d.key));
+    D.addItems(V);
+    for (const d of V.filter((v) => !P.has(v.doc._id))) {
+      const v = Le(d.doc.unit), $ = { amount: 1, precision: 0 };
+      _.set(d.doc._id, v), b.set(d.doc._id, $), D.updateItem(d.doc._id, $, d.doc.unit._id);
+    }
+    n.value = !0, J();
+  }
+  function Fe(h) {
+    D.removeItem(h), _.delete(h), b.delete(h), n.value = !0, J();
+  }
+  function xe() {
+    for (const h of [...D.state().items]) D.removeItem(h.key);
+    _.clear(), b.clear(), n.value = !0, J();
+  }
+  function ve(h, V, P, d = {}) {
+    var O;
+    const v = new Set(D.state().items.map((F) => F.key)), $ = h.items.filter(
+      (F) => V.includes(F.skuId) && (P === "replace" || !v.has(F.skuId))
+    );
+    P === "replace" && xe();
+    const p = /* @__PURE__ */ new Map();
+    for (const F of $) {
+      const W = p.get(F.skuId) ?? [], Q = d[F.skuId];
+      W.push(Q ? { ...F, measurement: Q } : F), p.set(F.skuId, W);
+    }
+    _e([...p.keys()]);
+    for (const [F, W] of p) {
+      const Q = D.state().items.find((ne) => ne.key === F);
+      if (!Q) continue;
+      const re = ce(Q), le = W.map(
+        (ne) => qe(ne.measurement, re.unit)
+      ), we = le[0], Re = !!we && le.every(
+        (ne) => !!ne && ct(ne, we)
+      ), je = we ? { ...we, conversion: { ...we.conversion } } : null, Ye = le.every(
+        (ne) => !!ne && ne.baseUnitId === re.unit._id
+      ), oe = (O = W[0]) == null ? void 0 : O.measurement, Ve = W.length === 1 && $e(oe) ? { ...oe, conversion: { ...oe.conversion } } : null, be = Re ? je : Ye ? Le(re.unit) : Ve, He = Re ? W.map((ne) => ne.requestedAmount).reduce(ye.addDecimal) : Ye ? W.map((ne, at) => Ee(ne.requestedAmount, le[at])).reduce(ye.addDecimal) : Ve ? W[0].requestedAmount : { amount: 0, precision: 0 }, Rt = be ? He : { amount: 0, precision: He.precision };
+      _.set(Q.key, be), b.set(Q.key, Rt);
+      const At = !!be && ge(be, re.unit);
+      D.updateItem(
+        Q.key,
+        At ? Ee(He, be) : { amount: 0, precision: He.precision },
+        re.unit._id
+      ), U.value = U.value.filter((ne) => ne.skuId !== F), W.length > 1 && U.value.push({
+        skuId: F,
+        name: re.name,
+        sources: W.map((ne, at) => {
+          var pt, ft;
+          return {
+            amount: ye.toDouble(ne.requestedAmount),
+            unit: ((pt = le[at]) == null ? void 0 : pt.abbrev) ?? ((ft = ne.measurement) == null ? void 0 : ft.abbrev) ?? ""
+          };
+        }),
+        amount: be ? ye.toDouble(He) : null,
+        unit: (be == null ? void 0 : be.abbrev) ?? null
+      });
+    }
+    n.value = !0, J();
+  }
+  function Ue(h, V) {
+    const P = D.state().items.find(($) => $.key === h);
+    if (!P) return;
+    _.set(h, V.measurement), b.set(h, V.amount);
+    const d = ce(P), v = De(V.amount) && !!V.measurement && ge(V.measurement, d.unit);
+    D.updateItem(
+      h,
+      v ? Ee(V.amount, V.measurement) : { amount: 0, precision: 0 },
+      d.unit._id
+    ), n.value = !0, J();
+  }
+  function Ne(h) {
+    c.value = h, n.value = !0;
+  }
+  function Oe(h) {
+    a.value = h, n.value = !0;
+  }
+  const Se = S(() => (f.value, g.getItemBreakdown()));
+  function ce(h) {
+    return h.inventoryStock.doc;
+  }
+  const Ce = S(() => (f.value, D.state().items.map((h) => {
+    var $;
+    const V = (($ = Se.value.find((p) => p.item.key === h.key)) == null ? void 0 : $.lines) ?? [], P = ce(h), d = _.get(h.key) ?? null, v = b.get(h.key) ?? h.requested;
+    return {
+      key: h.key,
+      skuId: P._id,
+      name: P.name,
+      code: P.code,
+      baseUnit: P.unit.abbrev,
+      enteredUnit: (d == null ? void 0 : d.abbrev) ?? "",
+      onHand: R.value.has(P._id) ? ye.toDouble(R.value.get(P._id)) : null,
+      // The durable amount + snapshot pair is the quantity truth. The old
+      // controller may hold that same figure in base units when a copied
+      // measurement no longer exists live; converting its internal value
+      // here would apply the stored factor twice.
+      baseQuantity: De(v) && d && ge(d, P.unit) ? Ot(v, d) : 0,
+      sku: P,
+      model: { amount: v, measurement: d },
+      bindingCount: V.length,
+      bindingLines: V.map((p) => ({
+        id: p.skuId,
+        name: p.name,
+        amount: p.perUnit,
+        unit: p.unit
+      }))
+    };
+  }))), Pe = S(() => {
+    f.value;
+    const h = Ce.value;
+    return D.canSubmit() && h.some((V) => V.model.amount.amount > 0) && h.every(
+      (V) => De(V.model.amount) && !!V.model.measurement && ge(V.model.measurement, V.sku.unit)
+    );
+  }), Me = S(() => Pe.value && !w.value), I = S(() => {
+    f.value;
+    const h = /* @__PURE__ */ new Map();
+    for (const P of Se.value)
+      if (!(P.qty <= 0))
+        for (const d of P.lines) {
+          if (d.total <= 0) continue;
+          const v = h.get(d.skuId) ?? [];
+          v.push({
+            itemSkuId: P.item.key,
+            name: P.item.inventoryStock.doc.name,
+            perUnit: d.perUnit,
+            sourceQuantity: P.qty,
+            sourceUnit: P.item.inventoryStock.doc.unit.abbrev,
+            amount: d.total
+          }), h.set(d.skuId, v);
+        }
+    const V = new Map(g.getIngredientImpacts().map((P) => [P.skuId, P]));
+    return [...h.entries()].map(([P, d]) => {
+      var p, O;
+      const v = V.get(P), $ = d.reduce((F, W) => F + W.amount, 0);
+      return {
+        skuId: P,
+        name: (v == null ? void 0 : v.name) ?? ((p = e.skuById[P]) == null ? void 0 : p.name) ?? P,
+        unit: (v == null ? void 0 : v.unit) ?? ((O = e.skuById[P]) == null ? void 0 : O.unit.abbrev) ?? "",
+        need: $,
+        current: (v == null ? void 0 : v.current) ?? null,
+        after: (v == null ? void 0 : v.after) ?? null,
+        // No impact row means no resolved balance — not a healthy one.
+        status: v ? String(v.status) : "unknown",
+        contributors: d
+      };
+    });
+  }), K = S(
+    () => I.value.filter((h) => h.status === "shortage").map((h) => ({
+      name: h.name,
+      over: Math.abs(Math.min(0, h.after ?? 0)),
+      unit: h.unit
+    }))
+  ), X = S(() => (f.value, (e.skus ?? []).filter((h) => h.convert != null).map((h) => ({
+    sku: h,
+    hasBindings: D.itemHasBindings(h._id),
+    // The Stock store normalizes every catalog sku to an explicit zero row;
+    // a read failure blocks the form before candidates render.
+    onHand: ye.toDouble(
+      R.value.get(h._id) ?? {
+        amount: 0,
+        precision: 0
+      }
+    )
+  }))));
+  function me() {
+    return D.state().items.flatMap((h) => {
+      var d;
+      const V = _.get(h.key);
+      if (!V) throw new Error(`Production run item ${h.key} has no unit snapshot`);
+      if (!ge(V, ce(h).unit))
+        throw new Error(
+          `Production run item ${h.key} has a unit snapshot that does not belong to its live unit`
+        );
+      const P = (d = Ce.value.find((v) => v.key === h.key)) == null ? void 0 : d.model;
+      if (!P) throw new Error(`Production run item ${h.key} is unavailable`);
+      if (!De(P.amount))
+        throw new Error(
+          `Production run item ${h.key} does not have a valid non-negative decimal`
+        );
+      return P.amount.amount === 0 ? [] : [
+        {
+          skuId: h.key,
+          requestedAmount: P.amount,
+          measurement: V
+        }
+      ];
+    });
+  }
+  function ae() {
+    return {
+      items: me(),
+      // The create contract requires the choice explicitly: null means the
+      // operator left this optional label blank.
+      runName: c.value.trim() || null,
+      // Blank normalises to null, never `''` — see the entity's own note on
+      // the field. Sent on create as well as update so the two payloads make
+      // the same statement about an empty box.
+      instructions: a.value.trim() || null
+    };
+  }
+  function Be() {
+    return {
+      items: me(),
+      runName: c.value.trim() || null,
+      instructions: a.value.trim() || null
+    };
+  }
+  async function ie() {
+    r.value = !0;
+    try {
+      return await s.create(ae());
+    } finally {
+      r.value = !1;
+    }
+  }
+  async function st(h) {
+    r.value = !0;
+    try {
+      return await s.update(h, Be());
+    } finally {
+      r.value = !1;
+    }
+  }
+  async function it() {
+    r.value = !0;
+    try {
+      const h = await s.create(ae());
+      try {
+        return { run: await s.request(h._id), requested: !0, failure: null };
+      } catch (V) {
+        return { run: h, requested: !1, failure: ut(V) };
+      }
+    } finally {
+      r.value = !1;
+    }
+  }
+  return {
+    loading: l,
+    loadFailure: o,
+    submitting: r,
+    dirty: n,
+    runName: c,
+    instructions: a,
+    items: Ce,
+    commits: I,
+    shortages: K,
+    candidates: X,
+    projectionFailed: w,
+    duplicateMerges: U,
+    canSubmit: Pe,
+    canRequest: Me,
+    load: q,
+    refreshStock: A,
+    retryProjection: J,
+    reset: j,
+    seedFrom: x,
+    addItems: _e,
+    removeItem: Fe,
+    clearAll: xe,
+    duplicateItems: ve,
+    updateItemModel: Ue,
+    updateRunName: Ne,
+    updateInstructions: Oe,
+    createDraft: ie,
+    updateDraft: st,
+    createAndRequest: it,
+    displayName: et
+  };
+}
+function mo(s) {
+  return jt(s.unit);
+}
+function po() {
+  const s = xt();
+  return (e) => {
+    const t = s.skuById[e];
+    return t ? mo(t) : null;
+  };
+}
+const fo = { class: "relative pb-[4px] pl-[12px] text-[12px] leading-[16px]" }, vo = ["role"], yo = ["title"], bo = { class: "shrink-0 font-medium text-fm-color-typo-primary tabular-nums" }, go = /* @__PURE__ */ Y({
+  __name: "ProductionRunContributorBranch",
+  props: {
+    entries: {},
+    itemRole: {}
+  },
+  setup(s) {
+    return (e, t) => (m(), k("ul", fo, [
+      (m(!0), k(ee, null, pe(e.entries, (l, o) => (m(), k("li", {
+        key: l.key,
+        role: e.itemRole,
+        class: "relative flex items-center justify-between gap-[12px] py-[2px] pl-[8px] pr-[8px] text-fm-color-typo-secondary"
+      }, [
+        u("span", {
+          "data-testid": "ingredient-connector-vertical",
+          "aria-hidden": "true",
+          class: G(["absolute -left-[12px] border-l border-fm-color-border-default", [
+            o === 0 ? "-top-[4px]" : "top-0",
+            o === e.entries.length - 1 ? "bottom-1/2" : "bottom-0"
+          ]])
+        }, null, 2),
+        t[0] || (t[0] = u("span", {
+          "data-testid": "ingredient-connector-horizontal",
+          "aria-hidden": "true",
+          class: "absolute -left-[12px] top-1/2 w-[20px] border-t border-fm-color-border-default"
+        }, null, -1)),
+        u("span", {
+          class: "min-w-0 truncate",
+          title: l.label
+        }, y(l.label), 9, yo),
+        u("strong", bo, y(l.value), 1)
+      ], 8, vo))), 128))
+    ]));
+  }
+});
+function nt(s = !0) {
+  const e = N(null), t = N(!1);
+  let l = 0, o = !1;
+  function r() {
+    const a = e.value;
+    t.value = Ze(s) && !!a && a.scrollHeight - a.scrollTop - a.clientHeight > 1;
+  }
+  function c() {
+    o || (o = !0, l = requestAnimationFrame(() => {
+      o = !1, l = 0, he(r);
+    }));
+  }
+  return ke([e, () => Ze(s)], c, { immediate: !0 }), Ft(c), Te(() => window.addEventListener("resize", c)), We(() => {
+    cancelAnimationFrame(l), window.removeEventListener("resize", c);
+  }), { scroller: e, canScrollFurther: t, measure: r, scheduleMeasure: c, onScroll: r };
+}
+const ho = ["data-testid", "data-visible"], Ge = /* @__PURE__ */ Y({
+  __name: "ProductionRunScrollHint",
+  props: {
+    visible: { type: Boolean },
+    testid: { default: "production-run-scroll-hint" }
+  },
+  setup(s) {
+    return (e, t) => (m(), k("div", {
+      "data-testid": e.testid,
+      "data-visible": String(e.visible),
+      class: G([e.visible ? "opacity-100" : "opacity-0", "pointer-events-none sticky inset-x-0 bottom-0 z-10 -mt-10 h-10 shrink-0 bg-gradient-to-t from-fm-color-surface-primary via-fm-color-surface-primary to-transparent transition-opacity"]),
+      "aria-hidden": "true"
+    }, null, 10, ho));
+  }
+}), ko = ["data-mode", "aria-labelledby"], _o = { class: "flex min-h-56 items-center justify-between gap-8 border-b border-fm-color-neutral-gray-200 px-16 py-12" }, xo = ["id"], wo = {
+  key: 1,
+  "data-testid": "production-run-ingredient-empty",
+  class: "flex items-center justify-center px-16 py-32 text-center text-[14px] font-normal leading-[20px] text-fm-color-typo-secondary"
+}, $o = ["role", "aria-labelledby"], Io = ["role", "aria-expanded"], So = {
+  key: 1,
+  "aria-hidden": "true"
+}, Co = { class: "contents" }, Ro = { class: "fm-typo-en-body-md-600 line-clamp-1 text-fm-color-typo-primary" }, Ao = { class: "text-fm-color-typo-error" }, Fo = {
+  key: 3,
+  "data-testid": "production-run-ingredient-tree-footer",
+  class: "fm-typo-en-body-sm-400 mt-auto flex shrink-0 items-center gap-[6px] border-t border-fm-color-neutral-gray-200 px-16 py-12 text-fm-color-typo-secondary"
+}, Uo = /* @__PURE__ */ Y({
+  __name: "ProductionRunIngredientTree",
+  props: {
+    mode: {},
+    rows: {},
+    noItems: { type: Boolean },
+    unboundNames: { default: () => [] },
+    constrained: { type: Boolean, default: !0 }
+  },
+  setup(s) {
+    const e = s, { t } = de(), l = po(), o = N(/* @__PURE__ */ new Set()), r = S(() => e.mode !== "requested"), c = S(
+      () => e.mode === "planner" ? "inventory.production.run.form.commits.title" : "inventory.production.run.detail.requested.ingredientsTitle"
+    ), a = S(() => e.unboundNames ?? []), n = S(() => e.rows.filter((A) => A.status === "shortage").length), f = S(() => e.rows.filter((A) => A.status === "unknown").length), w = S(() => r.value && e.constrained), {
+      scroller: U,
+      canScrollFurther: _,
+      onScroll: b
+    } = nt(w);
+    function R(A) {
+      const j = /* @__PURE__ */ new Map();
+      for (const x of A.contributors) {
+        const C = j.get(x.itemSkuId);
+        C ? C.amount += x.amount : j.set(x.itemSkuId, { ...x });
+      }
+      return [...j.values()];
+    }
+    const T = S(
+      () => e.rows.map((A) => ({ ...A, displayContributors: R(A) }))
+    ), z = S(
+      () => r.value ? new Set(
+        T.value.filter((A) => A.displayContributors.length).map((A) => A.skuId)
+      ) : /* @__PURE__ */ new Set()
+    ), D = S(() => [...z.value].some((A) => o.value.has(A)));
+    ke(
+      [() => e.mode, z],
+      ([A, j]) => {
+        if (A === "requested") {
+          o.value = /* @__PURE__ */ new Set();
+          return;
+        }
+        const x = [...o.value].filter((C) => j.has(C));
+        x.length !== o.value.size && (o.value = new Set(x));
+      },
+      { immediate: !0 }
+    );
+    function g(A, j, x) {
+      return fe(A, x, { precision: l(j) });
+    }
+    function te(A) {
+      if (!z.value.has(A)) return;
+      const j = new Set(o.value);
+      j.has(A) ? j.delete(A) : j.add(A), o.value = j;
+    }
+    function J() {
+      o.value = D.value ? /* @__PURE__ */ new Set() : new Set(z.value);
+    }
+    function L(A, j) {
+      return A.map((x) => ({
+        key: x.itemSkuId,
+        label: x.name,
+        value: g(x.amount, j.skuId, j.unit)
+      }));
+    }
+    function q() {
+      return a.value.length ? e.mode === "planner" ? "inventory.production.run.form.commits.noBindings" : "inventory.production.run.detail.requested.ingredientsEmpty" : e.noItems ? "inventory.production.run.form.commits.empty" : "inventory.production.run.form.commits.noQuantities";
+    }
+    return (A, j) => {
+      const x = Z("FmIcon");
+      return m(), k("aside", {
+        "data-testid": "production-run-ingredient-tree",
+        "data-mode": A.mode,
+        "aria-labelledby": `production-run-ingredient-title-${A.mode}`,
+        class: G(["fm-corner-radius-md flex min-w-0 flex-col overflow-hidden border border-fm-color-neutral-gray-200", A.mode !== "requested" && A.constrained ? "max-h-[60dvh]" : ""])
+      }, [
+        u("header", _o, [
+          u("h3", {
+            id: `production-run-ingredient-title-${A.mode}`,
+            class: "whitespace-nowrap text-[16px] font-semibold leading-[24px] text-fm-color-typo-primary"
+          }, y(i(t)(c.value)), 9, xo),
+          r.value && z.value.size ? (m(), k("button", {
+            key: 0,
+            type: "button",
+            class: "fm-typo-en-body-sm-400 shrink-0 whitespace-nowrap text-fm-color-typo-primary",
+            onClick: J
+          }, y(D.value ? i(t)("inventory.production.run.form.commits.collapseAll") : i(t)("inventory.production.run.form.commits.expandAll")), 1)) : B("", !0)
+        ]),
+        A.rows.length ? (m(), k("div", {
+          key: 0,
+          ref_key: "ingredientRowsScroll",
+          ref: U,
+          class: "fm-typo-en-body-md-400 flex shrink-0 gap-4 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 px-16 py-8 text-fm-color-typo-secondary"
+        }, [
+          u("span", null, y(A.rows.length === 1 ? i(t)("inventory.production.run.form.commits.summaryOne", { count: A.rows.length }) : i(t)("inventory.production.run.form.commits.summary", { count: A.rows.length })), 1),
+          j[1] || (j[1] = u("span", { "aria-hidden": "true" }, "·", -1)),
+          u("span", {
+            class: G(
+              n.value ? "text-fm-color-typo-error" : f.value ? "text-fm-color-typo-warning" : ""
+            )
+          }, y(n.value > 0 ? n.value === 1 ? i(t)("inventory.production.run.form.commits.shortageOne") : i(t)("inventory.production.run.form.commits.shortCount", {
+            count: n.value
+          }) : f.value ? i(t)("inventory.production.run.form.commits.stockUnknown") : i(t)("inventory.production.run.form.commits.noShortages")), 3)
+        ], 512)) : B("", !0),
+        A.rows.length ? B("", !0) : (m(), k("div", wo, y(i(t)(q())), 1)),
+        A.rows.length ? (m(), k("div", {
+          key: 2,
+          role: r.value ? "tree" : void 0,
+          "aria-labelledby": `production-run-ingredient-title-${A.mode}`,
+          "data-testid": "production-run-ingredient-rows",
+          class: G(["flex min-h-0 flex-1 flex-col", r.value ? "overflow-y-auto" : ""]),
+          onScroll: j[0] || (j[0] = //@ts-ignore
+          (...C) => i(b) && i(b)(...C))
+        }, [
+          (m(!0), k(ee, null, pe(T.value, (C) => (m(), k("div", {
+            key: C.skuId,
+            role: r.value ? "treeitem" : void 0,
+            "aria-expanded": z.value.has(C.skuId) ? o.value.has(C.skuId) : void 0,
+            class: "border-b border-fm-color-neutral-gray-200 last:border-b-0"
+          }, [
+            (m(), M(Ut(z.value.has(C.skuId) ? "button" : "div"), {
+              type: z.value.has(C.skuId) ? "button" : void 0,
+              "data-testid": z.value.has(C.skuId) ? "production-run-ingredient-toggle" : void 0,
+              class: G(["grid w-full items-start gap-x-8 px-8 py-4 text-left", [
+                r.value ? "grid-cols-[1rem_minmax(0,1fr)_auto]" : "grid-cols-[minmax(0,1fr)_auto]",
+                z.value.has(C.skuId) ? "hover:bg-fm-color-opacity-sm" : ""
+              ]]),
+              "aria-expanded": z.value.has(C.skuId) ? o.value.has(C.skuId) : void 0,
+              onClick: (_e) => te(C.skuId)
+            }, {
+              default: H(() => [
+                z.value.has(C.skuId) ? (m(), M(x, {
+                  key: 0,
+                  name: "chevron_right",
+                  size: "sm",
+                  class: G(["mt-[1px] text-fm-color-typo-tertiary transition-transform", { "rotate-90": o.value.has(C.skuId) }])
+                }, null, 8, ["class"])) : r.value ? (m(), k("span", So)) : B("", !0),
+                u("span", Co, [
+                  u("span", Ro, y(C.name), 1),
+                  u("strong", {
+                    class: G(["fm-typo-en-body-md-600 whitespace-nowrap px-8 text-fm-color-typo-primary", C.status === "shortage" ? "!text-fm-color-typo-error" : ""])
+                  }, y(g(C.need, C.skuId, C.unit)), 3),
+                  u("span", {
+                    "data-testid": "production-run-ingredient-balance",
+                    class: G(["fm-typo-en-body-sm-400 col-span-2 text-fm-color-typo-secondary", r.value ? "col-start-2" : "col-start-1"])
+                  }, [
+                    C.current === null || C.after === null ? (m(), k(ee, { key: 0 }, [
+                      ue(y(i(lt)) + " · " + y(i(t)("inventory.production.run.form.commits.stockUnknown")), 1)
+                    ], 64)) : C.status === "shortage" ? (m(), k(ee, { key: 1 }, [
+                      ue(y(i(t)("inventory.production.run.form.items.columns.inStock")) + " " + y(g(C.current, C.skuId)) + " → ", 1),
+                      u("strong", Ao, y(i(t)("inventory.production.run.form.commits.shortBy", {
+                        amount: `−${g(Math.abs(C.after), C.skuId, C.unit)}`
+                      })), 1)
+                    ], 64)) : (m(), k(ee, { key: 2 }, [
+                      ue(y(i(t)("inventory.production.run.form.items.columns.inStock")) + " " + y(g(C.current, C.skuId)) + " → " + y(g(C.after, C.skuId)) + " " + y(C.unit), 1)
+                    ], 64))
+                  ], 2),
+                  C.displayContributors.length > 1 ? (m(), k("span", {
+                    key: 0,
+                    class: G(["fm-typo-en-body-sm-400 col-span-2 text-fm-color-typo-tertiary", r.value ? "col-start-2" : "col-start-1"])
+                  }, y(i(t)("inventory.production.run.form.commits.across", {
+                    count: C.displayContributors.length
+                  })), 3)) : B("", !0)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["type", "data-testid", "class", "aria-expanded", "onClick"])),
+            r.value && o.value.has(C.skuId) ? (m(), M(go, {
+              key: 0,
+              role: "group",
+              "item-role": "treeitem",
+              entries: L(C.displayContributors, C),
+              class: "ml-[40px] mr-[8px] mt-[8px]"
+            }, null, 8, ["entries"])) : B("", !0)
+          ], 8, Io))), 128)),
+          w.value ? (m(), M(Ge, {
+            key: 0,
+            visible: i(_),
+            testid: "production-run-ingredient-scroll-hint"
+          }, null, 8, ["visible"])) : B("", !0)
+        ], 42, $o)) : B("", !0),
+        A.mode === "planner" && !A.noItems ? (m(), k("footer", Fo, [
+          E(x, {
+            name: "info",
+            size: "sm",
+            outline: "",
+            class: "!size-[14px] shrink-0"
+          }),
+          u("span", null, y(i(t)("inventory.production.run.detail.draft.stockTiming")), 1)
+        ])) : B("", !0)
+      ], 10, ko);
+    };
+  }
+}), Po = {
+  key: 0,
+  "data-testid": "production-run-instructions",
+  class: "overflow-hidden border border-fm-color-border-default bg-fm-color-surface-primary fm-corner-radius-md"
+}, Bo = { class: "px-16 py-12" }, Vo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Eo = {
+  "data-testid": "production-run-instructions-body",
+  class: "border-t border-fm-color-border-default px-16 py-12 fm-typo-en-body-md-400 whitespace-pre-wrap break-words text-fm-color-typo-primary"
+}, Do = /* @__PURE__ */ Y({
+  __name: "ProductionRunInstructionsCard",
+  props: {
+    instructions: {}
+  },
+  setup(s) {
+    const e = s, { t } = de(), l = S(() => {
+      var o;
+      return ((o = e.instructions) == null ? void 0 : o.trim()) || null;
+    });
+    return (o, r) => l.value ? (m(), k("section", Po, [
+      u("header", Bo, [
+        u("h2", Vo, y(i(t)("inventory.production.run.form.instructions")), 1)
+      ]),
+      u("p", Eo, y(l.value), 1)
+    ])) : B("", !0);
+  }
+}), Lo = ["data-testid", "aria-controls", "aria-expanded"], qo = /* @__PURE__ */ Y({
+  inheritAttrs: !1,
+  __name: "ProductionRunCompactDisclosure",
+  props: {
+    expanded: { type: Boolean },
+    controls: {},
+    label: {},
+    testid: {}
+  },
+  emits: ["toggle"],
+  setup(s) {
+    return (e, t) => {
+      const l = Z("FmIcon");
+      return m(), k("button", Je(e.$attrs, {
+        type: "button",
+        "data-testid": e.testid,
+        class: "production-run-compact-disclosure inline-flex min-h-24 items-center gap-[2px] fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
+        "aria-controls": e.controls,
+        "aria-expanded": e.expanded,
+        onClick: t[0] || (t[0] = (o) => e.$emit("toggle"))
+      }), [
+        E(l, {
+          name: "chevron_right",
+          size: "sm",
+          "aria-hidden": "true",
+          class: G(["!size-12 shrink-0 !text-[12px] !leading-[12px] transition-transform", e.expanded && "rotate-90"])
+        }, null, 8, ["class"]),
+        ue(" " + y(e.label), 1)
+      ], 16, Lo);
+    };
+  }
+}), yt = /* @__PURE__ */ Y({
+  __name: "ProductionRunBindingsDisclosure",
+  props: {
+    count: {},
+    controls: {},
+    expanded: { type: Boolean },
+    testid: {}
+  },
+  emits: ["toggle"],
+  setup(s, { emit: e }) {
+    const t = e, { t: l } = de();
+    return (o, r) => (m(), M(qo, {
+      testid: o.testid,
+      class: "w-fit rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-fm-color-primary",
+      controls: o.controls,
+      expanded: o.expanded,
+      label: i(l)("inventory.production.run.form.bindings.count", { count: o.count }),
+      onToggle: r[0] || (r[0] = (c) => t("toggle"))
+    }, null, 8, ["testid", "controls", "expanded", "label"]));
+  }
+}), To = ["id", "data-testid"], No = {
+  key: 0,
+  class: "mb-4 fm-typo-en-body-sm-600 text-fm-color-typo-secondary"
+}, Oo = ["aria-label"], Mo = ["title"], jo = { class: "shrink-0 tabular-nums text-fm-color-typo-secondary" }, Ho = /* @__PURE__ */ Y({
+  __name: "ProductionRunBindingsList",
+  props: {
+    id: {},
+    count: {},
+    unit: {},
+    lines: {},
+    itemName: {},
+    testid: {},
+    showHeading: { type: Boolean, default: !0 }
+  },
+  setup(s) {
+    const { t: e } = de();
+    return (t, l) => (m(), k("div", {
+      id: t.id,
+      "data-testid": t.testid
+    }, [
+      t.showHeading ? (m(), k("p", No, y(i(e)("inventory.production.run.form.bindings.perBaseUnit", { unit: t.unit })), 1)) : B("", !0),
+      u("ul", {
+        class: "production-run-bindings-list grid grid-cols-2 gap-x-24 gap-y-4 rounded-md bg-fm-color-neutral-gray-100 px-12 py-8",
+        "aria-label": `${i(e)("inventory.production.run.form.bindings.count", { count: t.count })}: ${t.itemName}`
+      }, [
+        (m(!0), k(ee, null, pe(t.lines, (o) => (m(), k("li", {
+          key: o.id,
+          class: "fm-typo-en-body-sm-400 flex min-w-0 items-center justify-between gap-12"
+        }, [
+          u("span", {
+            class: "truncate",
+            title: o.name
+          }, y(o.name), 9, Mo),
+          u("span", jo, y(i(fe)(o.amount, o.unit)), 1)
+        ]))), 128))
+      ], 8, Oo)
+    ], 8, To));
+  }
+}), bt = /* @__PURE__ */ Ie(Ho, [["__scopeId", "data-v-eb324d63"]]);
+function zo() {
+  const s = N(!1), e = N(!1), t = N(!1), l = S(() => s.value || e.value), o = S(() => l.value || t.value);
+  function r() {
+    s.value = !0;
+  }
+  function c() {
+    s.value = !1;
+  }
+  function a() {
+    e.value = !0;
+  }
+  function n() {
+    e.value = !1;
+  }
+  function f() {
+    s.value = !1, e.value = !1;
+  }
+  function w() {
+    f(), t.value = !1;
+  }
+  function U() {
+    t.value = !t.value;
+  }
+  function _(b) {
+    b || w();
+  }
+  return {
+    hovered: s,
+    focused: e,
+    pinned: t,
+    transientOpen: l,
+    open: o,
+    enterTrigger: r,
+    leaveTrigger: c,
+    focusTrigger: a,
+    blurTrigger: n,
+    dismissTransient: f,
+    dismiss: w,
+    togglePinned: U,
+    onPopoverChanged: _
+  };
+}
+const Ko = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(","), St = ".fm-dialog,.fm-side-sheet";
+function gt(s) {
+  return [...s.querySelectorAll(Ko)].filter((e) => e.offsetParent === null && e !== document.activeElement ? !1 : e.getAttribute("aria-hidden") !== "true");
+}
+function ze(s) {
+  return (s == null ? void 0 : s.closest(St)) ?? s;
+}
+function ht(s) {
+  const e = [...document.querySelectorAll(St)];
+  return e.length === 0 || e[e.length - 1] === s;
+}
+const Qo = 4, Qe = [];
+typeof document < "u" && document.addEventListener(
+  "focusin",
+  (s) => {
+    const e = s.target;
+    !e || e === document.body || Qe[0] === e || (Qe.unshift(e), Qe.length = Math.min(Qe.length, Qo));
+  },
+  !0
+);
+function Ct(s, e) {
+  const t = N(null);
+  let l = [];
+  function o(n) {
+    const f = e === void 0 ? null : Ze(e);
+    return typeof f == "string" ? n.querySelector(f) : f && n.contains(f) ? f : null;
+  }
+  function r(n) {
+    var w;
+    const f = o(n);
+    f == null || f.focus(), !(f && document.activeElement === f) && ((w = gt(n)[0]) == null || w.focus());
+  }
+  function c(n) {
+    const f = ze(t.value);
+    if (n.key !== "Tab" || !f || !ht(f)) return;
+    const w = gt(f);
+    if (!w.length) {
+      n.preventDefault();
+      return;
+    }
+    const U = w[0], _ = w[w.length - 1], b = document.activeElement;
+    if (!b || !f.contains(b)) {
+      n.preventDefault(), U.focus();
+      return;
+    }
+    n.shiftKey && b === U ? (n.preventDefault(), _.focus()) : !n.shiftKey && b === _ && (n.preventDefault(), U.focus());
+  }
+  function a(n) {
+    const f = ze(t.value);
+    if (!f || !ht(f)) return;
+    const w = n.target;
+    !w || f.contains(w) || r(f);
+  }
+  return Pt(() => {
+    l = [...Qe];
+  }), Te(() => {
+    Bt(() => {
+      const n = ze(t.value);
+      if (!n) return;
+      n.getAttribute("role") || n.setAttribute("role", "dialog"), n.getAttribute("aria-modal") || n.setAttribute("aria-modal", "true");
+      const f = s === void 0 ? "" : Ze(s);
+      f && !n.getAttribute("aria-labelledby") && n.setAttribute("aria-label", f);
+    }), document.addEventListener("keydown", c, !0), document.addEventListener("focusin", a, !0), requestAnimationFrame(() => {
+      const n = ze(t.value);
+      n && r(n);
+    });
+  }), We(() => {
+    var w, U;
+    document.removeEventListener("keydown", c, !0), document.removeEventListener("focusin", a, !0);
+    const n = document.activeElement;
+    (!n || n === document.body || (w = ze(t.value)) != null && w.contains(n)) && ((U = l.find((_) => _.isConnected)) == null || U.focus());
+  }), { container: t };
+}
+const Go = ["id"], Wo = ["id"], Jo = ["aria-label"], Yo = { class: "production-run-dialog-footer flex w-full items-center justify-end gap-8" }, Xo = /* @__PURE__ */ Y({
+  inheritAttrs: !1,
+  __name: "ProductionRunDialogSurface",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    description: {},
+    notice: {},
+    closeLabel: {},
+    maxWidth: {},
+    hideClose: { type: Boolean },
+    mobileInset: { type: Boolean },
+    dismissAway: { type: Boolean },
+    role: {},
+    initialFocus: {},
+    variant: {},
+    footerDivider: { type: Boolean },
+    titleId: {},
+    descriptionId: {},
+    rootAttrs: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const t = s, l = e, { container: o } = Ct(
+      () => t.title,
+      () => t.initialFocus
+    ), r = S(() => ({
+      ...t.rootAttrs,
+      class: [
+        t.mobileInset ? "production-run-dialog production-run-dialog--mobile-inset" : "production-run-dialog",
+        t.variant === "compact-confirmation" && "production-run-dialog--compact-confirmation",
+        t.variant === "confirmation" && "production-run-dialog--confirmation",
+        t.footerDivider === !1 && "production-run-dialog--footer-dividerless",
+        t.rootAttrs.class
+      ],
+      role: t.role ?? "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": t.titleId,
+      ...t.description ? { "aria-describedby": t.descriptionId } : {}
+    }));
+    function c() {
+      var w;
+      const n = (w = o.value) == null ? void 0 : w.closest(".fm-dialog");
+      return n ? [...document.querySelectorAll(".fm-dialog,.fm-side-sheet")].at(-1) === n : !1;
+    }
+    function a(n) {
+      n.key !== "Escape" || !c() || (n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation(), n.type === "keyup" && l("update:modelValue", !1));
+    }
+    return Te(() => {
+      window.addEventListener("keydown", a, !0), window.addEventListener("keyup", a, !0);
+    }), We(() => {
+      window.removeEventListener("keydown", a, !0), window.removeEventListener("keyup", a, !0);
+    }), (n, f) => {
+      const w = Z("FmIcon"), U = Z("FmDialog");
+      return m(), M(U, {
+        "model-value": n.modelValue,
+        "close-button": !1,
+        "dismiss-away": n.dismissAway,
+        "max-width": n.maxWidth,
+        "max-height": "calc(100dvh - 32px)",
+        "is-component-props": r.value,
+        "onUpdate:modelValue": f[1] || (f[1] = (_) => l("update:modelValue", _))
+      }, {
+        "dialog-header": H(() => [
+          u("div", {
+            ref_key: "trap",
+            ref: o,
+            class: "flex w-full min-w-0 items-start justify-between gap-0"
+          }, [
+            u("div", {
+              class: G(["flex min-w-0 flex-col", n.variant === "confirmation" ? "gap-8" : "gap-4"])
+            }, [
+              u("h2", {
+                id: n.titleId,
+                class: G(["production-run-dialog-title whitespace-normal font-semibold leading-[28px]", n.variant === "confirmation" ? "text-[20px]" : "text-[18px]"])
+              }, y(n.title), 11, Go),
+              n.description ? (m(), k("p", {
+                key: 0,
+                id: n.descriptionId,
+                class: "text-[14px] font-normal leading-[20px] text-fm-color-typo-secondary"
+              }, y(n.description), 9, Wo)) : B("", !0)
+            ], 2),
+            n.hideClose ? B("", !0) : (m(), k("button", {
+              key: 0,
+              type: "button",
+              class: "production-run-dialog-close inline-grid size-32 shrink-0 place-items-center rounded-full text-fm-color-typo-primary hover:bg-fm-color-opacity-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-fm-color-border-focused",
+              "aria-label": n.closeLabel,
+              onClick: f[0] || (f[0] = (_) => l("update:modelValue", !1))
+            }, [
+              E(w, {
+                name: "close",
+                size: "sm",
+                "aria-hidden": "true"
+              })
+            ], 8, Jo))
+          ], 512)
+        ]),
+        "dialog-footer": H(() => [
+          u("div", Yo, [
+            se(n.$slots, "footer")
+          ])
+        ]),
+        default: H(() => [
+          se(n.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["model-value", "dismiss-away", "max-width", "is-component-props"]);
+    };
+  }
+}), Zo = {
+  key: 0,
+  role: "status",
+  "aria-live": "polite",
+  "aria-atomic": "true",
+  class: "production-run-dialog-notice flex shrink-0 items-start gap-8 border-y border-fm-color-neutral-gray-200 bg-fm-color-system-info-100 py-12 text-fm-color-typo-primary"
+}, en = {
+  "aria-hidden": "true",
+  class: "production-run-dialog-notice-icon flex h-[20px] w-[16px] shrink-0 items-center justify-center text-fm-color-typo-info"
+}, tn = { class: "production-run-dialog-notice-copy text-[14px] font-normal leading-[20px]" };
+let on = 0;
+const rt = /* @__PURE__ */ Y({
+  inheritAttrs: !1,
+  __name: "ProductionRunDialog",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    description: {},
+    notice: {},
+    closeLabel: {},
+    maxWidth: {},
+    hideClose: { type: Boolean },
+    mobileInset: { type: Boolean },
+    dismissAway: { type: Boolean },
+    role: {},
+    initialFocus: {},
+    variant: {},
+    footerDivider: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const t = ot(), l = e, o = ++on, r = `production-run-dialog-title-${o}`, c = `production-run-dialog-description-${o}`;
+    return (a, n) => {
+      const f = Z("FmIcon");
+      return a.modelValue ? (m(), M(Xo, {
+        key: 0,
+        "model-value": !0,
+        title: a.title,
+        description: a.description,
+        "close-label": a.closeLabel,
+        "max-width": a.maxWidth,
+        "hide-close": a.hideClose,
+        "mobile-inset": a.mobileInset,
+        "dismiss-away": a.dismissAway,
+        role: a.role,
+        "initial-focus": a.initialFocus,
+        variant: a.variant,
+        "footer-divider": a.footerDivider,
+        "title-id": r,
+        "description-id": c,
+        "root-attrs": i(t),
+        "onUpdate:modelValue": n[0] || (n[0] = (w) => l("update:modelValue", w))
+      }, {
+        footer: H(() => [
+          se(a.$slots, "footer")
+        ]),
+        default: H(() => [
+          u("div", {
+            class: G([
+              "production-run-dialog-content",
+              a.variant === "compact-confirmation" ? "production-run-dialog-content--compact-confirmation" : a.variant === "confirmation" ? "production-run-dialog-content--confirmation" : "production-run-dialog-content--standard"
+            ])
+          }, [
+            a.notice ? (m(), k("div", Zo, [
+              u("span", en, [
+                E(f, {
+                  name: "info",
+                  size: "sm",
+                  outline: "",
+                  class: "!text-[16px] !leading-[16px]",
+                  "aria-hidden": "true"
+                })
+              ]),
+              u("span", tn, y(a.notice), 1)
+            ])) : B("", !0),
+            se(a.$slots, "default")
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["title", "description", "close-label", "max-width", "hide-close", "mobile-inset", "dismiss-away", "role", "initial-focus", "variant", "footer-divider", "root-attrs"])) : B("", !0);
+    };
+  }
+}), nn = ["aria-label", "aria-expanded"], rn = {
+  "data-testid": "production-no-bindings-tooltip",
+  role: "tooltip",
+  class: "w-[min(352px,calc(100vw-16px))] rounded-8 border border-fm-color-line bg-fm-color-surface-default p-12 text-[14px] leading-[20px] font-normal text-fm-color-typo-primary shadow-light-300"
+}, sn = { class: "flex flex-col gap-12 pb-4" }, an = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, ln = { class: "flex flex-col gap-8" }, un = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, dn = { class: "fm-typo-en-body-md-400 list-decimal space-y-4 pl-[20px] text-fm-color-typo-primary" };
+let cn = 0;
+const tt = /* @__PURE__ */ Y({
+  __name: "ProductionRunNoBindingsHelp",
+  props: {
+    itemName: {}
+  },
+  setup(s) {
+    const { t: e } = de(), t = N(null), l = `production-no-bindings-description-${++cn}`, {
+      transientOpen: o,
+      enterTrigger: r,
+      leaveTrigger: c,
+      focusTrigger: a,
+      blurTrigger: n,
+      dismissTransient: f
+    } = zo(), w = N(!1), U = N(!1), _ = S(
+      () => !U.value && !w.value && o.value
+    ), b = ["open", "item", "convertible", "link", "save", "return"];
+    function R() {
+      f(), w.value = !0, U.value = !0;
+    }
+    function T() {
+      w.value = !1, r();
+    }
+    function z() {
+      c(), U.value || (w.value = !1);
+    }
+    function D() {
+      n(), U.value || (w.value = !1);
+    }
+    function g(J) {
+      J || (f(), U.value || (w.value = !1));
+    }
+    function te(J) {
+      U.value = J;
+    }
+    return (J, L) => {
+      const q = Z("FmIcon"), A = Z("FmPopover"), j = Z("FmButton");
+      return m(), k(ee, null, [
+        E(A, {
+          class: "flex w-fit",
+          "z-index": 1100,
+          "show-popover": _.value,
+          placement: "bottom-start",
+          onPopoverChanged: g
+        }, {
+          "popover-button": H(() => [
+            u("button", {
+              ref_key: "trigger",
+              ref: t,
+              type: "button",
+              "data-no-bindings": "",
+              "data-testid": "production-no-bindings-help",
+              class: "flex w-fit items-center gap-4 whitespace-nowrap text-[12px] leading-[16px] text-fm-color-typo-error focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-fm-color-border-focused",
+              "aria-label": i(e)("inventory.production.run.form.bindings.noneHelp.show"),
+              "aria-describedby": l,
+              "aria-expanded": U.value,
+              "aria-haspopup": "dialog",
+              onMouseenter: T,
+              onMouseleave: z,
+              onFocus: L[0] || (L[0] = //@ts-ignore
+              (...x) => i(a) && i(a)(...x)),
+              onBlur: D,
+              onClick: Ae(R, ["stop"])
+            }, [
+              ue(y(i(e)("inventory.production.run.form.bindings.noneHelp.label")) + " ", 1),
+              E(q, {
+                name: "error_outline",
+                size: "sm",
+                class: "!size-12 !text-[12px] !leading-[12px]",
+                "aria-hidden": "true"
+              }),
+              u("span", {
+                id: l,
+                class: "sr-only"
+              }, y(i(e)("inventory.production.run.form.bindings.noneHelp.tooltip")), 1)
+            ], 40, nn)
+          ]),
+          default: H(() => [
+            u("div", rn, y(i(e)("inventory.production.run.form.bindings.noneHelp.tooltip")), 1)
+          ]),
+          _: 1
+        }, 8, ["show-popover"]),
+        E(rt, {
+          "model-value": U.value,
+          "mobile-inset": "",
+          title: i(e)("inventory.production.run.form.bindings.noneHelp.title"),
+          description: J.itemName,
+          "close-label": i(e)("inventory.production.run.form.bindings.noneHelp.close"),
+          "max-width": "448px",
+          "footer-divider": !1,
+          "initial-focus": "[data-testid='production-no-bindings-got-it']",
+          "onUpdate:modelValue": te
+        }, {
+          footer: H(() => [
+            E(j, {
+              "data-testid": "production-no-bindings-got-it",
+              variant: "secondary",
+              label: i(e)("inventory.production.run.form.bindings.noneHelp.gotIt"),
+              onClick: L[1] || (L[1] = (x) => te(!1))
+            }, null, 8, ["label"])
+          ]),
+          default: H(() => [
+            u("div", sn, [
+              u("p", an, y(i(e)("inventory.production.run.form.bindings.noneHelp.body")), 1),
+              u("div", ln, [
+                u("p", un, y(i(e)("inventory.production.run.form.bindings.noneHelp.stepsTitle")), 1),
+                u("ol", dn, [
+                  (m(), k(ee, null, pe(b, (x) => u("li", { key: x }, y(i(e)(`inventory.production.run.form.bindings.noneHelp.steps.${x}`)), 1)), 64))
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value", "title", "description", "close-label"])
+      ], 64);
+    };
+  }
+}), mn = ["data-unit-resolved"], pn = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "mt-4 block min-h-16 w-full"
+}, fn = /* @__PURE__ */ Y({
+  inheritAttrs: !1,
+  __name: "ProductionRunUnitInput",
+  props: {
+    modelValue: {},
+    unit: {},
+    disableUnit: { type: Boolean },
+    disabled: { type: Boolean },
+    label: {},
+    ariaLabel: {},
+    compact: { type: Boolean },
+    reserveConversionSpace: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const t = s, l = e, { t: o } = de(), r = ot(), c = S(
+      () => !!t.modelValue.measurement && ge(t.modelValue.measurement, t.unit)
+    ), a = S(
+      () => {
+        var b;
+        return c.value && ((b = t.modelValue.measurement) == null ? void 0 : b.id) !== t.unit._id;
+      }
+    ), n = S(() => c.value ? t.unit : {
+      ...t.unit,
+      _id: `${t.unit._id}__production_run_unresolved`,
+      abbrev: o("inventory.production.run.form.duplicate.chooseOriginalUnitPlaceholder"),
+      measurements: [
+        {
+          id: t.unit._id,
+          name: t.unit.name,
+          abbrev: t.unit.abbrev,
+          conversion: Le(t.unit).conversion
+        },
+        ...t.unit.measurements
+      ]
+    }), f = S(() => {
+      var b;
+      return {
+        amount: t.modelValue.amount,
+        measurement: !c.value || ((b = t.modelValue.measurement) == null ? void 0 : b.id) === t.unit._id ? null : t.modelValue.measurement
+      };
+    });
+    let w = t.modelValue.amount;
+    ke(
+      () => t.modelValue.amount,
+      (b) => {
+        w = b;
+      }
+    );
+    function U(b) {
+      w = b.amount, l("update:modelValue", {
+        amount: b.amount,
+        // Editing the number is not an implicit unit choice.
+        measurement: t.modelValue.measurement
+      });
+    }
+    function _(b) {
+      if (!b && !c.value) return;
+      const R = b && b.id !== t.unit._id ? $t(t.unit, b) : Le(t.unit);
+      l("update:modelValue", { amount: w, measurement: R });
+    }
+    return (b, R) => (m(), k("div", {
+      class: G(["production-run-unit-input flex flex-col items-end", [
+        b.compact && "production-run-unit-input--compact",
+        b.reserveConversionSpace && "production-run-unit-input--reserve-conversion",
+        !b.reserveConversionSpace && "gap-2"
+      ]]),
+      "data-unit-resolved": c.value
+    }, [
+      E(Ht, Je(i(r), {
+        class: "w-full",
+        "model-value": f.value,
+        unit: n.value,
+        "disable-unit": b.disableUnit,
+        disabled: b.disabled,
+        label: b.label,
+        "aria-label": b.ariaLabel,
+        "aria-invalid": !c.value,
+        "immediate-model-update": "",
+        "onUpdate:modelValue": U,
+        "onUpdate:measurement": _
+      }), null, 16, ["model-value", "unit", "disable-unit", "disabled", "label", "aria-label", "aria-invalid"]),
+      b.reserveConversionSpace && !a.value ? (m(), k("span", pn)) : B("", !0),
+      !c.value && !b.disabled ? (m(), k("span", {
+        key: 1,
+        role: "alert",
+        class: G(["fm-typo-en-body-sm-400 text-fm-color-typo-error", b.reserveConversionSpace && "mt-2"])
+      }, y(i(o)("inventory.production.run.form.items.unitRequired")), 3)) : B("", !0)
+    ], 10, mn));
+  }
+}), vn = /* @__PURE__ */ Ie(fn, [["__scopeId", "data-v-6cde3541"]]), yn = ["aria-label"], bn = { class: "production-run-plan-header flex flex-wrap items-center justify-between gap-8 px-12 py-12" }, gn = { class: "text-[16px] font-semibold leading-[24px] whitespace-nowrap text-fm-color-typo-primary" }, hn = {
+  key: 0,
+  class: "production-run-plan-actions flex items-center gap-4"
+}, kn = { class: "w-[220px] bg-white p-4" }, _n = {
+  "data-testid": "production-run-duplicate-menu-label",
+  class: "fm-typo-en-body-md-400"
+}, xn = {
+  "data-testid": "production-run-clear-menu-label",
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-error"
+}, wn = {
+  key: 0,
+  "data-testid": "production-run-empty-state",
+  class: "production-run-empty-state flex min-h-0 flex-1 flex-col items-center justify-center gap-8 px-16 py-16 text-center"
+}, $n = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, In = { class: "fm-typo-en-body-md-400 max-w-[40ch] text-fm-color-typo-secondary" }, Sn = {
+  key: 0,
+  "data-testid": "empty-production-run-actions",
+  class: "production-run-empty-actions mt-8 flex max-w-full flex-wrap items-center justify-center gap-8"
+}, Cn = ["aria-label"], Rn = {
+  "data-testid": "production-run-plan-readonly-table",
+  class: "w-full min-w-[40rem] table-fixed"
+}, An = { class: "fm-typo-en-body-sm-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary" }, Fn = { class: "px-16 py-8 text-left" }, Un = { class: "px-16 py-8 text-center" }, Pn = { class: "whitespace-nowrap px-16 py-8 text-center" }, Bn = {
+  "data-testid": "production-run-plan-readonly-row",
+  class: "border-t border-fm-color-neutral-gray-200 first:border-t-0"
+}, Vn = { class: "max-w-64 px-16 py-12 align-top" }, En = ["title"], Dn = {
+  "data-testid": "production-run-on-hand",
+  class: "fm-typo-en-body-md-400 whitespace-nowrap px-16 py-12 text-center align-top tabular-nums text-fm-color-typo-secondary"
+}, Ln = { class: "fm-typo-en-body-md-600 whitespace-nowrap px-16 py-12 text-center align-top tabular-nums text-fm-color-typo-primary" }, qn = { class: "block" }, Tn = ["aria-hidden"], Nn = { key: 0 }, On = {
+  colspan: "3",
+  class: "px-16 pb-12"
+}, Mn = {
+  "data-testid": "production-run-plan-columns",
+  class: "fm-typo-en-body-sm-600 grid min-h-40 shrink-0 grid-cols-[minmax(0,1fr)_144px_176px_40px] items-center border-y border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary xs:hidden"
+}, jn = { class: "px-16 py-8" }, Hn = { class: "px-16 py-8 text-center" }, zn = { class: "px-8 py-8" }, Kn = {
+  "data-testid": "production-run-plan-row",
+  class: "production-run-plan-row grid min-h-72 grid-cols-[minmax(0,1fr)_144px_176px_40px] items-center gap-y-8"
+}, Qn = { class: "production-run-plan-identity flex min-w-0 flex-col gap-4 px-16 py-12" }, Gn = { class: "production-run-plan-item-name fm-typo-en-body-md-600 line-clamp-1 text-fm-color-typo-primary" }, Wn = {
+  "data-testid": "production-run-on-hand",
+  class: "production-run-plan-stock mb-[20px] justify-self-center whitespace-nowrap px-8 py-12 fm-typo-en-body-md-400 text-fm-color-typo-secondary xs:mb-0"
+}, Jn = { class: "hidden xs:inline" }, Yn = { class: "production-run-plan-quantity flex min-w-0 flex-col gap-4 px-8 py-12" }, Xn = { class: "fm-typo-en-body-sm-400 hidden text-fm-color-typo-secondary xs:block" }, Zn = {
+  key: 0,
+  class: "flex shrink-0 justify-end border-t border-fm-color-neutral-gray-200 px-16 py-8"
+}, er = /* @__PURE__ */ Y({
+  __name: "ProductionRunPlanCard",
+  props: {
+    items: {},
+    editable: { type: Boolean, default: !0 },
+    canDuplicate: { type: Boolean, default: !1 }
+  },
+  emits: ["add", "duplicate", "clear", "remove", "update:item"],
+  setup(s, { emit: e }) {
+    const t = s, l = e, { t: o } = de(), r = S(() => t.items.length === 0), c = N(/* @__PURE__ */ new Set()), a = N(/* @__PURE__ */ new Set()), {
+      scroller: n,
+      canScrollFurther: f,
+      onScroll: w
+    } = nt(() => t.editable && !r.value);
+    function U(b) {
+      const R = new Set(c.value);
+      R.has(b) ? R.delete(b) : R.add(b), c.value = R;
+    }
+    function _(b) {
+      const R = new Set(a.value);
+      R.has(b) ? R.delete(b) : R.add(b), a.value = R;
+    }
+    return (b, R) => {
+      const T = Z("FmButton"), z = Z("FmMenuItem"), D = Z("FmMenu");
+      return m(), k("section", {
+        "data-testid": "production-run-plan-card",
+        class: G(["fm-corner-radius-md flex min-w-0 flex-col overflow-hidden border border-fm-color-neutral-gray-200", { "h-[232px]": r.value, "max-h-[60dvh]": b.editable }]),
+        "aria-label": `${i(o)("inventory.production.run.form.items.title")} (${b.items.length})`
+      }, [
+        u("header", bn, [
+          u("h3", gn, y(i(o)("inventory.production.run.form.items.title")) + " (" + y(b.items.length) + ") ", 1),
+          b.editable && !r.value ? (m(), k("div", hn, [
+            E(D, { trigger: "click" }, {
+              "menu-button": H(() => [
+                E(T, {
+                  "data-testid": "production-run-item-actions",
+                  variant: "tertiary",
+                  icon: "more_vert",
+                  size: "md",
+                  "aria-label": i(o)("inventory.production.run.form.items.more")
+                }, null, 8, ["aria-label"])
+              ]),
+              default: H(() => [
+                u("div", kn, [
+                  b.canDuplicate ? (m(), M(z, {
+                    key: 0,
+                    onClick: R[0] || (R[0] = (g) => l("duplicate"))
+                  }, {
+                    label: H(() => [
+                      u("span", _n, y(i(o)("inventory.production.run.form.duplicate.action")), 1)
+                    ]),
+                    _: 1
+                  })) : B("", !0),
+                  E(z, {
+                    onClick: R[1] || (R[1] = (g) => l("clear"))
+                  }, {
+                    label: H(() => [
+                      u("span", xn, y(i(o)("inventory.production.run.form.items.clearAll")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }),
+            E(T, {
+              "data-testid": "production-run-add-items",
+              variant: "secondary",
+              size: "md",
+              "prepend-icon": "add",
+              label: i(o)("inventory.production.run.form.items.add"),
+              onClick: R[2] || (R[2] = (g) => l("add"))
+            }, null, 8, ["label"])
+          ])) : B("", !0)
+        ]),
+        r.value ? (m(), k("div", wn, [
+          u("span", $n, y(i(o)("inventory.production.run.form.items.emptyTitle")), 1),
+          u("span", In, y(i(o)("inventory.production.run.form.items.emptyDescription")), 1),
+          b.editable ? (m(), k("div", Sn, [
+            b.canDuplicate ? (m(), M(T, {
+              key: 0,
+              "data-testid": "production-run-duplicate-items",
+              class: "shrink-0",
+              variant: "secondary",
+              size: "md",
+              "prepend-icon": "content_copy",
+              label: i(o)("inventory.production.run.form.duplicate.emptyAction"),
+              onClick: R[3] || (R[3] = (g) => l("duplicate"))
+            }, null, 8, ["label"])) : B("", !0),
+            E(T, {
+              "data-testid": "production-run-add-items",
+              class: "shrink-0",
+              size: "md",
+              "prepend-icon": "add",
+              label: i(o)("inventory.production.run.form.items.add"),
+              onClick: R[4] || (R[4] = (g) => l("add"))
+            }, null, 8, ["label"])
+          ])) : B("", !0)
+        ])) : b.editable ? (m(), k(ee, { key: 2 }, [
+          u("div", Mn, [
+            u("span", jn, y(i(o)("inventory.production.run.form.items.columns.item")), 1),
+            u("span", Hn, y(i(o)("inventory.production.run.form.items.columns.inStock")), 1),
+            u("span", zn, y(i(o)("inventory.production.run.form.items.columns.quantity")), 1),
+            R[8] || (R[8] = u("span", null, null, -1))
+          ]),
+          u("div", {
+            ref_key: "editableItemsScroll",
+            ref: n,
+            class: "flex min-h-0 flex-1 flex-col overflow-y-auto",
+            onScroll: R[5] || (R[5] = //@ts-ignore
+            (...g) => i(w) && i(w)(...g))
+          }, [
+            (m(!0), k(ee, null, pe(b.items, (g) => (m(), k("div", {
+              key: g.key,
+              class: "border-b border-fm-color-neutral-gray-200 last:border-b-0"
+            }, [
+              u("div", Kn, [
+                u("div", Qn, [
+                  u("span", Gn, y(g.name), 1),
+                  g.bindingLines.length ? (m(), M(yt, {
+                    key: 0,
+                    count: g.bindingCount,
+                    controls: `production-run-plan-bindings-${g.key}`,
+                    expanded: c.value.has(g.key),
+                    testid: "production-run-item-bindings",
+                    onToggle: (te) => U(g.key)
+                  }, null, 8, ["count", "controls", "expanded", "onToggle"])) : (m(), M(tt, {
+                    key: 1,
+                    "item-name": g.name
+                  }, null, 8, ["item-name"]))
+                ]),
+                u("span", Wn, [
+                  u("span", Jn, y(i(o)("inventory.production.run.form.items.columns.inStock")) + " · ", 1),
+                  ue(" " + y(g.onHand === null ? i(lt) : i(fe)(g.onHand, g.baseUnit)), 1)
+                ]),
+                u("div", Yn, [
+                  u("span", Xn, y(i(o)("inventory.production.run.form.items.columns.quantity")), 1),
+                  b.editable ? (m(), M(vn, {
+                    key: 0,
+                    class: "w-full",
+                    compact: "",
+                    "reserve-conversion-space": "",
+                    "model-value": g.model,
+                    unit: g.sku.unit,
+                    "aria-label": i(o)("inventory.production.run.form.items.quantityLabel", { name: g.name }),
+                    "onUpdate:modelValue": (te) => l("update:item", g.key, te)
+                  }, null, 8, ["model-value", "unit", "aria-label", "onUpdate:modelValue"])) : B("", !0)
+                ]),
+                b.editable ? (m(), M(T, {
+                  key: 0,
+                  class: "production-run-plan-remove mb-[20px] xs:mb-0",
+                  variant: "tertiary",
+                  icon: "close",
+                  size: "md",
+                  "aria-label": i(o)("inventory.production.run.form.items.remove", { name: g.name }),
+                  onClick: (te) => l("remove", g.key)
+                }, null, 8, ["aria-label", "onClick"])) : B("", !0)
+              ]),
+              c.value.has(g.key) ? (m(), M(bt, {
+                key: 0,
+                id: `production-run-plan-bindings-${g.key}`,
+                testid: "production-run-plan-bindings-expanded",
+                class: "px-16 pb-12 pt-8",
+                count: g.bindingCount,
+                unit: g.baseUnit,
+                lines: g.bindingLines,
+                "item-name": g.name
+              }, null, 8, ["id", "count", "unit", "lines", "item-name"])) : B("", !0)
+            ]))), 128)),
+            E(Ge, {
+              visible: i(f),
+              testid: "production-run-plan-scroll-hint"
+            }, null, 8, ["visible"])
+          ], 544),
+          b.editable ? (m(), k("footer", Zn, [
+            E(T, {
+              "data-testid": "production-run-plan-bottom-add",
+              variant: "secondary",
+              size: "md",
+              "prepend-icon": "add",
+              label: i(o)("inventory.production.run.form.items.add"),
+              onClick: R[6] || (R[6] = (g) => l("add"))
+            }, null, 8, ["label"])
+          ])) : B("", !0)
+        ], 64)) : (m(), k("div", {
+          key: 1,
+          "data-testid": "production-run-plan-readonly-scroll",
+          class: "min-h-0 flex-1 overflow-x-auto",
+          tabindex: "0",
+          "aria-label": i(o)("inventory.production.run.form.items.title")
+        }, [
+          u("table", Rn, [
+            R[7] || (R[7] = u("colgroup", null, [
+              u("col"),
+              u("col", { class: "w-[144px]" }),
+              u("col", { class: "w-[144px]" })
+            ], -1)),
+            u("thead", null, [
+              u("tr", An, [
+                u("th", Fn, y(i(o)("inventory.production.run.form.items.columns.item")), 1),
+                u("th", Un, y(i(o)("inventory.production.run.form.items.columns.inStock")), 1),
+                u("th", Pn, y(i(o)("inventory.production.run.form.items.columns.quantity")), 1)
+              ])
+            ]),
+            u("tbody", null, [
+              (m(!0), k(ee, null, pe(b.items, (g) => (m(), k(ee, {
+                key: g.key
+              }, [
+                u("tr", Bn, [
+                  u("td", Vn, [
+                    u("span", {
+                      class: "fm-typo-en-body-md-600 block truncate text-fm-color-typo-primary",
+                      title: g.name
+                    }, y(g.name), 9, En),
+                    g.bindingLines.length ? (m(), M(yt, {
+                      key: 0,
+                      class: "mt-2",
+                      count: g.bindingCount,
+                      controls: `production-run-plan-bindings-${g.key}`,
+                      expanded: a.value.has(g.key),
+                      testid: "production-run-plan-readonly-bindings-toggle",
+                      onToggle: (te) => _(g.key)
+                    }, null, 8, ["count", "controls", "expanded", "onToggle"])) : (m(), M(tt, {
+                      key: 1,
+                      "item-name": g.name
+                    }, null, 8, ["item-name"]))
+                  ]),
+                  u("td", Dn, y(g.onHand === null ? i(lt) : i(fe)(g.onHand, g.baseUnit)), 1),
+                  u("td", Ln, [
+                    u("span", qn, y(i(fe)(g.model.amount, g.enteredUnit)), 1),
+                    u("span", {
+                      class: "fm-typo-en-body-sm-400 block min-h-16 text-fm-color-typo-secondary",
+                      "aria-hidden": g.enteredUnit === g.baseUnit ? "true" : void 0
+                    }, [
+                      g.enteredUnit !== g.baseUnit ? (m(), k(ee, { key: 0 }, [
+                        ue(" = " + y(i(fe)(g.baseQuantity, g.baseUnit)), 1)
+                      ], 64)) : B("", !0)
+                    ], 8, Tn)
+                  ])
+                ]),
+                a.value.has(g.key) ? (m(), k("tr", Nn, [
+                  u("td", On, [
+                    E(bt, {
+                      id: `production-run-plan-bindings-${g.key}`,
+                      testid: "production-run-plan-readonly-bindings",
+                      count: g.bindingCount,
+                      unit: g.baseUnit,
+                      lines: g.bindingLines,
+                      "item-name": g.name
+                    }, null, 8, ["id", "count", "unit", "lines", "item-name"])
+                  ])
+                ])) : B("", !0)
+              ], 64))), 128))
+            ])
+          ])
+        ], 8, Cn))
+      ], 10, yn);
+    };
+  }
+}), tr = /* @__PURE__ */ Ie(er, [["__scopeId", "data-v-6ef0e148"]]), or = { class: "flex flex-col gap-16" }, nr = {
+  "data-testid": "production-run-planner-layout",
+  class: "grid grid-cols-[3fr_2fr] items-start gap-16 xs:grid-cols-1 sm:grid-cols-1 md:grid-cols-1"
+}, rr = {
+  "data-testid": "production-run-planner-left",
+  class: "flex min-w-0 flex-col gap-16"
+}, sr = /* @__PURE__ */ Y({
+  __name: "ProductionRunPlanner",
+  props: {
+    items: {},
+    commits: {},
+    instructions: { default: null },
+    editable: { type: Boolean, default: !0 },
+    canDuplicate: { type: Boolean, default: !1 }
+  },
+  emits: ["add", "duplicate", "clear", "remove", "update:item"],
+  setup(s, { emit: e }) {
+    const t = s, l = e, o = S(() => uo(t.items));
+    return (r, c) => (m(), k("div", or, [
+      u("div", nr, [
+        u("div", rr, [
+          E(Do, { instructions: r.instructions }, null, 8, ["instructions"]),
+          E(tr, {
+            "data-testid": "production-plan",
+            items: r.items,
+            editable: r.editable,
+            "can-duplicate": r.canDuplicate,
+            onAdd: c[0] || (c[0] = (a) => l("add")),
+            onDuplicate: c[1] || (c[1] = (a) => l("duplicate")),
+            onClear: c[2] || (c[2] = (a) => l("clear")),
+            onRemove: c[3] || (c[3] = (a) => l("remove", a)),
+            "onUpdate:item": c[4] || (c[4] = (a, n) => l("update:item", a, n))
+          }, null, 8, ["items", "editable", "can-duplicate"])
+        ]),
+        r.items.length > 0 ? (m(), M(Uo, {
+          key: 0,
+          mode: "planner",
+          rows: r.commits,
+          "no-items": !r.items.length,
+          "unbound-names": o.value,
+          constrained: r.editable
+        }, null, 8, ["rows", "no-items", "unbound-names", "constrained"])) : B("", !0)
+      ])
+    ]));
+  }
+}), ir = ["inert", "aria-hidden"], ar = { class: "flex min-w-0 flex-col gap-2" }, lr = ["id"], ur = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, dr = { class: "flex shrink-0 items-center gap-8" }, cr = {
+  "data-testid": "production-run-side-sheet-body",
+  class: "flex h-full min-h-0 min-w-0 flex-col overflow-y-auto"
+}, mr = {
+  "data-testid": "production-run-side-sheet-footer",
+  class: "w-full"
+}, pr = /* @__PURE__ */ Y({
+  inheritAttrs: !1,
+  __name: "ProductionRunSideSheetSurface",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    subtitle: {},
+    closeLabel: {},
+    dismissAway: { type: Boolean },
+    initialFocus: {},
+    containerClass: {},
+    hideClose: { type: Boolean },
+    headerInert: { type: Boolean },
+    titleId: {},
+    rootAttrs: {}
+  },
+  emits: ["update:modelValue", "request-close"],
+  setup(s, { emit: e }) {
+    const t = s, l = e, { container: o } = Ct(
+      () => t.title,
+      () => t.initialFocus
+    ), r = S(() => {
+      var c;
+      return {
+        ...t.rootAttrs,
+        class: ["production-run-side-sheet", t.containerClass, (c = t.rootAttrs) == null ? void 0 : c.class],
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": t.titleId
+      };
+    });
+    return (c, a) => {
+      const n = Z("FmButton"), f = Z("FmSideSheet");
+      return m(), M(f, {
+        "model-value": c.modelValue,
+        "max-width": 9999,
+        "close-button": !1,
+        "dismiss-away": c.dismissAway,
+        "is-container-props": r.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (w) => l("update:modelValue", w))
+      }, kt({
+        "side-sheet-header": H(() => [
+          u("div", {
+            ref_key: "trap",
+            ref: o,
+            "data-testid": "production-run-side-sheet-header",
+            class: "flex w-full min-w-0 items-start justify-between gap-12",
+            inert: c.headerInert ? !0 : void 0,
+            "aria-hidden": c.headerInert ? "true" : void 0
+          }, [
+            u("div", ar, [
+              u("h2", {
+                id: c.titleId,
+                class: "fm-typo-en-title-sm-800 text-fm-color-typo-primary"
+              }, [
+                se(c.$slots, "title", {}, () => [
+                  ue(y(c.title), 1)
+                ])
+              ], 8, lr),
+              c.subtitle || c.$slots.subtitle ? (m(), k("div", ur, [
+                se(c.$slots, "subtitle", {}, () => [
+                  ue(y(c.subtitle), 1)
+                ])
+              ])) : B("", !0)
+            ]),
+            u("div", dr, [
+              se(c.$slots, "header-actions"),
+              c.hideClose ? B("", !0) : (m(), M(n, {
+                key: 0,
+                "data-testid": "production-run-side-sheet-close",
+                variant: "tertiary",
+                icon: "close",
+                "aria-label": c.closeLabel,
+                onClick: a[0] || (a[0] = (w) => l("request-close"))
+              }, null, 8, ["aria-label"]))
+            ])
+          ], 8, ir)
+        ]),
+        default: H(() => [
+          u("div", cr, [
+            se(c.$slots, "default")
+          ])
+        ]),
+        _: 2
+      }, [
+        c.$slots.footer ? {
+          name: "side-sheet-footer",
+          fn: H(() => [
+            u("div", mr, [
+              se(c.$slots, "footer")
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["model-value", "dismiss-away", "is-container-props"]);
+    };
+  }
+});
+let fr = 0;
+const vr = /* @__PURE__ */ Y({
+  inheritAttrs: !1,
+  __name: "ProductionRunSideSheet",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    subtitle: { default: void 0 },
+    closeLabel: {},
+    dismissAway: { type: Boolean, default: !1 },
+    initialFocus: { default: null },
+    containerClass: { default: "" },
+    hideClose: { type: Boolean, default: !1 },
+    headerInert: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "request-close"],
+  setup(s, { emit: e }) {
+    const t = e, l = ot(), o = `production-run-side-sheet-title-${++fr}`;
+    return (r, c) => r.modelValue ? (m(), M(pr, {
+      key: 0,
+      "model-value": !0,
+      title: r.title,
+      subtitle: r.subtitle,
+      "close-label": r.closeLabel,
+      "dismiss-away": r.dismissAway,
+      "initial-focus": r.initialFocus,
+      "container-class": r.containerClass,
+      "hide-close": r.hideClose,
+      "header-inert": r.headerInert,
+      "title-id": o,
+      "root-attrs": i(l),
+      onRequestClose: c[0] || (c[0] = (a) => t("request-close")),
+      "onUpdate:modelValue": c[1] || (c[1] = (a) => t("update:modelValue", a))
+    }, kt({
+      default: H(() => [
+        se(r.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      r.$slots.title ? {
+        name: "title",
+        fn: H(() => [
+          se(r.$slots, "title")
+        ]),
+        key: "0"
+      } : void 0,
+      r.$slots.subtitle ? {
+        name: "subtitle",
+        fn: H(() => [
+          se(r.$slots, "subtitle")
+        ]),
+        key: "1"
+      } : void 0,
+      r.$slots["header-actions"] ? {
+        name: "header-actions",
+        fn: H(() => [
+          se(r.$slots, "header-actions")
+        ]),
+        key: "2"
+      } : void 0,
+      r.$slots.footer ? {
+        name: "footer",
+        fn: H(() => [
+          se(r.$slots, "footer")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1032, ["title", "subtitle", "close-label", "dismiss-away", "initial-focus", "container-class", "hide-close", "header-inert", "root-attrs"])) : B("", !0);
+  }
+}), yr = /* @__PURE__ */ Y({
+  inheritAttrs: !1,
+  __name: "ProductionRunTextarea",
+  props: {
+    modelValue: {},
+    rows: {},
+    label: {},
+    labelMark: { default: "none" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean },
+    helperText: {},
+    helperState: { default: "none" }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const t = s, l = e, o = ot(), r = N(null);
+    async function c() {
+      var n;
+      await he();
+      const a = (n = r.value) == null ? void 0 : n.querySelector("textarea");
+      a && (a.rows = t.rows);
+    }
+    return Te(c), ke(() => t.rows, c, { flush: "post" }), (a, n) => {
+      const f = Z("FmTextarea");
+      return m(), k("div", Je(i(o), {
+        ref_key: "root",
+        ref: r,
+        class: ["production-run-textarea", [
+          `production-run-textarea--${a.rows === 1 ? "one" : "three"}-row`,
+          !a.helperText && "production-run-textarea--without-helper"
+        ]]
+      }), [
+        E(f, {
+          "model-value": a.modelValue,
+          label: a.label,
+          "label-mark": a.labelMark,
+          placeholder: a.placeholder,
+          disabled: a.disabled,
+          "helper-text": a.helperText,
+          "helper-state": a.helperState,
+          "onUpdate:modelValue": n[0] || (n[0] = (w) => l("update:modelValue", w))
+        }, null, 8, ["model-value", "label", "label-mark", "placeholder", "disabled", "helper-text", "helper-state"])
+      ], 16);
+    };
+  }
+}), br = /* @__PURE__ */ Ie(yr, [["__scopeId", "data-v-779d31c5"]]), gr = /* @__PURE__ */ Y({
+  __name: "ProductionRunProjectionFeedback",
+  props: {
+    loadFailure: { default: null },
+    projectionFailed: { type: Boolean, default: !1 }
+  },
+  emits: ["retry-load", "retry-projection"],
+  setup(s, { emit: e }) {
+    const t = e, { t: l } = de();
+    return (o, r) => {
+      const c = Z("FmButton");
+      return o.loadFailure ? (m(), M(mt, {
+        key: 0,
+        role: "alert",
+        tone: "critical",
+        title: i(l)("inventory.production.run.form.error.load"),
+        message: o.loadFailure.message
+      }, {
+        actions: H(() => [
+          E(c, {
+            "data-testid": "production-run-form-load-retry",
+            variant: "secondary",
+            label: i(l)("inventory.production.run.list.error.retry"),
+            onClick: r[0] || (r[0] = (a) => t("retry-load"))
+          }, null, 8, ["label"])
+        ]),
+        _: 1
+      }, 8, ["title", "message"])) : o.projectionFailed ? (m(), M(mt, {
+        key: 1,
+        role: "alert",
+        tone: "warn",
+        title: i(l)("inventory.production.run.form.error.projection"),
+        message: i(l)("inventory.production.run.form.error.projectionMessage")
+      }, {
+        actions: H(() => [
+          E(c, {
+            "data-testid": "production-run-form-projection-retry",
+            variant: "secondary",
+            label: i(l)("inventory.production.run.list.error.retry"),
+            onClick: r[1] || (r[1] = (a) => t("retry-projection"))
+          }, null, 8, ["label"])
+        ]),
+        _: 1
+      }, 8, ["title", "message"])) : B("", !0);
+    };
+  }
+}), hr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, Ke = "inventory.production.run.form.discard", kr = /* @__PURE__ */ Y({
+  __name: "ProductionRunDiscardDialog",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "discard"],
+  setup(s, { emit: e }) {
+    const t = e, { t: l } = de();
+    return (o, r) => {
+      const c = Z("FmButton");
+      return m(), M(rt, {
+        "model-value": o.show,
+        title: i(l)(`${Ke}.title`),
+        "close-label": i(l)(`${Ke}.keep`),
+        "max-width": "min(calc(100% - 32px), 448px)",
+        "hide-close": "",
+        role: "alertdialog",
+        variant: "confirmation",
+        "initial-focus": "[data-testid='keep-production-run']",
+        "onUpdate:modelValue": r[2] || (r[2] = (a) => t("update:show", a))
+      }, {
+        footer: H(() => [
+          E(c, {
+            "data-testid": "keep-production-run",
+            variant: "tertiary",
+            label: i(l)(`${Ke}.keep`),
+            onClick: r[0] || (r[0] = (a) => t("update:show", !1))
+          }, null, 8, ["label"]),
+          E(c, {
+            variant: "destructive",
+            label: i(l)(`${Ke}.confirm`),
+            onClick: r[1] || (r[1] = (a) => t("discard"))
+          }, null, 8, ["label"])
+        ]),
+        default: H(() => [
+          u("p", hr, y(i(l)(`${Ke}.message`)), 1)
+        ]),
+        _: 1
+      }, 8, ["model-value", "title", "close-label"]);
+    };
+  }
+}), _r = ["data-indeterminate"], xr = /* @__PURE__ */ Y({
+  inheritAttrs: !1,
+  __name: "ProductionRunSelectionCheckbox",
+  props: {
+    modelValue: { type: Boolean },
+    value: {},
+    accessibleLabel: {},
+    disabled: { type: Boolean },
+    indeterminate: { type: Boolean },
+    label: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { expose: e, emit: t }) {
+    const l = t, o = N(null);
+    return e({
+      focus: () => {
+        var r, c;
+        return (c = (r = o.value) == null ? void 0 : r.querySelector("input")) == null ? void 0 : c.focus();
+      }
+    }), (r, c) => {
+      const a = Z("FmCheckbox");
+      return m(), k("span", Je({
+        ref_key: "root",
+        ref: o
+      }, r.$attrs, {
+        class: ["production-run-selection-checkbox", { "production-run-selection-checkbox--label-visually-hidden": !r.label }],
+        "data-indeterminate": String(!!r.indeterminate)
+      }), [
+        E(a, {
+          "model-value": r.modelValue,
+          value: r.value,
+          label: r.label || r.accessibleLabel,
+          disabled: r.disabled,
+          indeterminate: r.indeterminate,
+          "onUpdate:modelValue": c[0] || (c[0] = (n) => l("update:modelValue", n))
+        }, null, 8, ["model-value", "value", "label", "disabled", "indeterminate"])
+      ], 16, _r);
+    };
+  }
+}), Xe = /* @__PURE__ */ Ie(xr, [["__scopeId", "data-v-c0d0d057"]]), wr = { class: "flex flex-col" }, $r = {
+  "data-testid": "production-run-picker-toolbar",
+  class: "production-run-dialog-content--full-bleed flex items-center justify-between gap-12 border-y border-fm-color-neutral-gray-200 px-[20px] py-16 xs:flex-col xs:items-stretch xs:gap-[7px]"
+}, Ir = {
+  "data-testid": "production-run-picker-search-focus",
+  class: "w-[268px] min-w-0 xs:w-full"
+}, Sr = {
+  "data-testid": "production-run-picker-desktop",
+  role: "table",
+  class: "w-full xs:hidden"
+}, Cr = { role: "rowgroup" }, Rr = {
+  "data-testid": "production-run-picker-desktop-header",
+  role: "row",
+  class: "fm-typo-en-body-sm-600 sticky top-0 z-10 grid grid-cols-[32px_minmax(0,1fr)_144px] gap-x-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 px-[20px] py-8 text-fm-color-typo-secondary"
+}, Ar = {
+  role: "columnheader",
+  class: "text-center"
+}, Fr = { class: "sr-only" }, Ur = {
+  role: "columnheader",
+  class: "text-left"
+}, Pr = {
+  role: "columnheader",
+  class: "text-center"
+}, Br = { role: "rowgroup" }, Vr = ["data-testid", "onClick"], Er = ["data-testid"], Dr = {
+  role: "cell",
+  class: "min-w-0"
+}, Lr = { class: "flex min-w-0 flex-1 flex-col gap-2" }, qr = { class: "line-clamp-1 fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Tr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Nr = {
+  role: "cell",
+  class: "fm-typo-en-body-md-400 self-center whitespace-nowrap text-center text-fm-color-typo-primary"
+}, Or = {
+  "data-testid": "production-run-picker-mobile",
+  class: "hidden xs:block"
+}, Mr = ["data-testid", "onClick"], jr = {
+  "data-testid": "production-run-picker-mobile-content",
+  class: "flex min-w-0 flex-1 flex-col gap-0"
+}, Hr = ["title"], zr = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, Kr = {
+  "data-testid": "production-run-picker-mobile-stock",
+  class: "fm-typo-en-body-sm-400 mt-[4px] text-center text-fm-color-typo-secondary"
+}, Qr = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 px-16 py-24 text-center text-fm-color-typo-secondary"
+}, Gr = { class: "flex w-full items-center justify-end gap-8" }, Wr = /* @__PURE__ */ Y({
+  __name: "ProductionRunItemPickerDialog",
+  props: {
+    show: { type: Boolean },
+    candidates: {},
+    existingSkuIds: {}
+  },
+  emits: ["update:show", "select"],
+  setup(s, { emit: e }) {
+    const t = s, l = e, { t: o } = de(), r = S(() => o("inventory.production.run.form.picker.title")), c = N(""), a = N(/* @__PURE__ */ new Set()), {
+      scroller: n,
+      canScrollFurther: f,
+      onScroll: w
+    } = nt(), U = S({
+      get: () => t.show,
+      set: (L) => l("update:show", L)
+    }), _ = S(() => new Set(t.existingSkuIds)), b = S(() => t.candidates.filter((L) => !_.value.has(L.sku._id))), R = S(() => {
+      const L = c.value.trim().toLocaleLowerCase();
+      return L ? t.candidates.filter(
+        (q) => `${q.sku.name} ${q.sku.code}`.toLocaleLowerCase().includes(L)
+      ) : t.candidates;
+    }), T = S(
+      () => R.value.filter((L) => !_.value.has(L.sku._id)).map((L) => L.sku._id)
+    ), z = S(
+      () => T.value.length > 0 && T.value.every((L) => a.value.has(L))
+    ), D = S(() => {
+      const L = T.value.filter((q) => a.value.has(q)).length;
+      return L > 0 && L < T.value.length;
+    });
+    ke(
+      () => t.show,
+      (L) => {
+        L && (c.value = "", a.value = /* @__PURE__ */ new Set());
+      },
+      { immediate: !0 }
+    );
+    function g(L, q) {
+      if (_.value.has(L)) return;
+      const A = new Set(a.value);
+      q ? A.add(L) : A.delete(L), a.value = A;
+    }
+    function te() {
+      const L = new Set(a.value);
+      z.value ? T.value.forEach((q) => L.delete(q)) : T.value.forEach((q) => L.add(q)), a.value = L;
+    }
+    function J() {
+      const L = b.value.map((q) => q.sku._id).filter((q) => a.value.has(q));
+      L.length && (l("select", L), U.value = !1);
+    }
+    return (L, q) => {
+      const A = Z("FmTextField"), j = Z("FmButton");
+      return m(), M(rt, {
+        "model-value": U.value,
+        title: r.value,
+        "close-label": i(o)("inventory.production.run.form.picker.dismiss"),
+        "max-width": "min(calc(100% - 32px), 576px)",
+        "initial-focus": "[data-testid='production-run-picker-search-focus'] input",
+        "onUpdate:modelValue": q[5] || (q[5] = (x) => U.value = x)
+      }, {
+        footer: H(() => [
+          u("div", Gr, [
+            E(j, {
+              variant: "tertiary",
+              label: i(o)("inventory.production.run.form.picker.close"),
+              onClick: q[4] || (q[4] = (x) => U.value = !1)
+            }, null, 8, ["label"]),
+            E(j, {
+              "data-testid": "production-run-picker-confirm",
+              label: i(o)("inventory.production.run.form.picker.confirm"),
+              disabled: a.value.size === 0,
+              onClick: J
+            }, null, 8, ["label", "disabled"])
+          ])
+        ]),
+        default: H(() => [
+          u("div", wr, [
+            u("div", $r, [
+              E(Xe, {
+                "data-testid": "production-run-picker-select-visible",
+                "model-value": z.value,
+                indeterminate: D.value,
+                label: i(o)("inventory.production.run.form.picker.selectVisible", { count: a.value.size }),
+                value: "visible",
+                "accessible-label": i(o)("inventory.production.run.form.picker.selectVisible", { count: a.value.size }),
+                disabled: T.value.length === 0,
+                class: "h-[24px]",
+                "onUpdate:modelValue": te
+              }, null, 8, ["model-value", "indeterminate", "label", "accessible-label", "disabled"]),
+              u("div", Ir, [
+                E(A, {
+                  "model-value": c.value,
+                  "onUpdate:modelValue": q[0] || (q[0] = (x) => c.value = x),
+                  "data-testid": "production-run-picker-search",
+                  class: "w-full",
+                  "prepend-icon": "search",
+                  placeholder: i(o)("inventory.production.run.form.picker.search")
+                }, null, 8, ["model-value", "placeholder"])
+              ])
+            ]),
+            u("div", {
+              ref_key: "pickerScroll",
+              ref: n,
+              "data-testid": "production-run-picker-list",
+              class: "production-run-dialog-content--full-bleed max-h-[320px] overflow-y-auto border-b border-fm-color-neutral-gray-200",
+              onScroll: q[3] || (q[3] = //@ts-ignore
+              (...x) => i(w) && i(w)(...x))
+            }, [
+              u("div", Sr, [
+                u("div", Cr, [
+                  u("div", Rr, [
+                    u("span", Ar, [
+                      u("span", Fr, y(i(o)("inventory.production.run.form.picker.selectColumn")), 1)
+                    ]),
+                    u("span", Ur, y(i(o)("inventory.production.run.form.picker.itemColumn")), 1),
+                    u("span", Pr, y(i(o)("inventory.production.run.form.picker.stockColumn")), 1)
+                  ])
+                ]),
+                u("div", Br, [
+                  (m(!0), k(ee, null, pe(R.value, (x) => (m(), k("div", {
+                    key: x.sku._id,
+                    "data-testid": `production-run-picker-row-${x.sku._id}`,
+                    role: "row",
+                    class: G([
+                      "grid grid-cols-[32px_minmax(0,1fr)_144px] gap-x-12 border-b border-fm-color-neutral-gray-200 px-[20px] py-8 last:border-b-0 hover:bg-fm-color-opacity-sm",
+                      _.value.has(x.sku._id) ? "cursor-default opacity-60" : "cursor-pointer"
+                    ]),
+                    onClick: (C) => !_.value.has(x.sku._id) && g(x.sku._id, !a.value.has(x.sku._id))
+                  }, [
+                    u("div", {
+                      "data-testid": `production-run-picker-selection-${x.sku._id}`,
+                      role: "cell",
+                      class: "self-center text-center"
+                    }, [
+                      E(Xe, {
+                        value: x.sku._id,
+                        "model-value": a.value.has(x.sku._id),
+                        disabled: _.value.has(x.sku._id),
+                        "accessible-label": x.sku.name,
+                        class: "inline-flex shrink-0",
+                        onClick: q[1] || (q[1] = Ae(() => {
+                        }, ["stop"])),
+                        "onUpdate:modelValue": (C) => g(x.sku._id, C)
+                      }, null, 8, ["value", "model-value", "disabled", "accessible-label", "onUpdate:modelValue"])
+                    ], 8, Er),
+                    u("div", Dr, [
+                      u("span", Lr, [
+                        u("span", qr, y(x.sku.name), 1),
+                        u("span", Tr, [
+                          ue(y(x.sku.code) + " ", 1),
+                          _.value.has(x.sku._id) ? (m(), k(ee, { key: 0 }, [
+                            ue(" · " + y(i(o)("inventory.production.run.form.picker.alreadyAdded")), 1)
+                          ], 64)) : B("", !0)
+                        ]),
+                        x.hasBindings ? B("", !0) : (m(), M(tt, {
+                          key: 0,
+                          "item-name": x.sku.name
+                        }, null, 8, ["item-name"]))
+                      ])
+                    ]),
+                    u("div", Nr, y(i(fe)(x.onHand, x.sku.unit.abbrev)), 1)
+                  ], 10, Vr))), 128))
+                ])
+              ]),
+              u("div", Or, [
+                (m(!0), k(ee, null, pe(R.value, (x) => (m(), k("div", {
+                  key: x.sku._id,
+                  "data-testid": `production-run-picker-mobile-row-${x.sku._id}`,
+                  class: G([
+                    "flex items-start gap-[16px] px-[20px] py-[12px] hover:bg-fm-color-opacity-sm",
+                    _.value.has(x.sku._id) ? "cursor-default opacity-60" : "cursor-pointer"
+                  ]),
+                  onClick: (C) => !_.value.has(x.sku._id) && g(x.sku._id, !a.value.has(x.sku._id))
+                }, [
+                  E(Xe, {
+                    "data-testid": "production-run-picker-mobile-selection",
+                    value: x.sku._id,
+                    "model-value": a.value.has(x.sku._id),
+                    disabled: _.value.has(x.sku._id),
+                    "accessible-label": x.sku.name,
+                    class: "ml-[4px] mt-[5px] shrink-0",
+                    onClick: q[2] || (q[2] = Ae(() => {
+                    }, ["stop"])),
+                    "onUpdate:modelValue": (C) => g(x.sku._id, C)
+                  }, null, 8, ["value", "model-value", "disabled", "accessible-label", "onUpdate:modelValue"]),
+                  u("span", jr, [
+                    u("span", {
+                      class: "line-clamp-1 max-w-[144px] fm-typo-en-body-md-600 text-fm-color-typo-primary",
+                      title: x.sku.name
+                    }, y(x.sku.name), 9, Hr),
+                    u("span", zr, [
+                      ue(y(x.sku.code) + " ", 1),
+                      _.value.has(x.sku._id) ? (m(), k(ee, { key: 0 }, [
+                        ue(" · " + y(i(o)("inventory.production.run.form.picker.alreadyAdded")), 1)
+                      ], 64)) : B("", !0)
+                    ]),
+                    x.hasBindings ? B("", !0) : (m(), M(tt, {
+                      key: 0,
+                      "item-name": x.sku.name
+                    }, null, 8, ["item-name"])),
+                    u("span", Kr, y(i(o)("inventory.production.run.form.picker.stockColumn")) + " " + y(i(fe)(x.onHand, x.sku.unit.abbrev)), 1)
+                  ])
+                ], 10, Mr))), 128))
+              ]),
+              R.value.length === 0 ? (m(), k("div", Qr, y(i(o)("inventory.production.run.form.picker.empty")), 1)) : B("", !0),
+              E(Ge, {
+                visible: i(f),
+                testid: "production-run-picker-scroll-hint"
+              }, null, 8, ["visible"])
+            ], 544)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "title", "close-label"]);
+    };
+  }
+}), Jr = { class: "sr-only" }, Yr = /* @__PURE__ */ Y({
+  inheritAttrs: !1,
+  __name: "ProductionRunSelectionRadio",
+  props: {
+    modelValue: {},
+    value: {},
+    accessibleLabel: {},
+    name: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { expose: e, emit: t }) {
+    const l = s, o = t, r = N(null);
+    function c() {
+      var _;
+      return ((_ = r.value) == null ? void 0 : _.querySelector('input[type="radio"]')) ?? null;
+    }
+    function a() {
+      const _ = c();
+      _ && (_.name = l.name, _.dataset.choice = l.value, _.setAttribute("aria-checked", String(l.modelValue === l.value)));
+    }
+    function n() {
+      var _;
+      (_ = c()) == null || _.focus();
+    }
+    function f() {
+      l.disabled || (n(), o("update:modelValue", l.value));
+    }
+    function w() {
+      l.disabled || (n(), o("update:modelValue", l.value));
+    }
+    function U(_) {
+      if (l.disabled || !["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(_.key))
+        return;
+      const b = c();
+      if (!b || _.target !== b) return;
+      const R = [...document.querySelectorAll('input[type="radio"]')].filter(
+        (g) => g.name === l.name && !g.disabled
+      ), T = R.indexOf(b);
+      if (T < 0 || R.length < 2) return;
+      _.preventDefault(), _.stopPropagation();
+      const z = _.key === "ArrowRight" || _.key === "ArrowDown" ? 1 : -1, D = R[(T + z + R.length) % R.length];
+      D.focus({ preventScroll: !0 }), D.click();
+    }
+    return Te(a), ke(() => [l.modelValue, l.value, l.name], a, {
+      flush: "post"
+    }), e({ focus: n }), (_, b) => {
+      const R = Z("FmRadio");
+      return m(), k("div", Je({
+        ref_key: "root",
+        ref: r
+      }, _.$attrs, {
+        class: ["production-run-selection-radio flex min-w-0 items-start gap-0", _.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"],
+        onPointerdown: b[1] || (b[1] = Ae(() => {
+        }, ["prevent"])),
+        onClick: f,
+        onKeydown: U
+      }), [
+        E(R, {
+          "model-value": _.modelValue,
+          value: _.value,
+          disabled: _.disabled,
+          class: "mt-[1px] shrink-0",
+          onClick: b[0] || (b[0] = Ae(() => {
+          }, ["stop"])),
+          "onUpdate:modelValue": w
+        }, {
+          label: H(() => [
+            u("span", Jr, y(_.accessibleLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["model-value", "value", "disabled"]),
+        se(_.$slots, "default")
+      ], 16);
+    };
+  }
+}), Xr = {
+  "data-testid": "production-run-duplicate-body",
+  class: "production-run-duplicate-body flex min-h-0 flex-col"
+}, Zr = {
+  key: 0,
+  class: "production-run-dialog-content--full-bleed fm-typo-en-body-md-400 border-b border-fm-color-neutral-gray-200 px-16 py-24 text-center text-fm-color-typo-secondary"
+}, es = ["aria-label"], ts = { class: "flex flex-col" }, os = { class: "flex min-w-0 flex-1 flex-col gap-[2px]" }, ns = { class: "line-clamp-1 text-[14px] font-semibold leading-[18px] text-fm-color-typo-primary" }, rs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, ss = { class: "production-run-dialog-content--full-bleed flex items-center justify-between gap-8 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 px-16 py-[10px]" }, is = {
+  "data-testid": "production-run-duplicate-selection-summary",
+  class: "text-[14px] font-semibold leading-[20px] tabular-nums text-fm-color-typo-primary"
+}, as = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, ls = ["data-testid", "onClick"], us = { class: "flex min-w-0 flex-1 flex-col gap-2" }, ds = { class: "flex flex-wrap items-center gap-4" }, cs = { class: "truncate" }, ms = {
+  key: 0,
+  class: "fm-typo-en-body-sm-600 rounded-full border border-fm-color-neutral-gray-200 px-8 py-4 text-fm-color-typo-secondary"
+}, ps = {
+  key: 1,
+  class: "fm-typo-en-body-sm-600 rounded-full bg-fm-color-neutral-gray-100 px-8 py-4 text-fm-color-typo-secondary"
+}, fs = {
+  key: 2,
+  class: "fm-typo-en-body-sm-600 rounded-full bg-fm-color-neutral-gray-100 px-8 py-4 text-fm-color-typo-secondary"
+}, vs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ys = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error"
+}, bs = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 mt-[4px] flex items-center gap-[8px] text-fm-color-typo-secondary"
+}, gs = ["data-testid", "value", "aria-label", "onChange"], hs = {
+  value: "",
+  disabled: ""
+}, ks = ["value"], _s = 999, xs = /* @__PURE__ */ Y({
+  __name: "ProductionRunDuplicateDialog",
+  props: {
+    show: { type: Boolean },
+    runs: {},
+    catalog: {},
+    currentSkuIds: {},
+    currentRunId: { default: void 0 }
+  },
+  emits: ["update:show", "select"],
+  setup(s, { emit: e }) {
+    const t = s, l = e, o = N("source"), { t: r } = de(), c = S(
+      () => r(
+        o.value === "source" ? "inventory.production.run.form.duplicate.title" : "inventory.production.run.form.duplicate.itemsTitle"
+      )
+    ), a = N(null), n = N(/* @__PURE__ */ new Set()), f = N(/* @__PURE__ */ new Map()), w = N(null), U = /* @__PURE__ */ new Map(), _ = N(null), b = N(null), R = N(null);
+    let T = null;
+    const {
+      scroller: z,
+      canScrollFurther: D,
+      onScroll: g
+    } = nt();
+    function te(d) {
+      var $;
+      const v = d;
+      typeof (v == null ? void 0 : v.focus) == "function" ? v.focus() : ($ = v == null ? void 0 : v.$el) == null || $.focus();
+    }
+    function J() {
+      T !== null && clearTimeout(T), he(() => {
+        !t.show || !w.value || (T = setTimeout(() => {
+          te(w.value), T = null;
+        }));
+      });
+    }
+    function L(d, v, $) {
+      const p = $;
+      p ? U.set(d, p) : U.delete(d), v === 0 && (w.value = p);
+    }
+    const q = S({
+      get: () => t.show,
+      set: (d) => l("update:show", d)
+    });
+    We(() => {
+      T !== null && clearTimeout(T);
+    });
+    const A = S(
+      () => t.runs.filter((d) => d._id !== t.currentRunId && d.items.length > 0).sort((d, v) => {
+        var O, F;
+        const $ = ((O = vt(d)) == null ? void 0 : O.at) ?? d.createdAt, p = ((F = vt(v)) == null ? void 0 : F.at) ?? v.createdAt;
+        return Date.parse(p) - Date.parse($) || v.runNo - d.runNo;
+      })
+    ), j = S(() => A.value.find((d) => d._id === a.value) ?? null), x = S(() => new Map(t.catalog.map((d) => [d._id, d]))), C = S(() => {
+      var v;
+      const d = /* @__PURE__ */ new Map();
+      for (const $ of ((v = j.value) == null ? void 0 : v.items) ?? []) {
+        const p = d.get($.skuId) ?? [];
+        p.push($), d.set($.skuId, p);
+      }
+      return [...d.entries()].map(([$, p]) => {
+        const O = x.value.get($), F = O ? p.map((le) => qe(le.measurement, O.unit)).filter($e) : [], W = !!O && p.every((le) => !!qe(le.measurement, O.unit)), Q = F.length === p.length && !!F[0] && F.every((le) => ct(le, F[0])), re = !!O && !W && (p.length === 1 || Q);
+        return {
+          skuId: $,
+          items: p,
+          sku: O,
+          overlap: t.currentSkuIds.includes($),
+          storedUnitResolved: W,
+          canChooseOriginalUnit: re,
+          ambiguousStoredUnit: !!O && !W && !re,
+          unitResolved: W || re && f.value.has($)
+        };
+      });
+    }), _e = S(() => n.value.size), Fe = S(
+      () => C.value.filter((d) => d.overlap && n.value.has(d.skuId)).length
+    ), xe = S(
+      () => C.value.filter(
+        (d) => !!d.sku && d.unitResolved && n.value.has(d.skuId)
+      )
+    ), ve = S(() => xe.value.filter((d) => !d.overlap)), Ue = S(
+      () => C.value.some((d) => !!d.sku && !d.unitResolved)
+    ), Ne = S(
+      () => {
+        var d;
+        return ((d = C.value.find((v) => !!v.sku && v.unitResolved)) == null ? void 0 : d.skuId) ?? null;
+      }
+    ), Oe = S(
+      () => {
+        var d;
+        return ((d = C.value.find((v) => !!v.sku && v.canChooseOriginalUnit)) == null ? void 0 : d.skuId) ?? null;
+      }
+    ), Se = S(
+      () => ve.value.length && ve.value.length <= _s ? r(
+        "inventory.production.run.form.duplicate.addCount",
+        { count: ve.value.length },
+        ve.value.length
+      ) : r("inventory.production.run.form.duplicate.addItems")
+    ), ce = (d) => et(d, r("inventory.production.run.list.untitled")), Ce = S(() => j.value ? ce(j.value) : ""), Pe = S(
+      () => o.value === "source" ? r("inventory.production.run.form.duplicate.description") : r("inventory.production.run.form.duplicate.fromSource", { name: Ce.value })
+    ), Me = S(
+      () => r(
+        o.value === "source" ? "inventory.production.run.form.duplicate.guidanceSource" : t.currentSkuIds.length ? "inventory.production.run.form.duplicate.guidanceItems" : "inventory.production.run.form.duplicate.guidanceEmpty"
+      )
+    );
+    ke(
+      () => t.show,
+      (d) => {
+        d && (o.value = "source", a.value = null, n.value = /* @__PURE__ */ new Set(), f.value = /* @__PURE__ */ new Map(), J());
+      },
+      { immediate: !0 }
+    );
+    function I(d) {
+      return r(
+        "inventory.production.run.form.duplicate.itemCount",
+        { count: d.items.length },
+        d.items.length
+      );
+    }
+    function K() {
+      j.value && (n.value = new Set(
+        C.value.filter((d) => !!d.sku).map((d) => d.skuId)
+      ), f.value = /* @__PURE__ */ new Map(), _.value = null, b.value = null, o.value = "items", he(() => te(_.value ?? b.value ?? R.value)));
+    }
+    function X(d) {
+      a.value = d;
+    }
+    function me() {
+      o.value = "source", he(
+        () => te(
+          (a.value ? U.get(a.value) : null) ?? w.value
+        )
+      );
+    }
+    function ae(d, v) {
+      d === Ne.value && (_.value = v);
+    }
+    function Be(d, v) {
+      d === Oe.value && (b.value = v);
+    }
+    function ie(d, v) {
+      const $ = new Set(n.value);
+      v ? $.add(d) : $.delete(d), n.value = $;
+    }
+    function st(d) {
+      return [
+        { id: d.unit._id, label: d.unit.abbrev },
+        ...d.unit.measurements.map((v) => ({
+          id: v.id,
+          label: v.abbrev
+        }))
+      ];
+    }
+    function it(d, v) {
+      const $ = x.value.get(d);
+      if (!$) return;
+      const p = v === $.unit._id ? Le($.unit) : (() => {
+        const F = $.unit.measurements.find((W) => W.id === v);
+        return F ? $t($.unit, F) : null;
+      })(), O = new Map(f.value);
+      p ? O.set(d, p) : O.delete(d), f.value = O;
+    }
+    function h(d, v, $) {
+      const p = (v ? qe(d.measurement, v.unit) : null) ?? $, O = p == null ? void 0 : p.abbrev, F = fe(d.requestedAmount, O, {
+        precision: d.requestedAmount.precision
+      });
+      return O ? F : `${F} · ${r("inventory.production.run.list.itemsUnitUnresolved")}`;
+    }
+    function V(d) {
+      const v = f.value.get(d.skuId);
+      return d.items.map(($) => h($, d.sku, v)).join(" + ");
+    }
+    function P(d) {
+      if (!j.value) return;
+      const v = d === "add" ? ve.value : xe.value;
+      v.length !== 0 && (l("select", {
+        sourceRunId: j.value._id,
+        skuIds: v.map(($) => $.skuId),
+        mode: d,
+        measurementOverrides: Object.fromEntries(
+          v.flatMap(($) => {
+            const p = f.value.get($.skuId);
+            return p ? [[$.skuId, p]] : [];
+          })
+        )
+      }), q.value = !1);
+    }
+    return (d, v) => {
+      const $ = Z("FmButton");
+      return m(), M(rt, {
+        class: "production-run-duplicate-dialog",
+        "model-value": q.value,
+        title: c.value,
+        description: Pe.value,
+        notice: Me.value,
+        "close-label": i(r)("inventory.production.run.form.duplicate.dismiss"),
+        "max-width": "min(calc(100% - 32px), 672px)",
+        "onUpdate:modelValue": v[7] || (v[7] = (p) => q.value = p)
+      }, {
+        footer: H(() => [
+          u("div", {
+            "data-testid": "production-run-duplicate-footer",
+            class: G(["production-run-duplicate-footer flex w-full items-center justify-end gap-8", o.value === "items" && "production-run-duplicate-footer--items"])
+          }, [
+            E($, {
+              ref: (p) => R.value = p,
+              variant: "tertiary",
+              label: o.value === "items" ? i(r)("inventory.production.run.form.duplicate.back") : i(r)("inventory.production.run.form.duplicate.cancel"),
+              onClick: v[4] || (v[4] = (p) => o.value === "items" ? me() : q.value = !1)
+            }, null, 8, ["label"]),
+            o.value === "source" ? (m(), M($, {
+              key: 0,
+              label: i(r)("inventory.production.run.form.duplicate.next"),
+              disabled: !a.value,
+              onClick: K
+            }, null, 8, ["label", "disabled"])) : d.currentSkuIds.length ? (m(), M($, {
+              key: 1,
+              variant: "destructive",
+              label: i(r)("inventory.production.run.form.duplicate.replace"),
+              disabled: Ue.value || xe.value.length === 0,
+              onClick: v[5] || (v[5] = (p) => P("replace"))
+            }, null, 8, ["label", "disabled"])) : B("", !0),
+            o.value === "items" ? (m(), M($, {
+              key: 2,
+              label: Se.value,
+              disabled: Ue.value || ve.value.length === 0,
+              onClick: v[6] || (v[6] = (p) => P("add"))
+            }, null, 8, ["label", "disabled"])) : B("", !0)
+          ], 2)
+        ]),
+        default: H(() => [
+          u("div", Xr, [
+            o.value === "source" ? (m(), k(ee, { key: 0 }, [
+              A.value.length === 0 ? (m(), k("div", Zr, y(i(r)("inventory.production.run.form.duplicate.empty")), 1)) : (m(), k("div", {
+                key: 1,
+                ref_key: "duplicateScroll",
+                ref: z,
+                role: "radiogroup",
+                "data-testid": "production-run-duplicate-source-list",
+                class: "production-run-dialog-content--full-bleed min-h-0 max-h-[320px] flex-1 overflow-y-auto border-b border-fm-color-neutral-gray-200 p-12",
+                "aria-label": i(r)("inventory.production.run.form.duplicate.title"),
+                onScroll: v[0] || (v[0] = //@ts-ignore
+                (...p) => i(g) && i(g)(...p))
+              }, [
+                u("div", ts, [
+                  (m(!0), k(ee, null, pe(A.value, (p, O) => (m(), M(Yr, {
+                    key: p._id,
+                    "data-testid": `production-run-duplicate-source-row-${p._id}`,
+                    ref_for: !0,
+                    ref: (F) => {
+                      L(p._id, O, F);
+                    },
+                    "model-value": a.value,
+                    value: p._id,
+                    "accessible-label": ce(p),
+                    name: "production-run-duplicate-source",
+                    class: "production-run-source-option fm-corner-radius-md hover:bg-fm-color-opacity-sm",
+                    "onUpdate:modelValue": X
+                  }, {
+                    default: H(() => [
+                      u("div", os, [
+                        u("span", ns, y(ce(p)), 1),
+                        u("span", rs, " #" + y(p.runNo) + " · " + y(I(p)) + " · " + y(i(r)(`inventory.production.run.list.status.${p.status}`)), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["data-testid", "model-value", "value", "accessible-label"]))), 128))
+                ]),
+                E(Ge, {
+                  visible: i(D),
+                  testid: "production-run-duplicate-source-scroll-hint"
+                }, null, 8, ["visible"])
+              ], 40, es))
+            ], 64)) : (m(), k(ee, { key: 1 }, [
+              u("div", ss, [
+                u("span", is, y(i(r)("inventory.production.run.form.duplicate.selectionSummary", {
+                  selected: _e.value
+                })), 1),
+                Fe.value ? (m(), k("span", as, y(i(r)("inventory.production.run.form.duplicate.overlapSummary", { overlap: Fe.value })), 1)) : B("", !0)
+              ]),
+              u("div", {
+                ref_key: "duplicateScroll",
+                ref: z,
+                "data-testid": "production-run-duplicate-item-list",
+                class: "production-run-dialog-content--full-bleed production-run-duplicate-item-list min-h-0 max-h-[320px] overflow-y-auto border-b border-fm-color-neutral-gray-200 py-[4px]",
+                onScroll: v[3] || (v[3] = //@ts-ignore
+                (...p) => i(g) && i(g)(...p))
+              }, [
+                (m(!0), k(ee, null, pe(C.value, (p) => {
+                  var O, F, W;
+                  return m(), k("div", {
+                    key: p.skuId,
+                    "data-testid": `production-run-duplicate-item-row-${p.skuId}`,
+                    class: G([
+                      "fm-corner-radius-md flex items-start gap-[8px] px-[20px] py-[8px] hover:bg-fm-color-opacity-sm",
+                      !p.sku || !p.unitResolved ? "cursor-not-allowed opacity-60" : "cursor-pointer"
+                    ]),
+                    onClick: (Q) => p.sku && p.unitResolved && ie(p.skuId, !n.value.has(p.skuId))
+                  }, [
+                    E(Xe, {
+                      ref_for: !0,
+                      ref: (Q) => ae(p.skuId, Q),
+                      "model-value": n.value.has(p.skuId),
+                      disabled: !p.sku || !p.unitResolved,
+                      "accessible-label": ((O = p.sku) == null ? void 0 : O.name) ?? p.skuId,
+                      value: p.skuId,
+                      class: "mt-[1px] shrink-0",
+                      onClick: v[1] || (v[1] = Ae(() => {
+                      }, ["stop"])),
+                      "onUpdate:modelValue": (Q) => ie(p.skuId, Q)
+                    }, null, 8, ["model-value", "disabled", "accessible-label", "value", "onUpdate:modelValue"]),
+                    u("span", us, [
+                      u("span", ds, [
+                        u("strong", cs, y(((F = p.sku) == null ? void 0 : F.name) ?? i(r)("inventory.production.run.form.duplicate.unavailable", {
+                          id: p.skuId
+                        })), 1),
+                        p.overlap ? (m(), k("span", ms, y(i(r)("inventory.production.run.form.duplicate.alreadyInPlan")), 1)) : p.sku ? p.unitResolved ? B("", !0) : (m(), k("span", fs, y(i(r)("inventory.production.run.list.itemsUnitUnresolved")), 1)) : (m(), k("span", ps, y(i(r)("inventory.production.run.form.duplicate.noLongerAvailable")), 1))
+                      ]),
+                      u("span", vs, y(V(p)), 1),
+                      p.ambiguousStoredUnit ? (m(), k("span", ys, y(i(r)("inventory.production.run.form.duplicate.ambiguousRepeatedUnit")), 1)) : B("", !0),
+                      p.sku && p.canChooseOriginalUnit ? (m(), k("label", bs, [
+                        u("span", {
+                          class: G([
+                            "min-w-0 flex-1",
+                            p.unitResolved ? "text-fm-color-typo-secondary" : "text-fm-color-typo-error"
+                          ])
+                        }, y(i(r)("inventory.production.run.form.duplicate.unitUnresolved")), 3),
+                        u("select", {
+                          ref_for: !0,
+                          ref: (Q) => Be(p.skuId, Q),
+                          "data-testid": `production-run-duplicate-unit-${p.skuId}`,
+                          class: "fm-corner-radius-md h-[36px] w-[112px] shrink-0 border border-fm-color-neutral-gray-300 bg-white px-[8px] text-fm-color-typo-primary",
+                          value: ((W = f.value.get(p.skuId)) == null ? void 0 : W.id) ?? "",
+                          "aria-label": i(r)("inventory.production.run.form.duplicate.chooseOriginalUnitFor", {
+                            name: p.sku.name
+                          }),
+                          onClick: v[2] || (v[2] = Ae(() => {
+                          }, ["stop"])),
+                          onChange: (Q) => it(p.skuId, Q.target.value)
+                        }, [
+                          u("option", hs, y(i(r)("inventory.production.run.form.duplicate.chooseOriginalUnitPlaceholder")), 1),
+                          (m(!0), k(ee, null, pe(st(p.sku), (Q) => (m(), k("option", {
+                            key: Q.id,
+                            value: Q.id
+                          }, y(Q.label), 9, ks))), 128))
+                        ], 40, gs)
+                      ])) : B("", !0)
+                    ])
+                  ], 10, ls);
+                }), 128)),
+                E(Ge, {
+                  visible: i(D),
+                  testid: "production-run-duplicate-item-scroll-hint"
+                }, null, 8, ["visible"])
+              ], 544)
+            ], 64))
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "title", "description", "notice", "close-label"]);
+    };
+  }
+}), ws = /* @__PURE__ */ Ie(xs, [["__scopeId", "data-v-59cc3003"]]), $s = {
+  "data-testid": "production-run-details-grid",
+  class: "grid grid-cols-1 items-start gap-x-16 gap-y-8 md:grid-cols-[3fr_2fr] lg:grid-cols-[3fr_2fr]"
+}, Is = {
+  "data-testid": "production-run-name-field",
+  class: "production-run-name min-w-0"
+}, Ss = {
+  key: 1,
+  class: "flex justify-center py-32"
+}, Cs = {
+  "data-testid": "production-run-form-footer",
+  class: "production-run-form-footer flex w-full flex-row flex-wrap items-center justify-between gap-4"
+}, Rs = {
+  "data-testid": "production-run-form-primary-actions",
+  class: "production-run-form-primary-actions flex w-auto flex-row gap-8"
+}, As = /* @__PURE__ */ Y({
+  __name: "ProductionRunFormDialog",
+  props: {
+    show: { type: Boolean },
+    run: {},
+    duplicateSources: {}
+  },
+  emits: ["update:show", "saved"],
+  setup(s, { emit: e }) {
+    const t = s, l = e, { t: o } = de(), r = Lt(), c = qt(), a = _t(), n = co(), f = N(!1), w = N(!1), U = N(!1), _ = N(null);
+    let b = null;
+    async function R() {
+      await n.load() && t.run && n.seedFrom(t.run);
+    }
+    const T = S(() => !!t.run), z = S(
+      () => (t.duplicateSources ?? []).filter(
+        (I) => {
+          var K;
+          return I._id !== ((K = t.run) == null ? void 0 : K._id) && I.items.length > 0;
+        }
+      )
+    ), D = S(
+      () => T.value ? o("inventory.production.run.form.edit.title") : o("inventory.production.run.form.create.title")
+    ), g = S(() => {
+      const I = a._currentLocation;
+      return I ? `${I.name} (${I.doc.profile.code ?? "--"})` : o("inventory.production.run.form.noLocation");
+    });
+    ke(
+      () => t.show,
+      async (I) => {
+        I && (f.value = !1, n.reset(), await R());
+      },
+      { immediate: !0 }
+    );
+    const te = S(() => {
+      const I = n.duplicateMerges.value;
+      if (!I.length) return null;
+      const K = I.map((X) => {
+        const me = X.sources.map((ae) => fe(ae.amount, ae.unit)).join(" + ");
+        return X.amount == null ? o("inventory.production.run.form.duplicates.unresolvedLine", {
+          name: X.name,
+          sources: me
+        }) : o("inventory.production.run.form.duplicates.line", {
+          name: X.name,
+          sources: me,
+          combined: fe(X.amount, X.unit)
+        });
+      });
+      return o("inventory.production.run.form.duplicates.message", { lines: K.join(" ") });
+    });
+    function J() {
+      if (!n.submitting.value) {
+        if (!n.dirty.value) {
+          l("update:show", !1);
+          return;
+        }
+        U.value = !0;
+      }
+    }
+    function L() {
+      n.submitting.value || (U.value = !1, n.reset(), l("update:show", !1));
+    }
+    function q() {
+      var me;
+      const I = (me = _.value) == null ? void 0 : me.closest(
+        '.production-run-side-sheet, [role="dialog"][aria-modal="true"]'
+      ), X = [
+        ...document.querySelectorAll('.fm-dialog, [role="dialog"][aria-modal="true"]')
+      ].filter(
+        (ae) => !ae.hidden && ae.getAttribute("aria-hidden") !== "true" && ae.style.display !== "none"
+      ).at(-1);
+      return !!X && X !== I;
+    }
+    function A(I) {
+      !t.show || I.key !== "Escape" || f.value || w.value || U.value || q() || (I.preventDefault(), I.stopPropagation(), I.stopImmediatePropagation(), I.type === "keyup" && J());
+    }
+    Te(() => {
+      window.addEventListener("keydown", A, !0), window.addEventListener("keyup", A, !0);
+    }), We(() => {
+      window.removeEventListener("keydown", A, !0), window.removeEventListener("keyup", A, !0);
+    });
+    function j(I) {
+      I || J();
+    }
+    function x() {
+      b = document.activeElement instanceof HTMLElement ? document.activeElement : null, w.value = !0;
+    }
+    function C() {
+      b = document.activeElement instanceof HTMLElement ? document.activeElement : null, f.value = !0;
+    }
+    async function _e() {
+      const I = b;
+      b = null, await he(), I == null || I.focus();
+    }
+    function Fe(I) {
+      w.value = I, I || _e();
+    }
+    function xe(I) {
+      f.value = I, I || _e();
+    }
+    function ve(I) {
+      n.addItems(I);
+    }
+    async function Ue() {
+      var K, X;
+      await he();
+      const I = n.items.value.length ? '[data-testid="production-run-item-actions"]' : '[data-testid="production-run-add-items"]';
+      (X = (K = _.value) == null ? void 0 : K.querySelector(I)) == null || X.focus();
+    }
+    function Ne() {
+      const I = n.items.value.length;
+      I && r.open({
+        title: o("inventory.production.run.form.items.clearConfirm.title"),
+        message: o(
+          I === 1 ? "inventory.production.run.form.items.clearConfirm.messageOne" : "inventory.production.run.form.items.clearConfirm.message",
+          { count: I }
+        ),
+        primaryActions: {
+          text: o("inventory.production.run.form.items.clearConfirm.confirm"),
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: o("inventory.production.run.form.items.clearConfirm.keep"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary(() => {
+        n.clearAll();
+      }).onClose(Ue);
+    }
+    async function Oe(I) {
+      const K = z.value.find((X) => X._id === I.sourceRunId);
+      K && (n.duplicateItems(K, I.skuIds, I.mode, I.measurementOverrides), await n.refreshStock());
+    }
+    function Se(I, K) {
+      const X = ut(K);
+      c == null || c.open({ title: o(I), message: X.message, type: "error" });
+    }
+    async function ce() {
+      if (!n.submitting.value)
+        try {
+          const I = t.run ? await n.updateDraft(t.run._id) : await n.createDraft();
+          c == null || c.open({
+            title: o(
+              t.run ? "inventory.production.run.form.success.updated" : "inventory.production.run.form.success.draft",
+              {
+                name: et(I, o("inventory.production.run.list.untitled"))
+              }
+            ),
+            type: "success"
+          }), n.dirty.value = !1, l("saved", I), l("update:show", !1);
+        } catch (I) {
+          Se(
+            t.run ? "inventory.production.run.form.error.update" : "inventory.production.run.form.error.save",
+            I
+          );
+        }
+    }
+    async function Ce() {
+      var I;
+      if (!n.submitting.value)
+        try {
+          const K = await n.createAndRequest(), X = et(K.run, o("inventory.production.run.list.untitled"));
+          K.requested ? c == null || c.open({
+            title: o("inventory.production.run.form.success.submitted", { name: X }),
+            type: "success"
+          }) : c == null || c.open({
+            title: o("inventory.production.run.form.error.submitPartial", { name: X }),
+            message: (I = K.failure) == null ? void 0 : I.message,
+            type: "warning"
+          }), n.dirty.value = !1, l("saved", K.run), l("update:show", !1);
+        } catch (K) {
+          Se("inventory.production.run.form.error.save", K);
+        }
+    }
+    function Pe() {
+      n.submitting.value || r.open(lo(o)).onPrimary(() => void Ce());
+    }
+    function Me() {
+      n.retryProjection();
+    }
+    return (I, K) => {
+      var Be;
+      const X = Z("FmTextField"), me = Z("FmCircularProgress"), ae = Z("FmButton");
+      return m(), k(ee, null, [
+        E(vr, {
+          "model-value": I.show,
+          title: D.value,
+          subtitle: i(o)("inventory.production.run.form.forLocation", { location: g.value }),
+          "close-label": i(o)("inventory.production.run.form.dismiss"),
+          "initial-focus": "[data-testid='production-run-name-field'] input",
+          "container-class": "production-run-form-sheet",
+          "dismiss-away": !i(n).dirty.value && !i(n).submitting.value,
+          "hide-close": i(n).submitting.value,
+          onRequestClose: J,
+          "onUpdate:modelValue": j
+        }, {
+          default: H(() => [
+            u("div", {
+              ref_key: "formContent",
+              ref: _,
+              class: "production-run-form-content flex min-w-0 flex-col gap-16"
+            }, [
+              u("div", $s, [
+                u("div", Is, [
+                  E(X, {
+                    "model-value": i(n).runName.value,
+                    label: i(o)("inventory.production.run.form.runName"),
+                    placeholder: i(o)("inventory.production.run.form.runNamePlaceholder"),
+                    "label-mark": "optional",
+                    "onUpdate:modelValue": K[0] || (K[0] = (ie) => i(n).updateRunName(ie ?? ""))
+                  }, null, 8, ["model-value", "label", "placeholder"])
+                ]),
+                E(br, {
+                  "data-testid": "production-run-instructions-field",
+                  rows: 1,
+                  "model-value": i(n).instructions.value,
+                  label: i(o)("inventory.production.run.form.instructions"),
+                  placeholder: i(o)("inventory.production.run.form.instructionsPlaceholder"),
+                  "label-mark": "optional",
+                  "onUpdate:modelValue": K[1] || (K[1] = (ie) => i(n).updateInstructions(ie ?? ""))
+                }, null, 8, ["model-value", "label", "placeholder"])
+              ]),
+              te.value ? (m(), M(mt, {
+                key: 0,
+                tone: "warn",
+                title: i(o)("inventory.production.run.form.duplicates.title"),
+                message: te.value
+              }, null, 8, ["title", "message"])) : B("", !0),
+              E(gr, {
+                "load-failure": i(n).loadFailure.value,
+                "projection-failed": i(n).projectionFailed.value,
+                onRetryLoad: R,
+                onRetryProjection: Me
+              }, null, 8, ["load-failure", "projection-failed"]),
+              i(n).loading.value ? (m(), k("div", Ss, [
+                E(me, { size: "lg" })
+              ])) : i(n).loadFailure.value ? B("", !0) : (m(), M(sr, {
+                key: 2,
+                items: i(n).items.value,
+                commits: i(n).commits.value,
+                "can-duplicate": "",
+                onAdd: x,
+                onDuplicate: C,
+                onClear: Ne,
+                onRemove: i(n).removeItem,
+                "onUpdate:item": i(n).updateItemModel
+              }, null, 8, ["items", "commits", "onRemove", "onUpdate:item"]))
+            ], 512)
+          ]),
+          footer: H(() => [
+            u("div", Cs, [
+              E(ae, {
+                class: "shrink-0",
+                variant: "tertiary",
+                label: i(o)("inventory.production.run.form.actions.cancel"),
+                disabled: i(n).submitting.value,
+                onClick: J
+              }, null, 8, ["label", "disabled"]),
+              u("div", Rs, [
+                E(ae, {
+                  variant: "secondary",
+                  label: T.value ? i(o)("inventory.production.run.form.actions.saveChanges") : i(o)("inventory.production.run.form.actions.saveDraft"),
+                  class: "shrink-0",
+                  disabled: !i(n).canSubmit.value || i(n).submitting.value,
+                  loading: i(n).submitting.value,
+                  onClick: ce
+                }, null, 8, ["label", "disabled", "loading"]),
+                T.value ? B("", !0) : (m(), M(ae, {
+                  key: 0,
+                  label: i(o)("inventory.production.run.form.actions.submitRequest"),
+                  class: "shrink-0",
+                  disabled: !i(n).canRequest.value || i(n).submitting.value,
+                  loading: i(n).submitting.value,
+                  onClick: Pe
+                }, null, 8, ["label", "disabled", "loading"]))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value", "title", "subtitle", "close-label", "dismiss-away", "hide-close"]),
+        f.value ? (m(), M(ws, {
+          key: 0,
+          show: !0,
+          runs: z.value,
+          catalog: i(n).candidates.value.map((ie) => ie.sku),
+          "current-sku-ids": i(n).items.value.map((ie) => ie.skuId),
+          "current-run-id": (Be = I.run) == null ? void 0 : Be._id,
+          "onUpdate:show": xe,
+          onSelect: Oe
+        }, null, 8, ["runs", "catalog", "current-sku-ids", "current-run-id"])) : B("", !0),
+        w.value ? (m(), M(Wr, {
+          key: 1,
+          show: !0,
+          candidates: i(n).candidates.value,
+          "existing-sku-ids": i(n).items.value.map((ie) => ie.skuId),
+          "onUpdate:show": Fe,
+          onSelect: ve
+        }, null, 8, ["candidates", "existing-sku-ids"])) : B("", !0),
+        U.value ? (m(), M(kr, {
+          key: 2,
+          show: !0,
+          "onUpdate:show": K[2] || (K[2] = (ie) => U.value = ie),
+          onDiscard: L
+        })) : B("", !0)
+      ], 64);
+    };
+  }
+}), Js = /* @__PURE__ */ Ie(As, [["__scopeId", "data-v-1d7a9efc"]]), Fs = ["aria-label"], Us = ["id", "aria-selected", "aria-controls", "tabindex", "onClick", "onKeydown"], Ps = {
+  key: 0,
+  "data-testid": "production-run-tab-badge",
+  class: "fm-typo-en-label-sm-600 min-w-[20px] rounded-full bg-fm-color-system-error-400 px-[6px] py-[2px] text-center text-white"
+}, Ys = /* @__PURE__ */ Y({
+  __name: "ProductionRunTabs",
+  props: {
+    items: {},
+    modelValue: {},
+    ariaLabel: {},
+    density: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: e }) {
+    const t = s, l = e, o = N([]);
+    function r(a, n = !1) {
+      const f = t.items[a];
+      f && (l("update:modelValue", f.value), n && he(() => {
+        var w;
+        return (w = o.value[a]) == null ? void 0 : w.focus();
+      }));
+    }
+    function c(a, n) {
+      let f = null;
+      a.key === "ArrowRight" && (f = (n + 1) % t.items.length), a.key === "ArrowLeft" && (f = (n - 1 + t.items.length) % t.items.length), a.key === "Home" && (f = 0), a.key === "End" && (f = t.items.length - 1), f !== null && (a.preventDefault(), r(f, !0));
+    }
+    return ke(
+      () => t.modelValue,
+      async (a) => {
+        var f, w;
+        await he();
+        const n = t.items.findIndex((U) => U.value === a);
+        (w = (f = o.value[n]) == null ? void 0 : f.scrollIntoView) == null || w.call(f, { block: "nearest", inline: "nearest" });
+      },
+      { immediate: !0 }
+    ), (a, n) => (m(), k("nav", {
+      role: "tablist",
+      "aria-label": a.ariaLabel,
+      class: G(["overflow-x-auto", a.density === "detail" && "print:hidden"])
+    }, [
+      u("div", {
+        class: G(["flex min-w-max items-center", a.density === "list" ? "border-b border-fm-color-neutral-gray-100" : "gap-8"])
+      }, [
+        (m(!0), k(ee, null, pe(a.items, (f, w) => (m(), k("button", {
+          id: f.id,
+          key: f.value,
+          ref_for: !0,
+          ref: (U) => o.value[w] = U,
+          type: "button",
+          role: "tab",
+          "aria-selected": a.modelValue === f.value,
+          "aria-controls": f.controls,
+          tabindex: a.modelValue === f.value ? 0 : -1,
+          class: G(["shrink-0 border-b-2 px-12 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-fm-color-border-focused", [
+            a.density === "list" ? "fm-typo-en-body-md-400 flex h-[44px] items-center gap-[6px]" : "flex h-40 items-center gap-[6px] text-[14px] leading-[18px]",
+            a.modelValue === f.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: (U) => r(w),
+          onKeydown: (U) => c(U, w)
+        }, [
+          u("span", null, y(f.label), 1),
+          f.badge && f.badge > 0 ? (m(), k("span", Ps, y(f.badge), 1)) : B("", !0)
+        ], 42, Us))), 128))
+      ], 2)
+    ], 10, Fs));
+  }
+});
+export {
+  nt as A,
+  uo as B,
+  gr as C,
+  mt as D,
+  yt as E,
+  vn as F,
+  bt as G,
+  Ge as H,
+  br as I,
+  ge as J,
+  Le as K,
+  sr as L,
+  Ws as P,
+  Ys as _,
+  Gs as a,
+  vt as b,
+  zs as c,
+  Wt as d,
+  Qs as e,
+  Js as f,
+  ut as g,
+  Hs as h,
+  $e as i,
+  Ks as j,
+  zo as k,
+  Zt as l,
+  Xt as m,
+  qo as n,
+  go as o,
+  et as p,
+  mo as q,
+  Do as r,
+  qe as s,
+  Uo as t,
+  zt as u,
+  tt as v,
+  rt as w,
+  vr as x,
+  co as y,
+  po as z
+};