@burdenoff/microfe-movethewheels 2026.1013.2 → 2026.1016.1

package/README.md

@@ -80,3 +80,10 @@ function App() {
 ## License
 
 Proprietary - Copyright Burdenoff Consultancy Services Pvt. Ltd.
+
+
+### F04 move-review candidate
+
+The existing pending-plan receipt can open an independent review panel. It reuses canonical workspace permissions and the shared Files exact-version picker, typed owning candidate operations, bounded history, explicit handling/SOP references, action/quantity/exclusive validity and approve/reject/revoke decisions. Before dispatch, the panel preserves the intended nonsecret idempotency UUID in tab sessionStorage scoped to actor/workspace/task/intent. A missing storage capability holds before submission; an uncertain result stops further decisions and remains stopped across a same-tab refresh. The owning mutation receipt must match its kind, task, intent hash, subject, request key, reviewer, predecessor/version and declared action/quantity/time scope before the saved key is cleared or success shown. A missing/null/mismatched receipt remains unknown with the key retained. Read-only receipts display request keys for reconciliation; an absent paginated result is not proof of no commit. There is no resend/clear control or automatic mutation retry. Closing the tab/clearing storage is not a durable no-replay certificate; preserve the intended key and reconcile the unknown before another decision. The backend's exact-body idempotency remains authoritative.
+
+An approval is review-only: reserved/staged quantities stay zero. No stock move, scan execution, safety/qualification certificate, live deployment or full F04/UI acceptance is claimed by this source candidate. `graphql/pending-pick.graphql` is regenerated from the owning backend candidate and explicitly is not a published Hive contract; actual Both schema/package/host/ordinary-actor/Files and Playwright acceptance remain release gates.

package/dist/components/EntityCombobox.js

@@ -3,105 +3,111 @@ import { ChevronsUpDown as t } from "../node_modules/lucide-react/dist/esm/icons
 import { cn as n } from "../utils/cn.js";
 import { Command as r, CommandEmpty as i, CommandInput as a, CommandItem as o, CommandList as s, Popover as c, PopoverContent as l, PopoverTrigger as u } from "./ui.js";
 import { useDebouncedValue as d } from "../hooks/useDebouncedValue.js";
-import { useEffect as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useCallback as f, useEffect as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/movethewheels/components/EntityCombobox.tsx
-function g({ value: g, onChange: _, options: v, loading: y = !1, getId: b, renderOption: x, getLabel: S, selectedOption: C = null, selectedLoading: w = !1, required: T = !1, placeholder: E = "Select…", searchPlaceholder: D = "Search…", emptyText: O = "No results found.", noneLabel: k = "None", disabled: A = !1, id: j, error: M, className: N, onSearchChange: P, hasMore: F = !1, totalCount: I, onLoadMore: L, loadingMore: R = !1 }) {
-	let [z, B] = p(!1), [V, H] = p(""), U = d(V.trim(), 200);
-	f(() => {
-		P && P(U);
-	}, [U]);
-	let W = C ? S(C) : g ? w ? "Loading…" : g : E, G = n("w-full flex items-center justify-between gap-2 px-3 py-2", "bg-surface", "border border-default", "rounded-lg", "text-left text-sm text-text-primary", "focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]", "disabled:bg-bg-sunken disabled:cursor-not-allowed", "transition-all duration-200", M && "border-[var(--color-status-error)]", !C && "text-text-tertiary", N), K = !!(L && F);
-	return /* @__PURE__ */ h(c, {
-		open: z,
+function _({ value: _, onChange: v, options: y, loading: b = !1, getId: x, renderOption: S, getLabel: C, selectedOption: w = null, selectedLoading: T = !1, required: E = !1, placeholder: D = "Select…", searchPlaceholder: O = "Search…", emptyText: k = "No results found.", noneLabel: A = "None", disabled: j = !1, id: M, error: N, className: P, onSearchChange: F, hasMore: I = !1, totalCount: L, onLoadMore: R, loadingMore: z = !1 }) {
+	let [B, V] = m(!1), [H, U] = m(""), [W, G] = m(), K = f((e) => {
+		G(e?.id);
+	}, []), q = d(H.trim(), 200);
+	p(() => {
+		F && F(q);
+	}, [q]);
+	let J = w ? C(w) : _ ? T ? "Loading…" : _ : D, Y = n("w-full flex items-center justify-between gap-2 px-3 py-2", "bg-surface", "border border-default", "rounded-lg", "text-left text-sm text-text-primary", "focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]", "disabled:bg-bg-sunken disabled:cursor-not-allowed", "transition-all duration-200", N && "border-[var(--color-status-error)]", !w && "text-text-tertiary", P), X = !!(R && I);
+	return /* @__PURE__ */ g(c, {
+		open: B,
 		onOpenChange: (e) => {
-			B(e), e || H("");
+			V(e), e || U("");
 		},
-		children: [/* @__PURE__ */ m(u, {
+		children: [/* @__PURE__ */ h(u, {
 			asChild: !0,
-			children: /* @__PURE__ */ h("button", {
+			children: /* @__PURE__ */ g("button", {
 				type: "button",
-				id: j,
+				id: M,
 				role: "combobox",
-				"aria-expanded": z,
-				"aria-required": T,
-				"aria-invalid": M ? !0 : void 0,
-				disabled: A,
-				className: G,
-				children: [/* @__PURE__ */ m("span", {
+				"aria-expanded": B,
+				"aria-controls": W,
+				"aria-required": E,
+				"aria-invalid": N ? !0 : void 0,
+				disabled: j,
+				className: Y,
+				children: [/* @__PURE__ */ h("span", {
 					className: "truncate",
-					children: W
-				}), /* @__PURE__ */ m(t, {
+					children: J
+				}), /* @__PURE__ */ h(t, {
 					size: 16,
 					className: "shrink-0 text-text-tertiary",
 					"aria-hidden": "true"
 				})]
 			})
-		}), /* @__PURE__ */ m(l, {
+		}), /* @__PURE__ */ h(l, {
 			align: "start",
 			className: "w-[var(--radix-popover-trigger-width)] p-0 border border-default bg-surface",
-			children: /* @__PURE__ */ h(r, {
+			children: /* @__PURE__ */ g(r, {
 				shouldFilter: !1,
 				className: "bg-surface text-text-primary",
-				children: [P && /* @__PURE__ */ m(a, {
-					value: V,
-					onValueChange: H,
-					placeholder: D,
+				children: [F && /* @__PURE__ */ h(a, {
+					value: H,
+					onValueChange: U,
+					placeholder: O,
 					className: "text-text-primary placeholder:text-text-tertiary"
-				}), /* @__PURE__ */ h(s, { children: [
-					/* @__PURE__ */ m(i, {
-						className: "text-text-tertiary",
-						children: y ? "Searching…" : O
-					}),
-					!T && /* @__PURE__ */ h(o, {
-						value: "__none__",
-						onSelect: () => {
-							_(""), B(!1);
-						},
-						className: "text-text-tertiary",
-						children: [/* @__PURE__ */ m(e, {
-							size: 16,
-							className: n("shrink-0", g === "" ? "opacity-100" : "opacity-0"),
-							"aria-hidden": "true"
-						}), /* @__PURE__ */ m("span", {
-							className: "truncate italic",
-							children: k
-						})]
-					}),
-					v.map((t) => {
-						let r = b(t);
-						return /* @__PURE__ */ h(o, {
-							value: r,
+				}), /* @__PURE__ */ g(s, {
+					ref: K,
+					children: [
+						/* @__PURE__ */ h(i, {
+							className: "text-text-tertiary",
+							children: b ? "Searching…" : k
+						}),
+						!E && /* @__PURE__ */ g(o, {
+							value: "__none__",
 							onSelect: () => {
-								_(r), B(!1);
+								v(""), V(!1);
 							},
-							className: "text-text-primary",
-							children: [/* @__PURE__ */ m(e, {
+							className: "text-text-tertiary",
+							children: [/* @__PURE__ */ h(e, {
 								size: 16,
-								className: n("shrink-0", r === g ? "opacity-100" : "opacity-0"),
+								className: n("shrink-0", _ === "" ? "opacity-100" : "opacity-0"),
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ m("span", {
-								className: "truncate",
-								children: x(t)
+							}), /* @__PURE__ */ h("span", {
+								className: "truncate italic",
+								children: A
 							})]
-						}, r);
-					}),
-					K && /* @__PURE__ */ m("div", {
-						className: "border-t border-border-seam p-2",
-						children: /* @__PURE__ */ m("button", {
-							type: "button",
-							className: "w-full rounded-md px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/10 focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:opacity-60",
-							onClick: () => void L?.(),
-							disabled: y || R,
-							"aria-busy": R,
-							"aria-label": R ? "Loading more options" : `Load more options${typeof I == "number" ? ` (${v.length} of ${I} shown)` : ""}`,
-							children: R ? "Loading more…" : `Load more${typeof I == "number" ? ` (${v.length} of ${I})` : ""}`
+						}),
+						y.map((t) => {
+							let r = x(t);
+							return /* @__PURE__ */ g(o, {
+								value: r,
+								onSelect: () => {
+									v(r), V(!1);
+								},
+								className: "text-text-primary",
+								children: [/* @__PURE__ */ h(e, {
+									size: 16,
+									className: n("shrink-0", r === _ ? "opacity-100" : "opacity-0"),
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ h("span", {
+									className: "truncate",
+									children: S(t)
+								})]
+							}, r);
+						}),
+						X && /* @__PURE__ */ h("div", {
+							className: "border-t border-border-seam p-2",
+							children: /* @__PURE__ */ h("button", {
+								type: "button",
+								className: "w-full rounded-md px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/10 focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:opacity-60",
+								onClick: () => void R?.(),
+								disabled: b || z,
+								"aria-busy": z,
+								"aria-label": z ? "Loading more options" : `Load more options${typeof L == "number" ? ` (${y.length} of ${L} shown)` : ""}`,
+								children: z ? "Loading more…" : `Load more${typeof L == "number" ? ` (${y.length} of ${L})` : ""}`
+							})
 						})
-					})
-				] })]
+					]
+				})]
 			})
 		})]
 	});
 }
 //#endregion
-export { g as EntityCombobox };
+export { _ as EntityCombobox };

package/dist/components/pending-pick/PendingPickHistory.js

@@ -3,104 +3,113 @@ import { useConditionQuery as n } from "../../hooks/useContainerCondition.js";
 import { ReusePager as r, ReuseState as i, reuseCard as a } from "../ReuseControls.js";
 import { ExactPendingPickDocument as o, PendingPickHistoryDocument as s } from "../../src/generated/pending-pick-operations.js";
 import { PickCapture as c } from "./PickCapture.js";
-import { useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { PickReviewPanel as l } from "./PickReviewPanel.js";
+import { useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/movethewheels/components/pending-pick/PendingPickHistory.tsx
-function f({ task: e }) {
-	return /* @__PURE__ */ d("article", {
+function p({ task: t }) {
+	let [n, r] = u(!1);
+	return /* @__PURE__ */ f("article", {
 		className: `${a} min-w-0 break-words`,
 		children: [
-			/* @__PURE__ */ u("h3", {
+			/* @__PURE__ */ d("h3", {
 				className: "font-semibold",
 				children: "Pending plan · needs review"
 			}),
-			/* @__PURE__ */ d("p", {
+			/* @__PURE__ */ f("p", {
 				className: "break-all",
-				children: ["Task ", e.id]
+				children: ["Task ", t.id]
 			}),
-			/* @__PURE__ */ d("p", { children: [
-				e.requestedQuantity,
+			/* @__PURE__ */ f("p", { children: [
+				t.requestedQuantity,
 				" reported count · ",
-				e.note
+				t.note
 			] }),
-			/* @__PURE__ */ d("p", { children: [
+			/* @__PURE__ */ f("p", { children: [
 				"Reserved ",
-				e.reservedQuantity,
+				t.reservedQuantity,
 				"; staged ",
-				e.stagedQuantity,
+				t.stagedQuantity,
 				". No movement is recorded."
 			] }),
-			/* @__PURE__ */ d("p", {
+			/* @__PURE__ */ f("p", {
 				className: "break-all",
 				children: [
 					"Recorded ",
-					e.recordedAt,
+					t.recordedAt,
 					"; creator and proposed executor ",
-					e.executorActorId,
+					t.executorActorId,
 					"."
 				]
 			}),
-			/* @__PURE__ */ d("details", { children: [/* @__PURE__ */ u("summary", { children: "Captured source and staging context" }), /* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("details", { children: [/* @__PURE__ */ d("summary", { children: "Captured source and staging context" }), /* @__PURE__ */ f("div", {
 				className: "mt-3 grid gap-3 lg:grid-cols-2",
-				children: [/* @__PURE__ */ u(c, {
+				children: [/* @__PURE__ */ d(c, {
 					title: "Source",
-					line: e.source
-				}), /* @__PURE__ */ u(c, {
+					line: t.source
+				}), /* @__PURE__ */ d(c, {
 					title: "Staging",
-					line: e.destination
+					line: t.destination
 				})]
-			})] })
+			})] }),
+			/* @__PURE__ */ d(e, {
+				type: "button",
+				variant: "outline",
+				onClick: () => r(!n),
+				children: n ? "Close move review" : "Review this exact pending plan"
+			}),
+			n && /* @__PURE__ */ d(l, { task: t })
 		]
 	});
 }
-function p({ revision: a, sourceId: c, destinationId: p }) {
-	let [m, h] = l(0), [g, _] = l(""), [v, y] = l(""), b = n(s, {
+function m({ revision: a, sourceId: c, destinationId: l }) {
+	let [m, h] = u(0), [g, _] = u(""), [v, y] = u(""), b = n(s, {
 		pagination: {
 			limit: 10,
 			offset: m
 		},
 		sourceInventoryItemId: c || null,
-		destinationInventoryItemId: p || null
+		destinationInventoryItemId: l || null
 	}, a), x = n(o, v ? { id: v } : null, a), S = b.data?.mtwPickTaskPage;
-	return /* @__PURE__ */ d("section", {
+	return /* @__PURE__ */ f("section", {
 		className: "space-y-3",
 		"aria-label": "Pending plan history",
 		children: [
-			/* @__PURE__ */ u("h2", {
+			/* @__PURE__ */ d("h2", {
 				className: "font-semibold",
 				children: "Recorded pending plans"
 			}),
-			/* @__PURE__ */ u("p", {
+			/* @__PURE__ */ d("p", {
 				className: "text-sm",
 				children: "History retains captured references after a line is retired. Use a known task ID; this is not an archived stock-line browser."
 			}),
-			/* @__PURE__ */ d("label", {
+			/* @__PURE__ */ f("label", {
 				className: "block",
-				children: ["Known task ID", /* @__PURE__ */ u(t, {
+				children: ["Known task ID", /* @__PURE__ */ d(t, {
 					value: g,
 					maxLength: 255,
 					onChange: (e) => _(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ u(e, {
+			/* @__PURE__ */ d(e, {
 				type: "button",
 				variant: "outline",
 				disabled: !g.trim(),
 				onClick: () => y(g.trim()),
 				children: "Read exact task"
 			}),
-			/* @__PURE__ */ u(i, {
+			/* @__PURE__ */ d(i, {
 				loading: x.loading,
 				error: x.error
 			}),
-			x.data && /* @__PURE__ */ u(f, { task: x.data.mtwPickTask }),
-			/* @__PURE__ */ u(i, {
+			x.data && /* @__PURE__ */ d(p, { task: x.data.mtwPickTask }),
+			/* @__PURE__ */ d(i, {
 				loading: b.loading,
 				error: b.error
 			}),
-			S?.items.map((e) => /* @__PURE__ */ u(f, { task: e }, e.id)),
-			S?.total === 0 && /* @__PURE__ */ u("p", { children: "No recorded pending plans in this filter." }),
-			/* @__PURE__ */ u(r, {
+			S?.items.map((e) => /* @__PURE__ */ d(p, { task: e }, e.id)),
+			S?.total === 0 && /* @__PURE__ */ d("p", { children: "No recorded pending plans in this filter." }),
+			/* @__PURE__ */ d(r, {
 				page: S,
 				offset: m,
 				onChange: h,
@@ -110,4 +119,4 @@ function p({ revision: a, sourceId: c, destinationId: p }) {
 	});
 }
 //#endregion
-export { p as PendingPickHistory };
+export { m as PendingPickHistory };