@seedtactics/insight-client 17.0.1-beta.2 → 17.0.1-beta.4

package/dist/components/LogEntry.js

@@ -86,25 +86,6 @@ function logType(entry, fmsInfo) {
             }
         case api.LogType.BasketCycle:
             return `${basketName} Cycle`;
-        case api.LogType.BasketInLocation:
-            if (entry.startofcycle) {
-                return "Arrive";
-            }
-            else {
-                return "Depart";
-            }
-        case api.LogType.BasketObservation:
-            return `${basketName} Observation`;
-        case api.LogType.BasketObservationCorrection:
-            return `${basketName} Observation Correction`;
-        case api.LogType.BasketContentSnapshot:
-            return `${basketName} Content Snapshot`;
-        case api.LogType.BasketRegionSurvey:
-            return `${basketName} Region Survey`;
-        case api.LogType.BasketMisload:
-            return `${basketName} Misload`;
-        case api.LogType.BasketMisloadResolution:
-            return `${basketName} Misload Resolution`;
         case api.LogType.MachineCycle:
             if (entry.startofcycle) {
                 return "Start Cycle";
@@ -149,12 +130,6 @@ function logType(entry, fmsInfo) {
             return "Message";
     }
 }
-function evidencePosition(entry) {
-    const title = entry.details?.locationTitle ?? entry.details?.location ?? entry.loc;
-    const locationNumber = entry.locnum > 0 ? ` ${entry.locnum}` : "";
-    const zone = entry.details?.zone === undefined ? "" : ` zone ${entry.details.zone}`;
-    return `${title}${locationNumber}${zone}`;
-}
 export function isLogEntryInvalidated(e) {
     return e.details?.["PalletCycleInvalidated"] === "1";
 }
@@ -207,52 +182,6 @@ function display(props, fmsInfo) {
             const basketName = basketDisplayName(fmsInfo.basketName);
             return _jsx("span", { children: basketCycleDescription(entry, basketName) });
         }
-        case api.LogType.BasketInLocation: {
-            const basketName = basketDisplayName(fmsInfo.basketName);
-            if (entry.startofcycle) {
-                return (_jsxs("span", { children: [basketContainerName(entry, basketName), " arrived at ", entry.loc, entry.locnum > 0 ? ` position ${entry.locnum}` : ""] }));
-            }
-            else {
-                return (_jsxs("span", { children: [basketContainerName(entry, basketName), " departed from ", entry.loc, entry.locnum > 0 ? ` position ${entry.locnum}` : ""] }));
-            }
-        }
-        case api.LogType.BasketObservation: {
-            const basketName = basketDisplayName(fmsInfo.basketName);
-            const episodeCount = entry.details?.episodeCount;
-            const source = entry.details?.sourceName;
-            const note = entry.details?.note;
-            return (_jsxs("span", { children: [source ?? "Source", " observed ", basketName, " ", entry.pal, " at ", evidencePosition(entry), episodeCount === undefined || episodeCount === "0"
-                        ? ""
-                        : ` with direct continuity to ${episodeCount} tracked content episode${episodeCount === "1" ? "" : "s"}`, note === undefined ? "" : `: ${note}`] }));
-        }
-        case api.LogType.BasketObservationCorrection: {
-            const basketName = basketDisplayName(fmsInfo.basketName);
-            return (_jsxs("span", { children: ["Observation of ", basketName, " ", entry.pal, " corrected"] }));
-        }
-        case api.LogType.BasketContentSnapshot: {
-            const basketName = basketDisplayName(fmsInfo.basketName);
-            return (_jsxs("span", { children: [basketContainerName(entry, basketName), " contained ", displayMat(entry.material)] }));
-        }
-        case api.LogType.BasketRegionSurvey: {
-            const basketName = basketDisplayName(fmsInfo.basketName);
-            const source = entry.details?.sourceName;
-            const observed = entry.details?.observedBasketCount;
-            const unidentified = entry.details?.unidentifiedBasketCount;
-            return (_jsxs("span", { children: [source === undefined ? "Operator" : source, " recorded a ", entry.result.toLowerCase(), " ", basketName.toLowerCase(), " survey at ", evidencePosition(entry), observed === undefined ? "" : ` (${observed} identified`, unidentified === undefined ? "" : `, ${unidentified} unidentified`, observed === undefined && unidentified === undefined ? "" : ")"] }));
-        }
-        case api.LogType.BasketMisload: {
-            const basketName = basketDisplayName(fmsInfo.basketName);
-            const source = entry.details?.sourceName;
-            const reason = entry.details?.reason;
-            const subject = entry.pal > 0 ? `${basketName} ${entry.pal}` : `Unnumbered ${basketName.toLowerCase()}`;
-            return (_jsxs("span", { children: [source === undefined ? subject : `${source} reported ${subject}`, " requires inspection at", " ", evidencePosition(entry), reason === undefined ? "" : `: ${reason}`] }));
-        }
-        case api.LogType.BasketMisloadResolution: {
-            const basketName = basketDisplayName(fmsInfo.basketName);
-            const source = entry.details?.sourceName;
-            const subject = entry.pal > 0 ? `${basketName} ${entry.pal}` : `Unnumbered ${basketName.toLowerCase()}`;
-            return (_jsxs("span", { children: [source === undefined ? "Inspection hold" : `${source} resolved inspection hold`, " for", " ", subject, " at ", evidencePosition(entry), ": ", entry.result] }));
-        }
         case api.LogType.MachineCycle:
             return (_jsxs("span", { children: [displayMat(entry.material), " on", " ", _jsxs(ColoredSpan, { $type: "pallet", children: ["pallet ", entry.pal] }), " at", " ", _jsxs(ColoredSpan, { $type: "machine", children: [entry.loc, " ", entry.locnum.toString()] }), entry.program && entry.program !== "" ? (_jsxs("span", { children: [" with program ", entry.program] })) : undefined] }));
         case api.LogType.PartMark:

package/dist/components/log-entry-container-name.d.ts

@@ -1,6 +1,6 @@
 import * as api from "../network/api.js";
-type BasketNameEntry = Readonly<Pick<api.ILogEntry, "pal" | "basketContentEpisodeId">>;
-type BasketCycleEntry = BasketNameEntry & Readonly<Pick<api.ILogEntry, "startofcycle" | "basketCycleEndContentEpisodeIds">>;
+type BasketNameEntry = Readonly<Pick<api.ILogEntry, "pal">>;
+type BasketCycleEntry = BasketNameEntry & Readonly<Pick<api.ILogEntry, "startofcycle">>;
 export declare function basketContainerName(entry: BasketNameEntry, basketName: string): string;
 export declare function basketCycleDescription(entry: BasketCycleEntry, basketName: string): string;
 export {};

package/dist/components/log-entry-container-name.js

@@ -1,6 +1,4 @@
 export function basketContainerName(entry, basketName) {
-    if (entry.basketContentEpisodeId)
-        return `${basketName} fragment ${entry.basketContentEpisodeId.slice(0, 8)}`;
     if (entry.pal > 0)
         return `${basketName} ${entry.pal}`;
     return basketName;
@@ -9,9 +7,5 @@ export function basketCycleDescription(entry, basketName) {
     const container = basketContainerName(entry, basketName);
     if (entry.startofcycle)
         return `${container} started cycle`;
-    const fragmentCount = entry.basketCycleEndContentEpisodeIds?.length ?? 0;
-    const fragments = fragmentCount > 0
-        ? ` from ${fragmentCount} UUID fragment${fragmentCount === 1 ? "" : "s"}`
-        : "";
-    return `${container} completed cycle${fragments}`;
+    return `${container} completed cycle`;
 }

package/dist/components/operations/CompletedParts.js

@@ -64,20 +64,20 @@ function sortPartSummary(parts, col, order) {
         case "Elapsed":
             sortCol = (j) => j.stationMins
                 .toAscLazySeq()
-                .filter(([_, stat]) => !stat.isLoadUnload)
+                .filter(([, stat]) => !stat.isLoadUnload)
                 .sumBy(([, t]) => t.elapsed);
             break;
         case "Active":
             sortCol = (j) => j.stationMins
                 .toAscLazySeq()
-                .filter(([_, stat]) => !stat.isLoadUnload)
-                .sumBy(([_, t]) => t.active);
+                .filter(([, stat]) => !stat.isLoadUnload)
+                .sumBy(([, t]) => t.active);
             break;
         case "Median":
             sortCol = (j) => j.stationMins
                 .toAscLazySeq()
-                .filter(([_, stat]) => !stat.isLoadUnload)
-                .sumBy(([_, t]) => t.medianElapsed);
+                .filter(([, stat]) => !stat.isLoadUnload)
+                .sumBy(([, t]) => t.medianElapsed);
             break;
     }
     const sorted = [...parts];
@@ -183,13 +183,13 @@ const PartRow = memo(function PartRow({ part }) {
                                             display: "block",
                                         }, children: part.part }) })] }) }), _jsx(TableCell, { align: "right", children: part.completedQty }), _jsx(TableCell, { align: "right", children: part.abnormalQty }), _jsx(TableCell, { align: "right", children: numFormat.format(part.stationMins
                             .toAscLazySeq()
-                            .filter(([_, stat]) => !stat.isLoadUnload)
-                            .sumBy(([_, t]) => t.active) / 60) }), _jsx(TableCell, { align: "right", children: numFormat.format(part.stationMins
+                            .filter(([, stat]) => !stat.isLoadUnload)
+                            .sumBy(([, t]) => t.active) / 60) }), _jsx(TableCell, { align: "right", children: numFormat.format(part.stationMins
                             .toAscLazySeq()
-                            .filter(([_, stat]) => !stat.isLoadUnload)
+                            .filter(([, stat]) => !stat.isLoadUnload)
                             .sumBy(([, t]) => t.elapsed) / 60) }), _jsx(TableCell, { align: "right", children: numFormat.format(part.stationMins
                             .toAscLazySeq()
-                            .filter(([_, stat]) => !stat.isLoadUnload)
+                            .filter(([, stat]) => !stat.isLoadUnload)
                             .sumBy(([, t]) => t.medianElapsed) / 60) }), _jsx(TableCell, { align: "left", children: part.workorders.size <= 1 ? (_jsx(WorkorderLink, { workorderId: part.workorders.lookupMin() ?? null })) : part.workorders.size === 2 ? (_jsxs("span", { children: [_jsx(WorkorderLink, { workorderId: part.workorders.lookupMin() }), " &", " ", _jsx(WorkorderLink, { workorderId: part.workorders.lookupMax() })] })) : (`${part.workorders.size} workorders`) }), _jsx(TableCell, { children: _jsx(Tooltip, { title: "Show Details", children: _jsx(IconButton, { size: "small", onClick: () => setOpen(!open), children: open ? _jsx(KeyboardArrowUpIcon, {}) : _jsx(KeyboardArrowDownIcon, {}) }) }) })] }), _jsx(TableRow, { children: _jsx(TableCell, { sx: { pb: "0", pt: "0" }, colSpan: partColCount + 1, children: _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: _jsx(PartDetails, { part: part }) }) }) })] }));
 });
 function CopyToClipboardBtn({ partsAtom }) {
@@ -275,7 +275,7 @@ function copyPartsToClipboard(parts) {
         for (const lul of [false, true]) {
             const stats = p.stationMins
                 .toAscLazySeq()
-                .filter(([_, stat]) => stat.isLoadUnload === lul)
+                .filter(([, stat]) => stat.isLoadUnload === lul)
                 .toRArray();
             if (stats.length === 0) {
                 table += `<td>0</td><td>0</td><td>0</td>`;

package/dist/components/operations/Programs.js

@@ -297,23 +297,30 @@ export function ProgramHistoryDialog() {
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(null);
     useEffect(() => {
-        if (program === null) {
-            setRevisions(null);
-            setPage(0);
-            setLastLoadedPage({ page: 0, hasMore: false });
-        }
-        else if (program !== null && revisions === null) {
-            // load initial
-            setLoading(true);
-            setError(null);
-            MachineBackend.getProgramRevisionsInDescendingOrderOfRevision(program.programName, revisionsPerPage, undefined)
-                .then((revs) => {
-                setRevisions(revs);
-                setLastLoadedPage({ page: 0, hasMore: revs.length === revisionsPerPage });
-            })
-                .catch(setError)
-                .finally(() => setLoading(false));
-        }
+        const loadProgramDetails = async () => {
+            if (program === null) {
+                setRevisions(null);
+                setPage(0);
+                setLastLoadedPage({ page: 0, hasMore: false });
+            }
+            else if (program !== null && revisions === null) {
+                // load initial
+                setLoading(true);
+                setError(null);
+                try {
+                    const revs = await MachineBackend.getProgramRevisionsInDescendingOrderOfRevision(program.programName, revisionsPerPage, undefined);
+                    setRevisions(revs);
+                    setLastLoadedPage({ page: 0, hasMore: revs.length === revisionsPerPage });
+                }
+                catch (err) {
+                    setError(err instanceof Error ? err : String(err));
+                }
+                finally {
+                    setLoading(false);
+                }
+            }
+        };
+        loadProgramDetails().catch(console.error);
     }, [program, revisions]);
     function advancePage() {
         if (page < lastLoadedPage.page) {

package/dist/components/operations/Rebookings.js

@@ -169,7 +169,7 @@ const RebookingDialog = memo(function RebookingDialog({ rebooking, close, }) {
     return (_jsxs(Dialog, { open: rebooking !== undefined, onClose: () => close(undefined), children: [_jsx(DialogTitle, { children: rebooking?.canceled ? (_jsx(Typography, { sx: { textDecoration: "line-through" }, children: rebooking?.bookingId })) : (rebooking?.bookingId) }), _jsx(DialogContent, { children: _jsxs(Stack, { direction: "column", spacing: 1, children: [rebooking?.canceled && (_jsxs(Typography, { variant: "h5", children: ["Canceled at ", longDateFormat.format(rebooking.canceled)] })), _jsxs(Stack, { direction: "row", spacing: 1, children: [_jsx("span", { children: "Part:" }), rebooking?.partName && _jsx(PartIdenticon, { part: rebooking?.partName, size: 25 }), _jsx("span", { children: rebooking?.partName })] }), _jsxs(Typography, { children: ["Quantity: ", rebooking?.quantity] }), _jsxs(Typography, { children: ["Request Time: ", longDateFormat.format(rebooking?.timeUTC)] }), _jsxs(Typography, { children: ["Priority: ", rebooking?.priority] }), rebooking?.workorder && _jsxs(Typography, { children: ["Workorder: ", rebooking?.workorder] }), _jsxs(Typography, { children: ["Note: ", rebooking?.notes] }), rebooking?.job && (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsxs(Typography, { children: ["Scheduled Job: ", rebooking?.job] }), _jsxs(Typography, { children: ["Scheduled Time: ", rebooking?.schTime?.toLocaleString()] })] }))] }) }), _jsxs(DialogActions, { children: [!rebooking?.canceled && !rebooking?.job && (_jsxs(Button, { onClick: cancel, color: "secondary", disabled: canceling, children: [canceling ? _jsx(CircularProgress, { size: 24 }) : undefined, "Cancel Rebooking Request"] })), _jsx(Button, { onClick: () => close(undefined), children: "Close" })] })] }));
 });
 const partNamesAtom = atom((get) => LazySeq.ofObject(get(currentStatus).jobs)
-    .map(([_, j]) => j.partName)
+    .map(([, j]) => j.partName)
     .concat(get(last30Jobs)
     .valuesToLazySeq()
     .map((j) => j.partName))

package/dist/components/quality/RecentFailedInspections.js

@@ -111,7 +111,7 @@ export function RecentFailedInspectionsTable() {
     const inspections = useAtomValue(last30Inspections);
     const failed = useMemo(() => {
         const today = startOfToday();
-        const allEvts = LazySeq.of(inspections).flatMap(([_, evts]) => evts.valuesToLazySeq());
+        const allEvts = LazySeq.of(inspections).flatMap(([, evts]) => evts.valuesToLazySeq());
         return extractFailedInspections(allEvts, addDays(today, -4), addDays(today, 1));
     }, [inspections]);
     return (_jsxs("div", { children: [_jsxs(Box, { component: "nav", sx: {

package/dist/components/routes.js

@@ -231,10 +231,9 @@ export function useIsDemo() {
     return useAtomValue(isDemoAtom);
 }
 export function useSetTitle(title) {
-    const demo = useIsDemo();
     useEffect(() => {
         document.title = title + " - FMS Insight";
-    }, [demo, title]);
+    }, [title]);
 }
 export function helpUrl(r) {
     switch (r.route) {

package/dist/components/station-monitor/BasketMovementArrival.d.ts

@@ -26,7 +26,7 @@ export interface BasketArrivalReceipt {
     readonly status: "recorded" | "corrected" | "retracted";
 }
 export declare function loadStationArrivalInstruction(instructions: ReadonlyArray<Readonly<api.IBasketMoveInstruction>>, stationNumber: number): Readonly<api.IBasketMoveInstruction> | undefined;
-export declare function BasketMovementArrival({ stationNumber, basketName, instruction, submitCommand, submitCorrection, receipt, onAccepted, onCorrected, }: {
+interface BasketMovementArrivalProps {
     readonly stationNumber: number;
     readonly basketName: string;
     readonly instruction: Readonly<api.IBasketMoveInstruction>;
@@ -35,4 +35,6 @@ export declare function BasketMovementArrival({ stationNumber, basketName, instr
     readonly receipt?: BasketArrivalReceipt;
     readonly onAccepted?: (receipt: BasketArrivalReceipt) => void;
     readonly onCorrected?: (command: BasketLocationCorrectionCommand) => void;
-}): import("react").JSX.Element;
+}
+export declare function BasketMovementArrival(props: BasketMovementArrivalProps): import("react").JSX.Element;
+export {};

package/dist/components/station-monitor/BasketMovementArrival.js

@@ -39,35 +39,30 @@ export function loadStationArrivalInstruction(instructions, stationNumber) {
         (instruction.prerequisiteInstructionId === undefined ||
             !activeIds.has(instruction.prerequisiteInstructionId)));
 }
-export function BasketMovementArrival({ stationNumber, basketName, instruction, submitCommand, submitCorrection, receipt, onAccepted, onCorrected, }) {
+function basketMovementArrivalKey({ stationNumber, instruction, receipt, }) {
+    return [
+        stationNumber,
+        instruction.instructionId,
+        receipt?.status ?? "pending",
+        receipt?.receipt.observationId ?? "",
+    ].join(":");
+}
+export function BasketMovementArrival(props) {
+    return _jsx(BasketMovementArrivalContent, { ...props }, basketMovementArrivalKey(props));
+}
+function BasketMovementArrivalContent({ stationNumber, basketName, instruction, submitCommand, submitCorrection, receipt, onAccepted, onCorrected, }) {
+    const mounted = useRef(true);
     const [chooseDifferent, setChooseDifferent] = useState(false);
     const [differentBasket, setDifferentBasket] = useState("");
     const [submission, setSubmission] = useState();
     const [changingRecordedBasket, setChangingRecordedBasket] = useState(false);
     const [correctionSubmission, setCorrectionSubmission] = useState();
-    const currentInstructionId = useRef(instruction.instructionId);
-    const currentStationNumber = useRef(stationNumber);
-    const currentCorrectionTargetId = useRef(undefined);
-    currentInstructionId.current = instruction.instructionId;
-    currentStationNumber.current = stationNumber;
     useEffect(() => {
-        setChooseDifferent(false);
-        setDifferentBasket("");
-        setSubmission((current) => current?.state === "error" && current.command.instructionId === instruction.instructionId
-            ? current
-            : undefined);
-        setChangingRecordedBasket(false);
-        setCorrectionSubmission(undefined);
-    }, [instruction.instructionId, stationNumber]);
-    useEffect(() => {
-        setChangingRecordedBasket(false);
-        setDifferentBasket("");
-        setCorrectionSubmission((current) => current?.state === "error" &&
-            receipt?.status !== "retracted" &&
-            current.command.targetObservationId === receipt?.receipt.observationId
-            ? current
-            : undefined);
-    }, [receipt?.receipt.observationId, receipt?.status]);
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
+    }, []);
     const expectedBasketId = instruction.basketId;
     if (expectedBasketId === undefined) {
         return (_jsx(Alert, { severity: "warning", children: "This tracked basket must be handled through the recovery workflow." }));
@@ -78,8 +73,7 @@ export function BasketMovementArrival({ stationNumber, basketName, instruction,
         setSubmission({ state: "submitting", command });
         try {
             const result = await submitCommand(stationNumber, command);
-            if (currentStationNumber.current !== stationNumber ||
-                currentInstructionId.current !== command.instructionId)
+            if (!mounted.current)
                 return;
             if (result === "conflict") {
                 setSubmission({ state: result, command });
@@ -96,8 +90,7 @@ export function BasketMovementArrival({ stationNumber, basketName, instruction,
             }
         }
         catch (error) {
-            if (currentStationNumber.current !== stationNumber ||
-                currentInstructionId.current !== command.instructionId)
+            if (!mounted.current)
                 return;
             setSubmission({
                 state: "error",
@@ -112,16 +105,14 @@ export function BasketMovementArrival({ stationNumber, basketName, instruction,
         setCorrectionSubmission({ state: "submitting", command });
         try {
             const result = await submitCorrection(stationNumber, command);
-            if (currentStationNumber.current !== stationNumber ||
-                currentCorrectionTargetId.current !== command.targetObservationId)
+            if (!mounted.current)
                 return;
             setCorrectionSubmission({ state: result, command });
             if (result === "accepted")
                 onCorrected?.(command);
         }
         catch {
-            if (currentStationNumber.current !== stationNumber ||
-                currentCorrectionTargetId.current !== command.targetObservationId)
+            if (!mounted.current)
                 return;
             setCorrectionSubmission({ state: "error", command });
         }
@@ -145,7 +136,6 @@ export function BasketMovementArrival({ stationNumber, basketName, instruction,
         ? undefined
         : (receipt?.receipt.observationId ??
             (submission?.state === "accepted" ? submission.receipt.observationId : undefined));
-    currentCorrectionTargetId.current = activeObservationId;
     function createCorrection(replacementBasketId) {
         return {
             correctionId: crypto.randomUUID(),
@@ -171,5 +161,5 @@ export function BasketMovementArrival({ stationNumber, basketName, instruction,
                                     ? `Bring ${basketName.toLocaleLowerCase()} ${expectedBasketId} to this station`
                                     : `${basketName} ${receipt.command.observedBasketId} at this station` }), receipt === undefined ? (_jsx(Typography, { children: "Record arrival after the basket is physically in place." })) : null] }), receipt === undefined ? (_jsxs(Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [_jsx(Button, { disabled: disabled, onClick: () => void record(createCommand(expectedBasketId)), size: "large", variant: "contained", children: submission?.state === "submitting"
                                 ? "Recording arrival…"
-                                : `${basketName} ${expectedBasketId} arrived` }), _jsxs(Button, { disabled: disabled, onClick: () => setChooseDifferent((visible) => !visible), size: "large", variant: "outlined", children: ["Different ", basketName.toLocaleLowerCase()] })] })) : null, receipt === undefined && chooseDifferent && !disabled ? (_jsxs(Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [_jsx(TextField, { label: `${basketName} number`, onChange: (event) => setDifferentBasket(event.target.value), type: "number", value: differentBasket, slotProps: { htmlInput: { inputMode: "numeric", min: 1 } } }), _jsxs(Button, { disabled: !validDifferentBasket, onClick: () => void record(createCommand(parsedDifferentBasket)), variant: "contained", children: ["Record ", basketName.toLocaleLowerCase(), " arrival"] })] })) : null, submitCommand === undefined ? (_jsx(Alert, { severity: "warning", children: "Basket arrival completion is not configured." })) : activeCommand !== undefined || receipt?.status === "retracted" ? (_jsxs(Stack, { spacing: 1, children: [_jsx(Alert, { severity: "success", children: receiptMessage }), submitCorrection === undefined || activeCommand === undefined ? null : (_jsxs(Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [_jsx(Button, { disabled: correctionSubmission !== undefined, onClick: () => setChangingRecordedBasket((visible) => !visible), variant: "outlined", children: "Change" }), _jsx(Button, { color: "error", disabled: correctionSubmission !== undefined, onClick: () => void correct(createCorrection(null)), variant: "text", children: "Undo" })] })), changingRecordedBasket && correctionSubmission === undefined ? (_jsxs(Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [_jsx(TextField, { label: `Correct ${basketName.toLocaleLowerCase()} number`, onChange: (event) => setDifferentBasket(event.target.value), type: "number", value: differentBasket, slotProps: { htmlInput: { inputMode: "numeric", min: 1 } } }), _jsx(Button, { disabled: !validDifferentBasket, onClick: () => void correct(createCorrection(parsedDifferentBasket)), variant: "contained", children: "Save correction" })] })) : null, correctionSubmission?.state === "accepted" ? (_jsx(Alert, { severity: "success", children: "Correction recorded." })) : correctionSubmission?.state === "conflict" ? (_jsx(Alert, { severity: "warning", children: "Basket evidence changed. Review the refreshed status." })) : correctionSubmission?.state === "error" ? (_jsx(Alert, { action: _jsx(Button, { color: "inherit", onClick: () => void correct(correctionSubmission.command), children: "Retry correction" }), severity: "error", children: "Unable to correct the recorded arrival." })) : null] })) : submission?.state === "conflict" ? (_jsx(Alert, { severity: "warning", children: "Basket movement changed. Review the refreshed instruction." })) : submission?.state === "error" ? (_jsx(Alert, { action: _jsx(Button, { onClick: () => void record(submission.command), color: "inherit", children: "Retry arrival" }), severity: "error", children: submission.message })) : null] }) }));
+                                : `${basketName} ${expectedBasketId} arrived` }), _jsxs(Button, { disabled: disabled, onClick: () => setChooseDifferent((visible) => !visible), size: "large", variant: "outlined", children: ["Different ", basketName.toLocaleLowerCase()] })] })) : null, receipt === undefined && chooseDifferent && !disabled ? (_jsxs(Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [_jsx(TextField, { label: `${basketName} number`, onChange: (event) => setDifferentBasket(event.target.value), type: "number", value: differentBasket, slotProps: { htmlInput: { inputMode: "numeric", min: 1 } } }), _jsxs(Button, { disabled: !validDifferentBasket, onClick: () => void record(createCommand(parsedDifferentBasket)), variant: "contained", children: ["Record ", basketName.toLocaleLowerCase(), " arrival"] })] })) : null, submitCommand === undefined ? (_jsx(Alert, { severity: "warning", children: "Basket arrival completion is not configured." })) : activeCommand !== undefined || receipt?.status === "retracted" ? (_jsxs(Stack, { spacing: 1, children: [_jsx(Alert, { severity: "success", children: receiptMessage }), submitCorrection === undefined || activeCommand === undefined ? null : (_jsxs(Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [_jsx(Button, { disabled: correctionSubmission !== undefined, onClick: () => setChangingRecordedBasket((visible) => !visible), variant: "outlined", children: "Change" }), _jsx(Button, { color: "error", disabled: correctionSubmission !== undefined, onClick: () => void correct(createCorrection(null)), variant: "text", children: "Undo" })] })), changingRecordedBasket && correctionSubmission === undefined ? (_jsxs(Stack, { direction: { xs: "column", sm: "row" }, spacing: 1, children: [_jsx(TextField, { label: `Correct ${basketName.toLocaleLowerCase()} number`, onChange: (event) => setDifferentBasket(event.target.value), type: "number", value: differentBasket, slotProps: { htmlInput: { inputMode: "numeric", min: 1 } } }), _jsx(Button, { disabled: !validDifferentBasket, onClick: () => void correct(createCorrection(parsedDifferentBasket)), variant: "contained", children: "Save correction" })] })) : null, correctionSubmission?.state === "accepted" ? (_jsx(Alert, { severity: "success", children: "Correction recorded." })) : correctionSubmission?.state === "conflict" ? (_jsx(Alert, { severity: "warning", children: "Basket status changed. Review the refreshed status." })) : correctionSubmission?.state === "error" ? (_jsx(Alert, { action: _jsx(Button, { color: "inherit", onClick: () => void correct(correctionSubmission.command), children: "Retry correction" }), severity: "error", children: "Unable to correct the recorded arrival." })) : null] })) : submission?.state === "conflict" ? (_jsx(Alert, { severity: "warning", children: "Basket movement changed. Review the refreshed instruction." })) : submission?.state === "error" ? (_jsx(Alert, { action: _jsx(Button, { onClick: () => void record(submission.command), color: "inherit", children: "Retry arrival" }), severity: "error", children: submission.message })) : null] }) }));
 }

package/dist/components/station-monitor/BulkRawMaterial.js

@@ -172,7 +172,9 @@ export const BulkAddCastingWithoutSerialDialog = memo(function BulkAddCastingWit
                                     enteredQty === null ||
                                     isNaN(enteredQty) ||
                                     (fmsInfo.requireOperatorNamePromptWhenAddingMaterial &&
-                                        (enteredOperator === null || enteredOperator === "")), onClick: addAndPrint, children: [adding ? _jsx(CircularProgress, { size: 10 }) : undefined, "Add ", enteredQty !== null && !isNaN(enteredQty) ? enteredQty.toString() + " " : "", "to", " ", queue] })) : (_jsxs(Button, { color: "primary", disabled: selectedCasting === null ||
+                                        (enteredOperator === null || enteredOperator === "")), onClick: addAndPrint, children: [adding ? _jsx(CircularProgress, { size: 10 }) : undefined, "Add ", enteredQty !== null && !isNaN(enteredQty)
+                                        ? enteredQty.toString() + " "
+                                        : "", "to", " ", queue] })) : (_jsxs(Button, { color: "primary", disabled: selectedCasting === null ||
                                     enteredQty === null ||
                                     isNaN(enteredQty) ||
                                     (fmsInfo.requireOperatorNamePromptWhenAddingMaterial &&
@@ -191,22 +193,31 @@ export const MultiMaterialDialog = memo(function MultiMaterialDialog(props) {
         if (props.material === null)
             return;
         let isSubscribed = true;
-        setLoading(true);
-        loadRawMaterialEvents(props.material)
-            .then((loadedEvents) => {
-            if (isSubscribed) {
-                setEvents(loadedEvents);
-                let operator;
-                for (const e of loadedEvents) {
-                    if (e.type === api.LogType.AddToQueue && e.details?.["operator"] !== undefined) {
-                        operator = e.details["operator"];
+        const fetchData = async () => {
+            if (props.material === null)
+                return;
+            setLoading(true);
+            try {
+                const loadedEvents = await loadRawMaterialEvents(props.material);
+                if (isSubscribed) {
+                    setEvents(loadedEvents);
+                    let operator;
+                    for (const e of loadedEvents) {
+                        if (e.type === api.LogType.AddToQueue && e.details?.["operator"] !== undefined) {
+                            operator = e.details["operator"];
+                        }
                     }
+                    setLastOperator(operator);
                 }
-                setLastOperator(operator);
             }
-        })
-            .catch(console.error)
-            .finally(() => setLoading(false));
+            catch (e) {
+                console.error(e);
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        fetchData().catch(console.error);
         return () => {
             isSubscribed = false;
         };

package/dist/components/station-monitor/InvalidateCycle.js

@@ -150,7 +150,7 @@ export function InvalidateCycleDialogContent(props) {
             behavior: "smooth",
             block: "end",
         });
-    }, [boxRef, show]);
+    }, [boxRef]);
     if (!show)
         return _jsx("div", {});
     const hasSelection = props.st.process !== null ||

package/dist/components/station-monitor/LoadStation.js

@@ -33,7 +33,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 import { useMemo, memo, useState, useCallback, useEffect } from "react";
 import { Box, useMediaQuery, Button, Typography } from "@mui/material";
-import { LazySeq, mkCompareByProperties, OrderedMap } from "@seedtactics/immutable-collections";
+import { LazySeq, OrderedMap } from "@seedtactics/immutable-collections";
 import { FolderOpen as FolderOpenIcon } from "@mui/icons-material";
 import { MaterialDialog, InProcMaterial, SortableInProcMaterial, DragOverlayInProcMaterial, MatSummary, } from "./Material.js";
 import { SortableRegion } from "./Whiteboard.js";
@@ -103,12 +103,13 @@ function selectLoadStationAndQueueProps(loadNum, queues, curSt, hideNonLoading)
             }
         }
         for (const basket of Object.values(curSt.baskets ?? {})) {
-            if (basket.position.locationNum !== loadNum)
+            const position = basket.position;
+            if (position === undefined || position.locationNum !== loadNum)
                 continue;
-            if (basket.position.location === api.BasketLocationEnum.LoadUnload) {
+            if (position.location === api.BasketLocationEnum.LoadUnload) {
                 activeBasket = basket;
             }
-            else if (basket.position.location === api.BasketLocationEnum.LoadStationStaging) {
+            else if (position.location === api.BasketLocationEnum.LoadStationStaging) {
                 basketsToShow.add(basket.basketId);
             }
         }
@@ -282,8 +283,24 @@ function selectLoadStationAndQueueProps(loadNum, queues, curSt, hideNonLoading)
             }
         }
     }
-    queueMat.forEach((queue) => queue.mats.sort(mkCompareByProperties((mat) => mat.location.queuePosition ?? 0)));
-    basketMat.forEach((basket) => basket.mats.sort(mkCompareByProperties((mat) => mat.location.basketSlot ?? 0)));
+    const sortedQueueMat = new Map([...queueMat].map(([queueName, queue]) => [
+        queueName,
+        {
+            ...queue,
+            mats: LazySeq.of(queue.mats)
+                .sortBy((mat) => mat.location.queuePosition ?? 0)
+                .toRArray(),
+        },
+    ]));
+    const sortedBasketMat = new Map([...basketMat].map(([basketId, basket]) => [
+        basketId,
+        {
+            ...basket,
+            mats: LazySeq.of(basket.mats)
+                .sortBy((mat) => mat.location.basketSlot ?? 0)
+                .toRArray(),
+        },
+    ]));
     const matCount = freeLoading.length + palFaces.valuesToAscLazySeq().sumBy((x) => x.length);
     const activeBasketSlotCount = activeBasket
         ? LazySeq.of(activeBasket.emptySlots ?? [])
@@ -306,8 +323,8 @@ function selectLoadStationAndQueueProps(loadNum, queues, curSt, hideNonLoading)
         allMaterial: curSt.material,
         face: palFaces,
         freeLoadingMaterial: freeLoading,
-        queues: queueMat,
-        baskets: basketMat,
+        queues: sortedQueueMat,
+        baskets: sortedBasketMat,
         elapsedLoadingTime,
         fsize: layoutCount <= 2 ? "x-large" : layoutCount <= 6 ? "large" : "normal",
     };
@@ -320,7 +337,7 @@ function MultiInstructionButton({ loadData }) {
         if (pal) {
             return LazySeq.of(loadData.face.values())
                 .append(loadData.freeLoadingMaterial)
-                .concat(LazySeq.of(loadData.queues).collect(([_, v]) => v.mats))
+                .concat(LazySeq.of(loadData.queues).collect(([, v]) => v.mats))
                 .flatMap((x) => x)
                 .collect((mat) => {
                 if (mat.action.type === api.ActionType.Loading &&
@@ -670,8 +687,11 @@ export function LoadStation(props) {
         if (recentArrivalReceipt !== undefined &&
             (recentArrivalReceipt.stationNumber !== props.loadNum ||
                 (arrivalInstruction !== undefined &&
-                    arrivalInstruction.instructionId !== recentArrivalReceipt.instruction.instructionId)))
+                    arrivalInstruction.instructionId !== recentArrivalReceipt.instruction.instructionId))) {
+            // This state is an ephemeral receipt; discard it permanently when a new instruction supersedes it.
+            // oxlint-disable-next-line react/set-state-in-effect -- intentional invalidation of stale UI state.
             setRecentArrivalReceipt(undefined);
+        }
     }, [arrivalInstruction, props.loadNum, recentArrivalReceipt]);
     const displayedArrivalInstruction = arrivalInstruction ?? recentArrivalReceipt?.instruction;
     const displayedArrivalReceipt = recentArrivalReceipt?.stationNumber === props.loadNum &&
@@ -679,7 +699,7 @@ export function LoadStation(props) {
         ? recentArrivalReceipt
         : undefined;
     const queueCols = LazySeq.of(data.queues)
-        .sortBy(([q, _]) => q)
+        .sortBy(([q]) => q)
         .map(([q, mats]) => ({
         kind: "queue",
         label: q,
@@ -689,8 +709,8 @@ export function LoadStation(props) {
     const matCols = [...queueCols];
     if (data.baskets.size > 0) {
         const baskets = LazySeq.of(data.baskets)
-            .filter(([b, _]) => b !== data.activeBasket?.basketId)
-            .sortBy(([b, _]) => b)
+            .filter(([b]) => b !== data.activeBasket?.basketId)
+            .sortBy(([b]) => b)
             .map(([b, mats]) => ({
             basketId: b,
             label: `${basketName} ${b}`,