@seedtactics/insight-client 17.0.1-beta.12 → 17.0.1-beta.14

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

@@ -31,7 +31,7 @@ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
-import { useMemo, memo, useState, useCallback, useEffect } from "react";
+import { useMemo, memo, useState, useCallback } from "react";
 import { Box, useMediaQuery, Button, Typography } from "@mui/material";
 import { LazySeq, OrderedMap } from "@seedtactics/immutable-collections";
 import { FolderOpen as FolderOpenIcon } from "@mui/icons-material";
@@ -48,7 +48,7 @@ import { instructionUrl } from "../../network/backend.js";
 import { Tooltip } from "@mui/material";
 import { Fab } from "@mui/material";
 import { fmsInformation } from "../../network/server-settings.js";
-import { currentStatus, secondsSinceEpochAtom } from "../../cell-status/current-status.js";
+import { currentStatus, secondsSinceEpochAtom, minutesSinceEpochAtom, } from "../../cell-status/current-status.js";
 import { useIsDemo, useSetTitle } from "../routes.js";
 import { QuarantineMatButton } from "./QuarantineButton.js";
 import { CancelLoadButton } from "./CancelLoadButton.js";
@@ -63,8 +63,7 @@ import { PrintLabelButton } from "./PrintedLabel.js";
 import { hideNonLoadingMaterialOnLoadStation } from "../../data/queue-material.js";
 import { basketDisplayName, loadStationDisplayName } from "../../cell-status/station-cycles.js";
 import { canAddOrMoveMaterialToQueue } from "../../data/material-operation-policy.js";
-import { BasketLoadStationWorkflow, } from "./BasketLoadStationWork.js";
-import { BasketMovementArrival, loadStationArrivalInstruction, } from "./BasketMovementArrival.js";
+import { BasketLoadStationWorkflow } from "./BasketLoadStationWork.js";
 function encodeLoadStationRegionIdPart(value) {
     return encodeURIComponent(value.toString());
 }
@@ -393,7 +392,7 @@ function ElapsedLoadTime({ elapsedLoadTime }) {
         return null;
     }
 }
-function PalletFace({ data, faceNum, loadNum, submitBasketLoadStationCommand, }) {
+function PalletFace({ data, faceNum }) {
     const face = data.face.get(faceNum);
     const fmsInfo = useAtomValue(fmsInformation);
     const basketName = basketDisplayName(fmsInfo.basketName);
@@ -408,7 +407,7 @@ function PalletFace({ data, faceNum, loadNum, submitBasketLoadStationCommand, })
                             }, children: _jsx(ElapsedLoadTime, { elapsedLoadTime: data.elapsedLoadingTime }) })] })) : null, _jsx(Box, { sx: { ml: "4em", mr: "4em" }, children: _jsx(MoveMaterialArrowNode, { kind: {
                             type: MoveMaterialNodeKindType.BasketZone,
                             basketId: data.activeBasket.basketId,
-                        }, children: _jsx(BasketLoadStationWorkflow, { stationNumber: loadNum, basket: data.activeBasket, material: data.allMaterial, fsize: data.fsize, submitCommand: submitBasketLoadStationCommand }) }) })] }));
+                        }, children: _jsx(BasketLoadStationWorkflow, { basket: data.activeBasket, material: data.allMaterial, fsize: data.fsize }) }) })] }));
     }
     if (!data.pallet)
         return null;
@@ -487,16 +486,17 @@ function MaterialColumn({ data, region, }) {
     }
 }
 function RecentCompletedMaterial() {
+    const minutes = useAtomValue(minutesSinceEpochAtom);
     const matSummary = useAtomValue(last30MaterialSummary);
     const recentCompleted = useMemo(() => {
-        const cutoff = addHours(new Date(), -5);
+        const cutoff = addHours(new Date(minutes * 60000), -5);
         return matSummary.matsById
             .valuesToLazySeq()
             .filter((e) => e.completed_last_proc_machining === true &&
             e.last_unload_time !== undefined &&
             e.last_unload_time >= cutoff)
             .toSortedArray({ desc: (e) => e.last_unload_time?.getTime() ?? 0 });
-    }, [matSummary]);
+    }, [matSummary, minutes]);
     return (_jsx("div", { children: recentCompleted.map((m, idx) => (_jsx(MatSummary, { mat: m }, idx))) }));
 }
 const CompletedCol = memo(function CompletedCol({ fillViewPort, showMaterial, }) {
@@ -679,23 +679,6 @@ export function LoadStation(props) {
     const currentSt = useAtomValue(currentStatus);
     const hideNonLoading = useAtomValue(hideNonLoadingMaterialOnLoadStation);
     const data = useMemo(() => selectLoadStationAndQueueProps(props.loadNum, props.queues, currentSt, hideNonLoading), [currentSt, props.loadNum, props.queues, hideNonLoading]);
-    const arrivalInstruction = loadStationArrivalInstruction(currentSt.basketMoveInstructions ?? [], props.loadNum);
-    const [recentArrivalReceipt, setRecentArrivalReceipt] = useState();
-    useEffect(() => {
-        if (recentArrivalReceipt !== undefined &&
-            (recentArrivalReceipt.stationNumber !== props.loadNum ||
-                (arrivalInstruction !== undefined &&
-                    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 &&
-        displayedArrivalInstruction?.instructionId === recentArrivalReceipt?.instruction.instructionId
-        ? recentArrivalReceipt
-        : undefined;
     const queueCols = LazySeq.of(data.queues)
         .sortBy(([q]) => q)
         .map(([q, mats]) => ({
@@ -742,53 +725,31 @@ export function LoadStation(props) {
         horizontal: fillViewPort,
         showMatInCompleted: props.completed,
     });
-    return (_jsxs(_Fragment, { children: [displayedArrivalInstruction === undefined ? null : (_jsx(BasketMovementArrival, { basketName: basketName, instruction: displayedArrivalInstruction, stationNumber: props.loadNum, submitCommand: props.submitBasketMovementCompletion, submitCorrection: props.submitBasketLocationCorrection, receipt: displayedArrivalReceipt, onAccepted: setRecentArrivalReceipt, onCorrected: (command) => setRecentArrivalReceipt((current) => {
-                    if (current === undefined ||
-                        current.stationNumber !== props.loadNum ||
-                        current.receipt.observationId !== command.targetObservationId)
-                        return current;
-                    return command.replacementBasketId === null ||
-                        command.replacementObservationId === null
-                        ? { ...current, status: "retracted" }
-                        : {
-                            ...current,
-                            receipt: {
-                                ...current.receipt,
-                                observationId: command.replacementObservationId,
-                                observedBasketId: command.replacementBasketId,
-                            },
-                            command: {
-                                ...current.command,
-                                commandId: command.replacementObservationId,
-                                observedBasketId: command.replacementBasketId,
-                            },
-                            status: "corrected",
-                        };
-                }) })), _jsx(MoveMaterialArrowContainer, { hideArrows: !fillViewPort, whiteBackground: props.whiteBackground, children: _jsxs(Box, { component: "main", sx: {
-                        width: "100%",
-                        display: "grid",
-                        gridTemplate: grid,
-                        minHeight: {
-                            xs: "calc(100vh - 64px - 32px)",
-                            sm: "calc(100vh - 64px - 40px)",
-                            md: "calc(100vh - 64px)",
-                        },
-                        padding: fillViewPort ? undefined : "8px",
-                    }, children: [matCols.map((col, idx) => (_jsx(Box, { "data-testid": materialColumnTestId(col), sx: {
-                                gridArea: `mat${idx}`,
-                                padding: "8px",
-                                borderRight: fillViewPort ? "1px solid black" : undefined,
-                                borderBottom: !fillViewPort ? "1px solid black" : undefined,
-                            }, children: _jsx(MaterialColumn, { data: data, region: col }) }, idx))), data.face.keysToAscLazySeq().map((faceNum, idx) => (_jsx(Box, { sx: {
-                                marginLeft: "15px",
-                                gridArea: `palface${idx}`,
-                                padding: "8px",
-                                borderTop: data.pallet && idx !== 0 ? "1px solid black" : undefined,
-                            }, children: _jsx(PalletFace, { data: data, faceNum: faceNum, loadNum: props.loadNum, submitBasketLoadStationCommand: props.submitBasketLoadStationCommand }) }, faceNum))), _jsx(Box, { "data-testid": "load-station-completed", sx: {
-                                borderLeft: fillViewPort ? "1px solid black" : undefined,
-                                borderTop: !fillViewPort ? "1px solid black" : undefined,
-                                gridArea: "completed",
-                            }, children: _jsx(CompletedCol, { fillViewPort: fillViewPort, showMaterial: props.completed }) }), _jsx(MultiInstructionButton, { loadData: data }), _jsx(SelectWorkorderDialog, {}), _jsx(SelectInspTypeDialog, {}), _jsx(LoadMatDialog, { pallet: data.pallet?.palletNum ?? null, queues: props.queues })] }) })] }));
+    return (_jsx(_Fragment, { children: _jsx(MoveMaterialArrowContainer, { hideArrows: !fillViewPort, whiteBackground: props.whiteBackground, children: _jsxs(Box, { component: "main", sx: {
+                    width: "100%",
+                    display: "grid",
+                    gridTemplate: grid,
+                    minHeight: {
+                        xs: "calc(100vh - 64px - 32px)",
+                        sm: "calc(100vh - 64px - 40px)",
+                        md: "calc(100vh - 64px)",
+                    },
+                    padding: fillViewPort ? undefined : "8px",
+                }, children: [matCols.map((col, idx) => (_jsx(Box, { "data-testid": materialColumnTestId(col), sx: {
+                            gridArea: `mat${idx}`,
+                            padding: "8px",
+                            borderRight: fillViewPort ? "1px solid black" : undefined,
+                            borderBottom: !fillViewPort ? "1px solid black" : undefined,
+                        }, children: _jsx(MaterialColumn, { data: data, region: col }) }, idx))), data.face.keysToAscLazySeq().map((faceNum, idx) => (_jsx(Box, { sx: {
+                            marginLeft: "15px",
+                            gridArea: `palface${idx}`,
+                            padding: "8px",
+                            borderTop: data.pallet && idx !== 0 ? "1px solid black" : undefined,
+                        }, children: _jsx(PalletFace, { data: data, faceNum: faceNum }) }, faceNum))), _jsx(Box, { "data-testid": "load-station-completed", sx: {
+                            borderLeft: fillViewPort ? "1px solid black" : undefined,
+                            borderTop: !fillViewPort ? "1px solid black" : undefined,
+                            gridArea: "completed",
+                        }, children: _jsx(CompletedCol, { fillViewPort: fillViewPort, showMaterial: props.completed }) }), _jsx(MultiInstructionButton, { loadData: data }), _jsx(SelectWorkorderDialog, {}), _jsx(SelectInspTypeDialog, {}), _jsx(LoadMatDialog, { pallet: data.pallet?.palletNum ?? null, queues: props.queues })] }) }) }));
 }
 function LoadStationCheckWidth(props) {
     const fmsInfo = useAtomValue(fmsInformation);

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

@@ -49,7 +49,7 @@ import { useAtom, useAtomValue, useSetAtom } from "jotai";
 import { last30Rebookings } from "../../cell-status/rebookings.js";
 import { fmsInformation } from "../../network/server-settings.js";
 import { basketDisplayName, basketSlotLabel } from "../../cell-status/station-cycles.js";
-import { materialOperationState } from "../../data/material-operation-policy.js";
+import { canAddOrMoveMaterialToQueue, canReorderQueuedMaterial, materialOperationState, } from "../../data/material-operation-policy.js";
 export class PartIdenticon extends PureComponent {
     render() {
         const iconSize = this.props.size || 50;
@@ -402,10 +402,12 @@ export const InProcMaterial = memo(function InProcMaterial(props) {
     return (_jsx(MatCard, { mat: inproc_mat_to_summary(props.mat), inProcMat: props.mat, displayActionForSinglePallet: props.displayActionForSinglePallet, fsize: props.fsize, hideAvatar: props.hideAvatar, displayJob: props.displayJob, showDragHandle: props.showHandle, hideEmptySerial: props.hideEmptySerial, showRawMaterial: props.showRawMaterial, showJobComment: props.showJobComment, shake: props.shake }));
 });
 export const SortableInProcMaterial = memo(function SortableInProcMaterial(props) {
+    const canDrag = canReorderQueuedMaterial(props.mat) || canAddOrMoveMaterialToQueue(props.mat);
     const d = { mat: props.mat };
     const { active, isDragging, attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, } = useSortable({
         id: props.mat.materialID,
         data: d,
+        disabled: { draggable: !canDrag },
     });
     const handleProps = {
         ...listeners,
@@ -421,7 +423,7 @@ export const SortableInProcMaterial = memo(function SortableInProcMaterial(props
             : undefined,
         transition: active !== null ? transition : undefined,
     };
-    return (_jsx(MatCard, { ref: setNodeRef, dragRootProps: { style }, showDragHandle: true, dragHandleProps: handleProps, setDragHandleRef: setActivatorNodeRef, isActiveDrag: isDragging, mat: inproc_mat_to_summary(props.mat), inProcMat: props.mat, displayActionForSinglePallet: props.displayActionForSinglePallet, hideAvatar: props.hideAvatar, displayJob: props.displayJob, hideEmptySerial: props.hideEmptySerial, fsize: props.fsize, shake: active ? undefined : props.shake, showRawMaterial: props.showRawMaterial }));
+    return (_jsx(MatCard, { ref: setNodeRef, dragRootProps: { style }, showDragHandle: canDrag, dragHandleProps: handleProps, setDragHandleRef: setActivatorNodeRef, isActiveDrag: isDragging, mat: inproc_mat_to_summary(props.mat), inProcMat: props.mat, displayActionForSinglePallet: props.displayActionForSinglePallet, hideAvatar: props.hideAvatar, displayJob: props.displayJob, hideEmptySerial: props.hideEmptySerial, fsize: props.fsize, shake: active ? undefined : props.shake, showRawMaterial: props.showRawMaterial }));
 });
 export function DragOverlayInProcMaterial(props) {
     return (_jsx(MatCard, { mat: inproc_mat_to_summary(props.mat), inProcMat: props.mat, displayActionForSinglePallet: props.displayActionForSinglePallet, showDragHandle: true, hideAvatar: props.hideAvatar, displayJob: props.displayJob, fsize: props.fsize, hideEmptySerial: props.hideEmptySerial, isDragOverlay: true }));

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

@@ -34,7 +34,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 import { useRef, useCallback, useEffect, useMemo, Fragment } from "react";
 import JsBarcode from "jsbarcode";
 import { LazySeq } from "@seedtactics/immutable-collections";
-import { currentStatus } from "../../cell-status/current-status.js";
+import { currentStatus, secondsSinceEpochAtom } from "../../cell-status/current-status.js";
 import { useAtomValue } from "jotai";
 import { useReactToPrint } from "react-to-print";
 import { Button } from "@mui/material";
@@ -60,16 +60,20 @@ function Barcode(props) {
     }, [props.text]);
     return _jsx("svg", { ref: setRef });
 }
+function LabelDate() {
+    const seconds = useAtomValue(secondsSinceEpochAtom);
+    return new Date(seconds * 1000).toLocaleString(undefined, {
+        weekday: "long",
+        month: "long",
+        day: "numeric",
+        year: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+        second: "2-digit",
+    });
+}
 function SinglePage(props) {
-    return (_jsxs("div", { children: [_jsx("div", { style: { marginTop: "4em", display: "flex", justifyContent: "center" }, children: _jsx("h2", { children: "SeedTactic: FMS Insight" }) }), _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: _jsx("p", { style: { fontSize: "x-large" }, children: new Date().toLocaleString(undefined, {
-                        weekday: "long",
-                        month: "long",
-                        day: "numeric",
-                        year: "numeric",
-                        hour: "numeric",
-                        minute: "2-digit",
-                        second: "2-digit",
-                    }) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.partName }), props.count >= 2 ? _jsx(Barcode, { text: props.count.toString() }) : undefined] }), props.serial1 && props.serial1 !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.serial1 }), props.serial2 && props.serial2 !== "" ? (_jsx(Barcode, { text: props.serial2 || "" })) : undefined] })) : undefined, _jsx("div", { style: { marginTop: "2em", marginLeft: "4em", marginRight: "4em", marginBottom: "9em" }, children: props.uniq === null || props.uniq === "" ? (_jsx("p", { style: { fontSize: "x-large" }, children: "Not currently assigned to any jobs" })) : (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), _jsxs("div", { style: { marginTop: "1em", marginLeft: "2em", display: "flex", alignItems: "center" }, children: [_jsx(Barcode, { text: props.partName }), _jsxs("h3", { style: { marginLeft: "4em" }, children: ["assigned to ", props.uniq, props.jobCycles && props.jobCycles > 0
+    return (_jsxs("div", { children: [_jsx("div", { style: { marginTop: "4em", display: "flex", justifyContent: "center" }, children: _jsx("h2", { children: "SeedTactic: FMS Insight" }) }), _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: _jsx("p", { style: { fontSize: "x-large" }, children: _jsx(LabelDate, {}) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.partName }), props.count >= 2 ? _jsx(Barcode, { text: props.count.toString() }) : undefined] }), props.serial1 && props.serial1 !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.serial1 }), props.serial2 && props.serial2 !== "" ? (_jsx(Barcode, { text: props.serial2 || "" })) : undefined] })) : undefined, _jsx("div", { style: { marginTop: "2em", marginLeft: "4em", marginRight: "4em", marginBottom: "9em" }, children: props.uniq === null || props.uniq === "" ? (_jsx("p", { style: { fontSize: "x-large" }, children: "Not currently assigned to any jobs" })) : (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), _jsxs("div", { style: { marginTop: "1em", marginLeft: "2em", display: "flex", alignItems: "center" }, children: [_jsx(Barcode, { text: props.partName }), _jsxs("h3", { style: { marginLeft: "4em" }, children: ["assigned to ", props.uniq, props.jobCycles && props.jobCycles > 0
                                             ? " (" + props.jobCycles.toString() + " scheduled)"
                                             : ""] })] })] })) }), props.note ? (_jsx("div", { style: { marginBottom: "2em" }, children: _jsx("p", { style: { fontSize: "xxx-large", textAlign: "center" }, children: props.note }) })) : undefined, _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: props.operator ? _jsx("p", { style: { fontSize: "x-large" }, children: props.operator }) : undefined })] }));
 }
@@ -114,15 +118,7 @@ function CombinedToOnePage(props) {
     if (!props.material || props.material.length === 0) {
         return _jsx("div", {});
     }
-    return (_jsxs("div", { children: [_jsx("div", { style: { marginTop: "4em", display: "flex", justifyContent: "center" }, children: _jsx("h2", { children: "SeedTactic: FMS Insight" }) }), _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: _jsx("p", { style: { fontSize: "x-large" }, children: new Date().toLocaleString(undefined, {
-                        weekday: "long",
-                        month: "long",
-                        day: "numeric",
-                        year: "numeric",
-                        hour: "numeric",
-                        minute: "2-digit",
-                        second: "2-digit",
-                    }) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.material[0].partName }), props.material.length >= 2 ? (_jsx(Barcode, { text: props.material.length.toString() })) : undefined] }), props.material[0].serial && props.material[0].serial !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.material[0].serial }), props.material.length >= 2 &&
+    return (_jsxs("div", { children: [_jsx("div", { style: { marginTop: "4em", display: "flex", justifyContent: "center" }, children: _jsx("h2", { children: "SeedTactic: FMS Insight" }) }), _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: _jsx("p", { style: { fontSize: "x-large" }, children: _jsx(LabelDate, {}) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.material[0].partName }), props.material.length >= 2 ? (_jsx(Barcode, { text: props.material.length.toString() })) : undefined] }), props.material[0].serial && props.material[0].serial !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.material[0].serial }), props.material.length >= 2 &&
                         props.material[props.material.length - 1].serial &&
                         props.material[props.material.length - 1].serial !== "" ? (_jsx(Barcode, { text: props.material[props.material.length - 1].serial || "" })) : undefined] })) : undefined, _jsx("div", { style: { marginTop: "2em", marginLeft: "4em", marginRight: "4em", marginBottom: "9em" }, children: assignments.length === 0 ? (_jsx("p", { style: { fontSize: "x-large" }, children: "Not currently assigned to any jobs" })) : props.materialName ? (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), assignments.map(([uniq, part], idx) => (_jsxs("div", { style: {
                                 marginTop: "1em",

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

@@ -40,15 +40,16 @@ import { currentOperator } from "../../data/operators.js";
 import { ApiException, LocType, QueueRole, } from "../../network/api.js";
 import { fmsInformation } from "../../network/server-settings.js";
 import { useAtomValue, useSetAtom } from "jotai";
-import { canDirectlyQuarantine, canRemoveFromQueue, canSignalQuarantine, isActiveLoadStationOperation, } from "../../data/material-operation-policy.js";
+import { canDirectlyQuarantine, canRemoveFromQueue, canSignalQuarantine, quarantineRoute, } from "../../data/material-operation-policy.js";
 function hasSupportedQuarantineExit(material, status) {
     const job = status.jobs[material.jobUnique];
     if (!job)
         return false;
-    const path = job.procsAndPaths[material.process - 1]?.paths[material.path - 1];
+    const route = quarantineRoute(material);
+    const path = job.procsAndPaths[route.process - 1]?.paths[route.path - 1];
     if (!path)
         return false;
-    return material.process === job.procsAndPaths.length || Boolean(path.outputQueue);
+    return route.process === job.procsAndPaths.length || Boolean(path.outputQueue);
 }
 function useQuarantineMaterial() {
     const fmsInfo = useAtomValue(fmsInformation);
@@ -56,8 +57,6 @@ function useQuarantineMaterial() {
     const curSt = useAtomValue(currentStatus);
     if (inProcMat === null || inProcMat.materialID < 0)
         return null;
-    if (isActiveLoadStationOperation(inProcMat))
-        return null;
     if (inProcMat.quarantineAfterUnload)
         return null;
     const quarantineQueue = fmsInfo.quarantineQueue?.length ? fmsInfo.quarantineQueue : null;
@@ -80,7 +79,8 @@ function useQuarantineMaterial() {
         .filter(([qname]) => !activeQueues.has(qname))
         .toRSet(([qname]) => qname);
     // If in a quarantine queue, allow removal from system
-    if (inProcMat.location.type === LocType.InQueue &&
+    if (canRemoveFromQueue(inProcMat) &&
+        inProcMat.location.type === LocType.InQueue &&
         inProcMat.location.currentQueue &&
         quarantineQueues.has(inProcMat.location.currentQueue)) {
         return {
@@ -91,25 +91,16 @@ function useQuarantineMaterial() {
         };
     }
     let type = null;
-    switch (inProcMat.location.type) {
-        case LocType.OnPallet:
-        case LocType.InBasket:
-            if (!canSignalQuarantine(inProcMat) || !hasSupportedQuarantineExit(inProcMat, curSt)) {
-                return null;
-            }
-            type = "SignalForScrap";
-            break;
-        case LocType.InQueue:
-            if (!canDirectlyQuarantine(inProcMat))
-                return null;
-            if (inProcMat.location.currentQueue === undefined ||
-                quarantineQueues.has(inProcMat.location.currentQueue)) {
-                return null;
-            }
-            type = "Scrap";
-            break;
-        case LocType.Free:
+    if (canSignalQuarantine(inProcMat)) {
+        if (!hasSupportedQuarantineExit(inProcMat, curSt))
+            return null;
+        type = "SignalForScrap";
+    }
+    else if (canDirectlyQuarantine(inProcMat)) {
+        if (inProcMat.location.currentQueue === undefined ||
+            quarantineQueues.has(inProcMat.location.currentQueue))
             return null;
+        type = "Scrap";
     }
     if (type) {
         return {
@@ -214,7 +205,7 @@ export function QuarantineMatButton({ onClose, ignoreOperator, }) {
             title = displayedSnapshot.destination
                 ? `The current automated operation will continue. When the material leaves automation control, move it to ${displayedSnapshot.destination}`
                 : "The current automated operation will continue. When the material leaves automation control, remove it from normal production flow as scrap";
-            btnTxt = displayedSnapshot.destination ? "Quarantine" : "Scrap";
+            btnTxt = displayedSnapshot.destination ? "Signal for quarantine" : "Scrap";
             break;
     }
     async function quarantine() {
@@ -266,5 +257,5 @@ export function QuarantineMatButton({ onClose, ignoreOperator, }) {
                 ? quarantiningQueued
                 : removingFromQueue);
     const removeFromQueues = q?.canRemoveFromQueues === true ? () => removeFromQueue(q.material.materialID, operator) : null;
-    return (_jsxs(_Fragment, { children: [q ? (_jsx(Tooltip, { title: title, children: _jsx(Button, { color: "primary", disabled: removing, onClick: openQuarantine, children: btnTxt }) })) : null, removeFromQueues && q ? (_jsx(RemoveFromQueuesButton, { material: q.material, removeFromQueues: removeFromQueues, removing: removingFromQueue })) : null, _jsxs(Dialog, { open: open && snapshot !== null, onClose: closeQuarantine, children: [_jsx(DialogTitle, { children: "Quarantine Material" }), _jsxs(DialogContent, { children: [_jsx("p", { children: title }), _jsx(TextField, { label: "Reason", value: reason, onChange: (e) => setReason(e.target.value), fullWidth: true, autoFocus: true, multiline: true }), error ? _jsx("p", { role: "alert", children: error }) : null] }), _jsxs(DialogActions, { children: [_jsx(Button, { color: "primary", disabled: removing, onClick: quarantine, children: btnTxt }), _jsx(Button, { color: "secondary", disabled: removing, onClick: closeQuarantine, children: "Cancel" })] })] })] }));
+    return (_jsxs(_Fragment, { children: [q ? (_jsx(Tooltip, { title: title, describeChild: displayedSnapshot.operation === "DeferredQuarantine", children: _jsx(Button, { color: "primary", disabled: removing, onClick: openQuarantine, children: btnTxt }) })) : null, removeFromQueues && q ? (_jsx(RemoveFromQueuesButton, { material: q.material, removeFromQueues: removeFromQueues, removing: removingFromQueue })) : null, _jsxs(Dialog, { open: open && snapshot !== null, onClose: closeQuarantine, children: [_jsx(DialogTitle, { children: "Quarantine Material" }), _jsxs(DialogContent, { children: [_jsx("p", { children: title }), _jsx(TextField, { label: "Reason", value: reason, onChange: (e) => setReason(e.target.value), fullWidth: true, autoFocus: true, multiline: true }), error ? _jsx("p", { role: "alert", children: error }) : null] }), _jsxs(DialogActions, { children: [_jsx(Button, { color: "primary", disabled: removing, onClick: quarantine, children: btnTxt }), _jsx(Button, { color: "secondary", disabled: removing, onClick: closeQuarantine, children: "Cancel" })] })] })] }));
 }

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

@@ -36,7 +36,7 @@ import { Paper, ButtonBase, Box, Typography, Collapse, Stack, Menu, MenuItem, Li
 import { Close as CloseIcon } from "@mui/icons-material";
 import { InProcMaterial, MaterialAction, MaterialDialog, PartIdenticon } from "./Material.js";
 import { ActionType, BasketLocationEnum, LocType, PalletLocationEnum, } from "../../network/api.js";
-import { currentStatus, secondsSinceEpochAtom } from "../../cell-status/current-status.js";
+import { currentStatus, secondsSinceEpochAtom, minutesSinceEpochAtom, } from "../../cell-status/current-status.js";
 import { LazySeq, OrderedMap } from "@seedtactics/immutable-collections";
 import { materialDialogOpen } from "../../cell-status/material-details.js";
 import { last30Jobs } from "../../cell-status/scheduled-jobs.js";
@@ -53,6 +53,7 @@ import { basketDisplayName, loadStationDisplayName } from "../../cell-status/sta
 const CollapsedIconSize = 45;
 const rowSize = CollapsedIconSize + 10; // each material row has 5px above and 5px below for padding
 function useCellOverview() {
+    const minutes = useAtomValue(minutesSinceEpochAtom);
     const currentSt = useAtomValue(currentStatus);
     const jobs = useAtomValue(last30Jobs);
     const fmsInfo = useAtomValue(fmsInformation);
@@ -128,7 +129,7 @@ function useCellOverview() {
         .toOrderedMap((p) => [p.pallet.palletNum, p]);
     let maxLoadNum = 1;
     let maxNumFacesOnPallet = 1;
-    const cutoff = addDays(new Date(), -7);
+    const cutoff = addDays(new Date(minutes * 60000), -7);
     // now add empty locations
     // Materialize ProcessInfo so we can iterate it at two levels (proc for basket stations, paths for the rest)
     const allProcs = jobs

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

@@ -34,9 +34,9 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 import { memo, useMemo, useState } from "react";
 import { closestCenter, DndContext, DragOverlay, KeyboardSensor, PointerSensor, useSensor, useSensors, } from "@dnd-kit/core";
 import { rectSortingStrategy, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy, } from "@dnd-kit/sortable";
-import { useAddExistingMaterialToQueue } from "../../cell-status/material-details.js";
-import { reorderQueuedMatInCurrentStatus } from "../../cell-status/current-status.js";
+import { moveQueuedMatInCurrentStatus } from "../../cell-status/loading.js";
 import { currentOperator } from "../../data/operators.js";
+import { canSetMaterialInQueue } from "../../data/material-operation-policy.js";
 import { useAtomValue, useSetAtom } from "jotai";
 function isSortableMatData(value) {
     return typeof value === "object" && value !== null && "mat" in value;
@@ -46,8 +46,7 @@ function numericId(id) {
 }
 export const SortableRegion = memo(function SortableRegion(props) {
     const [activeMat, setActiveMat] = useState(undefined);
-    const [addExistingMatToQueue] = useAddExistingMaterialToQueue();
-    const reorderQueuedMat = useSetAtom(reorderQueuedMatInCurrentStatus);
+    const moveQueuedMat = useSetAtom(moveQueuedMatInCurrentStatus);
     const operator = useAtomValue(currentOperator);
     const sortableItemIds = useMemo(() => props.matIds.slice(), [props.matIds]);
     const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
@@ -56,19 +55,19 @@ export const SortableRegion = memo(function SortableRegion(props) {
     return (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: ({ active }) => setActiveMat(isSortableMatData(active.data.current) ? active.data.current.mat : undefined), onDragCancel: () => setActiveMat(undefined), onDragEnd: ({ active, over }) => {
             const activeMatId = numericId(active.id);
             const overMatId = over ? numericId(over.id) : null;
-            if (over && active.id !== over.id && activeMatId !== null && overMatId !== null) {
-                const overIdx = props.matIds.indexOf(overMatId);
-                void addExistingMatToQueue({
-                    materialId: activeMatId,
-                    queue: props.queueName,
-                    queuePosition: overIdx,
-                    operator: operator,
-                }).catch(console.error);
-                reorderQueuedMat({
+            const mat = isSortableMatData(active.data.current) ? active.data.current.mat : null;
+            if (over &&
+                active.id !== over.id &&
+                activeMatId !== null &&
+                overMatId !== null &&
+                mat !== null &&
+                canSetMaterialInQueue(mat, props.queueName)) {
+                moveQueuedMat({
                     queue: props.queueName,
                     matId: activeMatId,
-                    newIdx: overIdx,
-                });
+                    newIdx: props.matIds.indexOf(overMatId),
+                    operator,
+                }).catch(console.error);
             }
             setActiveMat(undefined);
         }, children: _jsxs(SortableContext, { items: sortableItemIds, strategy: props.direction === "vertical" ? verticalListSortingStrategy : rectSortingStrategy, children: [props.children, _jsx(DragOverlay, { children: activeMat !== undefined ? props.renderDragOverlay(activeMat) : undefined })] }) }));

package/dist/data/material-operation-policy.d.ts

@@ -18,4 +18,10 @@ export declare function canDirectlyQuarantine(material: MaterialForPolicy): bool
 export declare function canRemoveFromQueue(material: MaterialForPolicy): boolean;
 export declare function canInvalidateMaterial(material: MaterialForPolicy): boolean;
 export declare function canAddOrMoveMaterialToQueue(material: MaterialForPolicy): boolean;
+export declare function canReorderQueuedMaterial(material: MaterialForPolicy): boolean;
+export declare function canSetMaterialInQueue(material: MaterialForPolicy, queue: string): boolean;
+export declare function quarantineRoute(material: Readonly<IInProcessMaterial>): {
+    readonly process: number;
+    readonly path: number;
+};
 export {};

package/dist/data/material-operation-policy.js

@@ -46,8 +46,10 @@ function hasLoadStationAction(material) {
     }
 }
 export function materialOperationState(material) {
+    if (material.action.automatedTransfer === true)
+        return { kind: "AutomationControlled" };
     const cancellationId = nonBlankCancellationId(material);
-    if (cancellationId !== null || hasLoadStationAction(material)) {
+    if (material.action.loadCancellationId !== undefined || hasLoadStationAction(material)) {
         return { kind: "ActiveLoadStationOperation", cancellationId };
     }
     if (material.location.type === LocType.InQueue && material.action.type === ActionType.Waiting) {
@@ -70,7 +72,11 @@ export function canCancelLoad(material) {
     return state.kind === "ActiveLoadStationOperation" && state.cancellationId !== null;
 }
 export function canSignalQuarantine(material) {
-    return material !== null && materialOperationState(material).kind === "AutomationControlled";
+    return (material !== null &&
+        material.materialID >= 0 &&
+        (materialOperationState(material).kind === "AutomationControlled" ||
+            material.action.type === ActionType.UnloadToInProcess ||
+            material.action.type === ActionType.UnloadToCompletedMaterial));
 }
 export function canDirectlyQuarantine(material) {
     return material !== null && materialOperationState(material).kind === "HumanControlledQueue";
@@ -87,3 +93,21 @@ export function canAddOrMoveMaterialToQueue(material) {
     const state = materialOperationState(material);
     return state.kind === "AddToQueueProposal" || state.kind === "HumanControlledQueue";
 }
+export function canReorderQueuedMaterial(material) {
+    // Priority changes within the source queue remain allowed during human station work.
+    return (material !== null &&
+        material.location.type === LocType.InQueue &&
+        material.action.automatedTransfer !== true);
+}
+export function canSetMaterialInQueue(material, queue) {
+    return material?.location.type === LocType.InQueue && material.location.currentQueue === queue
+        ? canReorderQueuedMaterial(material)
+        : canAddOrMoveMaterialToQueue(material);
+}
+export function quarantineRoute(material) {
+    return material.action.automatedTransfer === true &&
+        (material.action.type === ActionType.Loading ||
+            material.action.type === ActionType.LoadingToBasket)
+        ? { process: material.action.processAfterLoad ?? 0, path: material.action.pathAfterLoad ?? 0 }
+        : { process: material.process, path: material.path };
+}

package/dist/extension.d.ts

@@ -4,9 +4,9 @@ import type { AppProps } from "./components/App.js";
  */
 export declare function bootstrapInsight(appProps?: AppProps, rootElement?: HTMLElement): Promise<void>;
 export { customState } from "./cell-status/custom-state.js";
+export { currentStatusIsLive } from "./network/websocket.js";
 export type { AppProps };
 export { defaultChooseModes } from "./components/ChooseMode.js";
 export type { ChooseModeItem } from "./components/ChooseMode.js";
 export { RouteLocation } from "./components/routes.js";
 export { authenticatedFetch } from "./network/backend.js";
-export type { BasketMovementCompletionCommand, BasketMovementCompletionReceipt, BasketLocationCorrectionCommand, SubmitBasketLocationCorrection, SubmitBasketMovementCompletion, } from "./components/station-monitor/BasketMovementArrival.js";

package/dist/extension.js

@@ -16,6 +16,7 @@ export async function bootstrapInsight(appProps = {}, rootElement) {
     render(appProps, root, store);
 }
 export { customState } from "./cell-status/custom-state.js";
+export { currentStatusIsLive } from "./network/websocket.js";
 export { defaultChooseModes } from "./components/ChooseMode.js";
 export { RouteLocation } from "./components/routes.js";
 export { authenticatedFetch } from "./network/backend.js";

package/dist/index.html

@@ -5,45 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <link rel="shortcut icon" href="/assets/favicon-gWFxiJK2.ico" />
     <title>SeedTactic FMS Insight</title>
-    <style type="text/css">
-      .download-loader {
-        width: 100px;
-        height: 100px;
-        display: inline-block;
-      }
-      .download-circular {
-        width: 100px;
-        height: 100px;
-        animation: rotate 2s linear infinite;
-      }
-      .download-path {
-        stroke-dasharray: 1, 200;
-        stroke-dashoffset: 0;
-        animation: dash 1.5s ease-out infinite;
-        stroke-linecap: round;
-        stroke: #8d6e63;
-      }
-      @keyframes rotate {
-        100% {
-          transform: rotate(360deg);
-        }
-      }
-      @keyframes dash {
-        0% {
-          stroke-dasharray: 1, 200;
-          stroke-dashoffset: 0;
-        }
-        50% {
-          stroke-dasharray: 89, 200;
-          stroke-dashoffset: -35px;
-        }
-        100% {
-          stroke-dasharray: 89, 200;
-          stroke-dashoffset: -124px;
-        }
-      }
-    </style>
-    <script type="module" crossorigin src="/assets/index-kk-GRa5i.js"></script>
+    <style type="text/css">.download-loader{width:100px;height:100px;display:inline-block}.download-circular{width:100px;height:100px;animation:2s linear infinite rotate}.download-path{stroke-dasharray:1 200;stroke-dashoffset:0;stroke-linecap:round;stroke:#8d6e63;animation:1.5s ease-out infinite dash}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}</style>
+    <script type="module" crossorigin src="/assets/index-DWZg8nkq.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DXfAwuj-.css">
   </head>
   <body>

package/dist/index.js

@@ -33,12 +33,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 import { bootstrapInsight } from "./extension.js";
 import { ApiException } from "./network/api.js";
 async function main() {
-    const developmentProps = import.meta.env.DEV
-        ? {
-            submitBasketLoadStationCommand: async () => "accepted",
-        }
-        : {};
-    await bootstrapInsight(developmentProps);
+    await bootstrapInsight();
 }
 main().catch((e) => {
     console.log(e);