@seedtactics/insight-client 16.6.0 → 16.7.0

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

@@ -126,6 +126,17 @@ function useQuarantineMaterial(ignoreOperator) {
                 type = "Scrap";
             }
             break;
+        case LocType.InBasket:
+            if (inProcMat.action.type === ActionType.Loading && !fmsInfo.allowQuarantineToCancelLoad) {
+                return null;
+            }
+            else if (inProcMat.action.type === ActionType.Loading) {
+                type = "CancelLoad";
+            }
+            else {
+                type = "Scrap";
+            }
+            break;
         case LocType.Free:
             type = "Scrap";
             break;

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

@@ -94,10 +94,14 @@ function RawMaterialJobRow(props) {
     return (_jsxs(_Fragment, { children: [_jsxs(JobTableRow, { "$noBorderBottom": true, "$highlightedRow": highlRow, "$noncompletedRow": j.remainingToStart - j.assignedRaw > 0, children: [_jsx(TableCell, { children: _jsxs(Box, { sx: {
                                 display: "flex",
                                 alignItems: "center",
-                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: j.job.partName, size: 25 }) }), _jsx("div", { children: _jsx(Typography, { variant: "body2", component: "span", display: "block", children: j.job.unique }) })] }) }), _jsx(TableCell, { children: j.startingTime ? j.startingTime.toLocaleString() : "" }), _jsx(TableCell, { children: j.rawMatName === j.job.partName ? (j.rawMatName) : (_jsxs(Box, { sx: {
+                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: j.job.partName, size: 25 }) }), _jsx("div", { children: _jsx(Typography, { variant: "body2", component: "span", sx: {
+                                            display: "block",
+                                        }, children: j.job.unique }) })] }) }), _jsx(TableCell, { children: j.startingTime ? j.startingTime.toLocaleString() : "" }), _jsx(TableCell, { children: j.rawMatName === j.job.partName ? (j.rawMatName) : (_jsxs(Box, { sx: {
                                 display: "flex",
                                 alignItems: "center",
-                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: j.rawMatName, size: 25 }) }), _jsx(Typography, { variant: "body2", display: "block", children: j.rawMatName })] })) }), _jsxs(TableCell, { children: [j.job.comment, _jsx(Tooltip, { title: "Edit", children: _jsx(IconButton, { size: "small", onClick: () => props.editNote(j.job), children: _jsx(EditIcon, {}) }) })] }), _jsxs(TableCell, { align: "right", children: [j.job.cycles ?? 0, allowEditQty ? (_jsx(Tooltip, { title: "Edit", children: _jsx(IconButton, { size: "small", onClick: () => props.editQty(j), children: _jsx(EditIcon, {}) }) })) : undefined] }), _jsx(TableCell, { align: "right", children: j.remainingToStart }), _jsx(TableCell, { align: "right", children: j.assignedRaw }), _jsx(TableCell, { align: "right", children: _jsx(Tooltip, { title: j.remainingToStart > 0 || j.assignedRaw > 0 ? `${j.remainingToStart} - ${j.assignedRaw}` : "", children: _jsx("span", { children: Math.max(j.remainingToStart - j.assignedRaw, 0) }) }) }), _jsx(TableCell, { align: "right", children: j.availableUnassigned }), _jsx(TableCell, { children: _jsx(Tooltip, { title: "Show Details", children: _jsx(IconButton, { size: "small", onClick: () => setOpen(!open), children: open ? _jsx(KeyboardArrowUpIcon, {}) : _jsx(KeyboardArrowDownIcon, {}) }) }) })] }), _jsx(JobTableRow, { "$highlightedRow": highlRow, "$noncompletedRow": j.remainingToStart - j.assignedRaw > 0, children: _jsx(TableCell, { sx: { pb: "0", pt: "0" }, colSpan: 10, children: _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: _jsx(JobDetails, { job: j.job, checkAnalysisMonth: false }) }) }) })] }));
+                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: j.rawMatName, size: 25 }) }), _jsx(Typography, { variant: "body2", sx: {
+                                        display: "block",
+                                    }, children: j.rawMatName })] })) }), _jsxs(TableCell, { children: [j.job.comment, _jsx(Tooltip, { title: "Edit", children: _jsx(IconButton, { size: "small", onClick: () => props.editNote(j.job), children: _jsx(EditIcon, {}) }) })] }), _jsxs(TableCell, { align: "right", children: [j.job.cycles ?? 0, allowEditQty ? (_jsx(Tooltip, { title: "Edit", children: _jsx(IconButton, { size: "small", onClick: () => props.editQty(j), children: _jsx(EditIcon, {}) }) })) : undefined] }), _jsx(TableCell, { align: "right", children: j.remainingToStart }), _jsx(TableCell, { align: "right", children: j.assignedRaw }), _jsx(TableCell, { align: "right", children: _jsx(Tooltip, { title: j.remainingToStart > 0 || j.assignedRaw > 0 ? `${j.remainingToStart} - ${j.assignedRaw}` : "", children: _jsx("span", { children: Math.max(j.remainingToStart - j.assignedRaw, 0) }) }) }), _jsx(TableCell, { align: "right", children: j.availableUnassigned }), _jsx(TableCell, { children: _jsx(Tooltip, { title: "Show Details", children: _jsx(IconButton, { size: "small", onClick: () => setOpen(!open), children: open ? _jsx(KeyboardArrowUpIcon, {}) : _jsx(KeyboardArrowDownIcon, {}) }) }) })] }), _jsx(JobTableRow, { "$highlightedRow": highlRow, "$noncompletedRow": j.remainingToStart - j.assignedRaw > 0, children: _jsx(TableCell, { sx: { pb: "0", pt: "0" }, colSpan: 10, children: _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: _jsx(JobDetails, { job: j.job, checkAnalysisMonth: false }) }) }) })] }));
 }
 function RawMaterialJobTable(props) {
     const currentSt = useAtomValue(currentStatus);
@@ -111,7 +115,9 @@ const RawMaterialWorkorderRow = memo(function RawMaterialWorkorderRow({ workorde
     return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: workorder.workorderId }), _jsx(TableCell, { children: _jsxs(Box, { sx: {
                         display: "flex",
                         alignItems: "center",
-                    }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: workorder.part, size: 25 }) }), _jsx(Typography, { variant: "body2", display: "block", children: workorder.part })] }) }), _jsxs(TableCell, { children: [workorder.comments && workorder.comments.length > 0
+                    }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: workorder.part, size: 25 }) }), _jsx(Typography, { variant: "body2", sx: {
+                                display: "block",
+                            }, children: workorder.part })] }) }), _jsxs(TableCell, { children: [workorder.comments && workorder.comments.length > 0
                         ? workorder.comments[workorder.comments.length - 1].comment
                         : "", _jsx(Tooltip, { title: "Edit", children: _jsx(IconButton, { size: "small", onClick: () => setDialog(workorder), children: _jsx(EditIcon, {}) }) })] }), _jsx(TableCell, { children: workorder.dueDate.toLocaleDateString() }), _jsx(TableCell, { children: workorder.priority }), _jsx(TableCell, { children: workorder.plannedQuantity }), _jsx(TableCell, { children: workorder.completedQuantity }), _jsx(TableCell, { children: inProc }), _jsx(TableCell, { children: Math.max(0, workorder.plannedQuantity - workorder.completedQuantity - inProc) })] }));
 });
@@ -178,10 +184,12 @@ const EditJobPlanQtyDialog = memo(function EditJobPlanQtyProps(props) {
             setRunning(false);
         }
     }
-    return (_jsx(Dialog, { open: allowEditQtyUrl != null && props.job !== null, onClose: close, children: props.job !== null ? (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx("div", { children: _jsx(PartIdenticon, { part: props.job.job.partName, size: 40 }) }), _jsxs("div", { style: { marginLeft: "1em", flexGrow: 1 }, children: ["Edit Planned Quantity For ", props.job.job.unique] })] }) }), _jsxs(DialogContent, { children: [_jsxs("p", { children: [props.job.job.cycles, " currently planned, ", props.job.remainingToStart, " remaining to start"] }), _jsx(TextField, { variant: "outlined", fullWidth: true, autoFocus: true, inputProps: {
-                                style: { textAlign: "right" },
-                                min: (props.job.job.cycles ?? 0) - props.job.remainingToStart,
-                            }, type: "number", value: newQty === null ? "" : newQty, onChange: (e) => setNewQty(parseInt(e.target.value)) })] }), _jsxs(DialogActions, { children: [_jsxs(Button, { color: "primary", disabled: running || newQty === null || isNaN(newQty), onClick: () => void setQty(), children: [running ? _jsx(CircularProgress, { size: 10 }) : undefined, "Set Quantity"] }), _jsx(Button, { color: "primary", disabled: running, onClick: close, children: "Cancel" })] })] })) : undefined }));
+    return (_jsx(Dialog, { open: allowEditQtyUrl != null && props.job !== null, onClose: close, children: props.job !== null ? (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { children: _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx("div", { children: _jsx(PartIdenticon, { part: props.job.job.partName, size: 40 }) }), _jsxs("div", { style: { marginLeft: "1em", flexGrow: 1 }, children: ["Edit Planned Quantity For ", props.job.job.unique] })] }) }), _jsxs(DialogContent, { children: [_jsxs("p", { children: [props.job.job.cycles, " currently planned, ", props.job.remainingToStart, " remaining to start"] }), _jsx(TextField, { variant: "outlined", fullWidth: true, autoFocus: true, type: "number", value: newQty === null ? "" : newQty, onChange: (e) => setNewQty(parseInt(e.target.value)), slotProps: {
+                                htmlInput: {
+                                    style: { textAlign: "right" },
+                                    min: (props.job.job.cycles ?? 0) - props.job.remainingToStart,
+                                },
+                            } })] }), _jsxs(DialogActions, { children: [_jsxs(Button, { color: "primary", disabled: running || newQty === null || isNaN(newQty), onClick: () => void setQty(), children: [running ? _jsx(CircularProgress, { size: 10 }) : undefined, "Set Quantity"] }), _jsx(Button, { color: "primary", disabled: running, onClick: close, children: "Cancel" })] })] })) : undefined }));
 });
 const workorderCommentDialogAtom = atom(null);
 function WorkorderCommentDialog() {
@@ -295,8 +303,19 @@ export const Queues = (props) => {
     return (_jsxs(Box, { sx: {
             padding: "8px",
             width: "100%",
-        }, children: [data.map((region, idx) => (_jsx("div", { style: idx < data.length - 1 ? { borderBottom: "1px solid black" } : undefined, children: _jsx(SortableRegion, { matIds: region.material.map((m) => m.materialID), direction: "rect", queueName: region.label, renderDragOverlay: (mat) => (_jsx(DragOverlayInProcMaterial, { mat: mat, hideEmptySerial: true, displayJob: hasJobs && region.rawMaterialQueue, fsize: "normal" })), children: _jsxs(Box, { minHeight: "134px", children: [_jsxs(Box, { display: "flex", margin: "4px", children: [_jsx(Typography, { variant: "h4", flexGrow: 1, children: region.label }), region.free ? undefined : (_jsx(AddMaterialButtons, { label: region.label, rawMatQueue: region.rawMaterialQueue, inProcQueue: region.inProcQueue }))] }), _jsxs(Box, { justifyContent: "flex-start", display: "flex", flexWrap: "wrap", children: [region.material.map((m, matIdx) => (_jsx(SortableInProcMaterial, { mat: m, hideEmptySerial: true, fsize: "normal", displayJob: hasJobs && region.rawMaterialQueue }, matIdx))), region.groupedRawMat && region.groupedRawMat.length > 0
-                                        ? region.groupedRawMat.map((matGroup, idx) => matGroup.material.length === 1 ? (_jsx(InProcMaterial, { mat: matGroup.material[0], hideEmptySerial: true, fsize: "normal", displayJob: hasJobs && region.rawMaterialQueue }, idx)) : (_jsx(MultiMaterial, { partOrCasting: matGroup.partOrCasting, assignedJobUnique: matGroup.assignedJobUnique, material: matGroup.material, fsize: "normal", onOpen: () => setMultiMaterialDialog(matGroup.material) }, idx)))
+        }, children: [data.map((region, idx) => (_jsx("div", { style: idx < data.length - 1 ? { borderBottom: "1px solid black" } : undefined, children: _jsx(SortableRegion, { matIds: region.material.map((m) => m.materialID), direction: "rect", queueName: region.label, renderDragOverlay: (mat) => (_jsx(DragOverlayInProcMaterial, { mat: mat, hideEmptySerial: true, displayJob: hasJobs && region.rawMaterialQueue, fsize: "normal" })), children: _jsxs(Box, { sx: {
+                            minHeight: "134px",
+                        }, children: [_jsxs(Box, { sx: {
+                                    display: "flex",
+                                    margin: "4px",
+                                }, children: [_jsx(Typography, { variant: "h4", sx: {
+                                            flexGrow: 1,
+                                        }, children: region.label }), region.free ? undefined : (_jsx(AddMaterialButtons, { label: region.label, rawMatQueue: region.rawMaterialQueue, inProcQueue: region.inProcQueue }))] }), _jsxs(Box, { sx: {
+                                    justifyContent: "flex-start",
+                                    display: "flex",
+                                    flexWrap: "wrap",
+                                }, children: [region.material.map((m, matIdx) => (_jsx(SortableInProcMaterial, { mat: m, hideEmptySerial: true, fsize: "normal", displayJob: hasJobs && region.rawMaterialQueue }, matIdx))), region.groupedRawMat && region.groupedRawMat.length > 0
+                                        ? region.groupedRawMat.map((matGroup, groupIdx) => matGroup.material.length === 1 ? (_jsx(InProcMaterial, { mat: matGroup.material[0], hideEmptySerial: true, fsize: "normal", displayJob: hasJobs && region.rawMaterialQueue }, groupIdx)) : (_jsx(MultiMaterial, { partOrCasting: matGroup.partOrCasting, assignedJobUnique: matGroup.assignedJobUnique, material: matGroup.material, fsize: "normal", onOpen: () => setMultiMaterialDialog(matGroup.material) }, idx)))
                                         : undefined, region.rawMaterialQueue ? (hasJobs ? (_jsx(RawMaterialJobTable, { queue: region.label, editNote: setChangeNoteForJob, editQty: setEditQtyForJob })) : (_jsx(RawMaterialWorkorderTable, {}))) : undefined] })] }) }) }, idx))), _jsx(QueuedMaterialDialog, { queueNames: props.queues }), _jsx(AddBySerialDialog, {}), _jsx(AddByBarcodeDialog, {}), _jsx(BulkAddCastingWithoutSerialDialog, {}), _jsx(EditNoteDialog, { job: changeNoteForJob, closeDialog: closeChangeNoteDialog }), _jsx(EditJobPlanQtyDialog, { job: editQtyForJob, closeDialog: closeEditJobQtyDialog }), _jsx(WorkorderCommentDialog, {}), _jsx(MultiMaterialDialog, { material: multiMaterialDialog, closeDialog: closeMultiMatDialog, operator: operator })] }));
 };
 export default function QueuesPage(props) {

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

@@ -68,7 +68,9 @@ const ExpandMore = styled(ExpandMoreIcon, { shouldForwardProp: (prop) => prop.to
     }),
 }));
 function SelectRawMaterial({ newMaterialTy, setNewMaterialTy, castings, indent, }) {
-    return (_jsx(List, { sx: indent ? (theme) => ({ pl: theme.spacing(4) }) : undefined, children: castings.map((casting) => (_jsx(ListItem, { children: _jsxs(ListItemButton, { selected: newMaterialTy?.kind === "RawMat" && newMaterialTy?.rawMatName === casting.casting, onClick: () => setNewMaterialTy({ kind: "RawMat", rawMatName: casting.casting }), children: [_jsx(ListItemIcon, { children: _jsx(PartIdenticon, { part: casting.casting }) }), _jsx(ListItemText, { primary: casting.casting, primaryTypographyProps: { variant: "h4" }, secondary: casting.message ?? undefined })] }) }, casting.casting))) }));
+    return (_jsx(List, { sx: indent ? (theme) => ({ pl: theme.spacing(4) }) : undefined, children: castings.map((casting) => (_jsx(ListItem, { children: _jsxs(ListItemButton, { selected: newMaterialTy?.kind === "RawMat" && newMaterialTy?.rawMatName === casting.casting, onClick: () => setNewMaterialTy({ kind: "RawMat", rawMatName: casting.casting }), children: [_jsx(ListItemIcon, { children: _jsx(PartIdenticon, { part: casting.casting }) }), _jsx(ListItemText, { primary: casting.casting, secondary: casting.message ?? undefined, slotProps: {
+                            primary: { variant: "h4" },
+                        } })] }) }, casting.casting))) }));
 }
 function SelectJob({ newMaterialTy, setNewMaterialTy, curCollapse, setCurCollapse, indent, jobs, }) {
     return (_jsx(List, { sx: indent ? (theme) => ({ pl: theme.spacing(4) }) : undefined, children: jobs.map((j, idx) => j.machinedProcs.length === 1 ? (_jsx("div", { children: _jsx(ListItem, { children: _jsxs(ListItemButton, { alignItems: "flex-start", selected: newMaterialTy?.kind === "JobAndProc" &&
@@ -86,14 +88,14 @@ function SelectJob({ newMaterialTy, setNewMaterialTy, curCollapse, setCurCollaps
                             setCurCollapse(curCollapse && curCollapse.kind === "Job" && curCollapse.unique === j.jobUnique
                                 ? null
                                 : { kind: "Job", unique: j.jobUnique });
-                        }, children: [_jsx(ListItemIcon, { children: _jsx(ExpandMore, { "$expandedOpen": curCollapse !== null && curCollapse.kind === "Job" && curCollapse.unique === j.jobUnique }) }), j.job ? (_jsx(ListItemIcon, { children: _jsx(PartIdenticon, { part: j.job.partName }) })) : undefined, _jsx(ListItemText, { primary: (j.job?.partName ?? "") + " (" + j.jobUnique + ")", slotProps: { primary: { variant: "h4" } }, secondary: j.job?.routeStartUTC.toLocaleDateString() })] }) }), _jsx(Collapse, { in: curCollapse !== null && curCollapse.kind === "Job" && curCollapse.unique === j.jobUnique, timeout: "auto", children: j.machinedProcs.map((p, idx) => (_jsx("div", { children: _jsx(ListItem, { sx: (theme) => ({ pl: theme.spacing(indent ? 8 : 4) }), children: _jsx(ListItemButton, { selected: newMaterialTy?.kind === "JobAndProc" &&
+                        }, children: [_jsx(ListItemIcon, { children: _jsx(ExpandMore, { "$expandedOpen": curCollapse !== null && curCollapse.kind === "Job" && curCollapse.unique === j.jobUnique }) }), j.job ? (_jsx(ListItemIcon, { children: _jsx(PartIdenticon, { part: j.job.partName }) })) : undefined, _jsx(ListItemText, { primary: (j.job?.partName ?? "") + " (" + j.jobUnique + ")", slotProps: { primary: { variant: "h4" } }, secondary: j.job?.routeStartUTC.toLocaleDateString() })] }) }), _jsx(Collapse, { in: curCollapse !== null && curCollapse.kind === "Job" && curCollapse.unique === j.jobUnique, timeout: "auto", children: j.machinedProcs.map((p, procIdx) => (_jsx("div", { children: _jsx(ListItem, { sx: (theme) => ({ pl: theme.spacing(indent ? 8 : 4) }), children: _jsx(ListItemButton, { selected: newMaterialTy?.kind === "JobAndProc" &&
                                     newMaterialTy?.jobUnique === j.jobUnique &&
                                     newMaterialTy?.last_proc === p.lastProc, onClick: () => setNewMaterialTy({
                                     kind: "JobAndProc",
                                     jobUnique: j.jobUnique,
                                     last_proc: p.lastProc,
                                     workorder: j.workorder,
-                                }), children: _jsx(ListItemText, { primary: p.lastProc === 0 ? "Raw Material" : "Last machined process " + p.lastProc.toString(), secondary: p.details }) }) }) }, idx))) })] }, idx))) }));
+                                }), children: _jsx(ListItemText, { primary: p.lastProc === 0 ? "Raw Material" : "Last machined process " + p.lastProc.toString(), secondary: p.details }) }) }) }, procIdx))) })] }, idx))) }));
 }
 function SelectRawMatAndJob({ newMaterialTy, options, setNewMaterialTy, curCollapse, setCurCollapse, }) {
     return (_jsxs(List, { children: [_jsx(ListItem, { children: _jsxs(ListItemButton, { onClick: () => {
@@ -207,9 +209,9 @@ export function AddToQueueButton({ st: { enteredOperator, newMaterialTy, toQueue
                     (enteredOperator === null || enteredOperator === "")
                     ? "Please enter an operator name"
                     : "", children: _jsx("span", { children: _jsx(Button, { color: "primary", disabled: toQueue === null ||
-                        addingExistingMat === true ||
-                        addingNewMat === true ||
-                        addingNewCasting === true ||
+                        addingExistingMat ||
+                        addingNewMat ||
+                        addingNewCasting ||
                         (existingMat === null && newMaterialTy === null) ||
                         (fmsInfo.requireOperatorNamePromptWhenAddingMaterial &&
                             (enteredOperator === null || enteredOperator === "")), onClick: () => {

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

@@ -89,7 +89,7 @@ export function SignalInspectionButton() {
 export const SelectInspTypeDialog = memo(function SelectInspTypeDialog() {
     const [dialogOpen, setDialogOpen] = useAtom(selectInspTypeDialogOpen);
     let body;
-    if (dialogOpen === false) {
+    if (!dialogOpen) {
         body = _jsx("p", { children: "None" });
     }
     else {

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

@@ -90,7 +90,7 @@ function WorkorderList() {
 export const SelectWorkorderDialog = memo(function SelectWorkorderDialog() {
     const [workDialogOpen, setWorkDialogOpen] = useAtom(selectWorkorderDialogOpen);
     let body;
-    if (workDialogOpen === false) {
+    if (!workDialogOpen) {
         body = _jsx("p", { children: "None" });
     }
     else {

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

@@ -42,6 +42,7 @@ import { LazySeq } from "@seedtactics/immutable-collections";
 import { SystemOverviewDialogButton } from "./SystemOverview.js";
 import { useAtom, useAtomValue } from "jotai";
 import { hideNonLoadingMaterialOnLoadStation } from "../../data/queue-material.js";
+import { fmsInformation } from "../../network/server-settings.js";
 const toolbarStyle = {
     display: "flex",
     backgroundColor: "#E0E0E0",
@@ -66,6 +67,9 @@ var StationMonitorType;
     StationMonitorType["Queues"] = "Queues";
     StationMonitorType["AllMaterial"] = "AllMaterial";
 })(StationMonitorType || (StationMonitorType = {}));
+function multiSelectValue(value) {
+    return typeof value === "string" ? value.split(",") : value;
+}
 function HideNonLoadingCheckbox() {
     const [hide, setHide] = useAtom(hideNonLoadingMaterialOnLoadStation);
     return (_jsx(FormControlLabel, { control: _jsx(Checkbox, { size: "small", checked: hide, onChange: (e) => setHide(e.target.checked) }), label: "Hide Non-Loading Material", sx: { pl: 2, pr: 2 } }));
@@ -73,7 +77,8 @@ function HideNonLoadingCheckbox() {
 export function StationToolbar() {
     const [route, setRoute] = useAtom(currentRoute);
     const inspTypes = useAtomValue(last30InspectionTypes);
-    const queueNames = Object.keys(useAtomValue(currentStatus).queues).sort((a, b) => a.localeCompare(b));
+    const queueNames = LazySeq.of(Object.keys(useAtomValue(currentStatus).queues)).toSortedArray((x) => x);
+    const fmsInfo = useAtomValue(fmsInformation);
     const theme = useTheme();
     const full = useMediaQuery(theme.breakpoints.down("md"));
     function setLoadNumber(valStr) {
@@ -150,7 +155,9 @@ export function StationToolbar() {
             curType = StationMonitorType.AllMaterial;
             break;
     }
-    return (_jsxs(Box, { component: "nav", sx: full ? toolbarStyle : inHeaderStyle, children: [curType === StationMonitorType.LoadUnload ? (_jsx(Input, { type: "number", placeholder: "Load Station Number", value: loadNum, onChange: (e) => setLoadNumber(e.target.value), style: { width: "3em", marginLeft: "1em" } }, "loadnumselect")) : undefined, curType === StationMonitorType.Inspection ? (_jsxs(Select, { value: curInspType || allInspSym, onChange: (e) => setInspType(e.target.value), variant: "standard", style: { marginLeft: "1em" }, children: [_jsx(MenuItem, { value: allInspSym, children: _jsx("em", { children: "All" }) }, allInspSym), LazySeq.of(inspTypes)
+    return (_jsxs(Box, { component: "nav", sx: full ? toolbarStyle : inHeaderStyle, children: [curType === StationMonitorType.LoadUnload ? (fmsInfo.loadStationNames && Object.keys(fmsInfo.loadStationNames).length > 0 ? (_jsx(Select, { value: loadNum, onChange: (e) => setLoadNumber(e.target.value.toString()), variant: "standard", style: { marginLeft: "1em", minWidth: "8em" }, children: LazySeq.of(Object.entries(fmsInfo.loadStationNames))
+                    .sortBy(([key]) => parseInt(key))
+                    .map(([stationNum, name]) => (_jsx(MenuItem, { value: parseInt(stationNum), children: name }, stationNum))) }, "loadnumselect")) : (_jsx(Input, { type: "number", placeholder: "Load Station Number", value: loadNum, onChange: (e) => setLoadNumber(e.target.value), style: { width: "3em", marginLeft: "1em" } }, "loadnumselect"))) : undefined, curType === StationMonitorType.Inspection ? (_jsxs(Select, { value: curInspType || allInspSym, onChange: (e) => setInspType(e.target.value), variant: "standard", style: { marginLeft: "1em" }, children: [_jsx(MenuItem, { value: allInspSym, children: _jsx("em", { children: "All" }) }, allInspSym), LazySeq.of(inspTypes)
                         .sortBy((x) => x)
                         .map((ty) => (_jsx(MenuItem, { value: ty, children: ty }, ty)))] }, "inspselect")) : undefined, curType === StationMonitorType.LoadUnload ? (_jsxs(FormControl, { style: { marginLeft: "1em" }, children: [currentQueues.length === 0 ? (_jsx("label", { style: {
                             position: "absolute",
@@ -158,16 +165,21 @@ export function StationToolbar() {
                             left: 0,
                             color: "rgba(0,0,0,0.54)",
                             fontSize: "0.9rem",
-                        }, children: "Display queue(s)" })) : undefined, _jsxs(Select, { multiple: true, displayEmpty: true, variant: "standard", value: currentQueues, inputProps: { id: "queueselect" }, style: { minWidth: "10em", marginTop: "0" }, onChange: (e) => setLoadQueues(e.target.value), children: [queueNames.map((q, idx) => (_jsx(MenuItem, { value: q, children: q }, idx))), _jsx(MenuItem, { value: completedSym, children: _jsx("i", { children: "Completed" }) }), _jsx(Divider, {}), _jsx(HideNonLoadingCheckbox, {})] })] })) : undefined, curType === StationMonitorType.Queues ? (_jsxs(FormControl, { style: { marginLeft: "1em", minWidth: "10em" }, children: [currentQueues.length === 0 ? (_jsx("label", { style: {
+                        }, children: "Display queue(s)" })) : undefined, _jsxs(Select, { multiple: true, displayEmpty: true, variant: "standard", value: currentQueues, inputProps: { id: "queueselect" }, style: { minWidth: "10em", marginTop: "0" }, onChange: (e) => setLoadQueues(multiSelectValue(e.target.value)), children: [queueNames.map((q, idx) => (_jsx(MenuItem, { value: q, children: q }, idx))), _jsx(MenuItem, { value: completedSym, children: _jsx("i", { children: "Completed" }) }), _jsx(Divider, {}), _jsx(HideNonLoadingCheckbox, {})] })] })) : undefined, curType === StationMonitorType.Queues ? (_jsxs(FormControl, { style: { marginLeft: "1em", minWidth: "10em" }, children: [currentQueues.length === 0 ? (_jsx("label", { style: {
                             position: "absolute",
                             top: "10px",
                             left: 0,
                             color: "rgba(0,0,0,0.54)",
                             fontSize: "0.9rem",
-                        }, children: "Select queue(s)" })) : undefined, _jsx(Select, { multiple: true, displayEmpty: true, variant: "standard", value: currentQueues, inputProps: { id: "queueselect" }, style: { marginTop: "0" }, onChange: (e) => setStandaloneQueues(e.target.value), children: queueNames.map((q, idx) => (_jsx(MenuItem, { value: q, children: q }, idx))) })] })) : undefined] }));
+                        }, children: "Select queue(s)" })) : undefined, _jsx(Select, { multiple: true, displayEmpty: true, variant: "standard", value: currentQueues, inputProps: { id: "queueselect" }, style: { marginTop: "0" }, onChange: (e) => setStandaloneQueues(multiSelectValue(e.target.value)), children: queueNames.map((q, idx) => (_jsx(MenuItem, { value: q, children: q }, idx))) })] })) : undefined] }));
 }
 export function StationToolbarOverviewButton() {
     const theme = useTheme();
     const full = useMediaQuery(theme.breakpoints.down("md"));
-    return (_jsx(Box, { display: "flex", alignItems: "center", height: "100%", bgcolor: full ? "#E0E0E0" : undefined, children: _jsx(SystemOverviewDialogButton, { full: full }) }));
+    return (_jsx(Box, { sx: {
+            display: "flex",
+            alignItems: "center",
+            height: "100%",
+            bgcolor: full ? "#E0E0E0" : undefined,
+        }, children: _jsx(SystemOverviewDialogButton, { full: full }) }));
 }

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

@@ -1,9 +1,13 @@
-import { IInProcessMaterial, IPalletStatus } from "../../network/api.js";
+import { IBasketStatus, IInProcessMaterial, IPalletStatus } from "../../network/api.js";
 import { OrderedMap } from "@seedtactics/immutable-collections";
 type PalletAndMaterial = {
     readonly pallet: Readonly<IPalletStatus>;
     readonly mats: ReadonlyArray<Readonly<IInProcessMaterial>>;
 };
+type BasketAndMaterial = {
+    readonly basket: Readonly<IBasketStatus>;
+    readonly mats: ReadonlyArray<Readonly<IInProcessMaterial>>;
+};
 type MachineStatus = {
     readonly name: string;
     readonly inbound: PalletAndMaterial | null;
@@ -13,6 +17,13 @@ type MachineStatus = {
 type LoadStatus = {
     readonly lulNum: number;
     readonly pal: PalletAndMaterial | null;
+    readonly basket: BasketAndMaterial | null;
+    readonly staging: ReadonlyArray<BasketAndMaterial>;
+    readonly sources: ReadonlyArray<{
+        readonly key: string;
+        readonly label: string;
+        readonly mats: ReadonlyArray<Readonly<IInProcessMaterial>>;
+    }>;
 };
 type MachineAtLoadStatus = {
     readonly lulNum: number;
@@ -29,8 +40,15 @@ type CellOverview = {
     readonly machines: OrderedMap<string, ReadonlyArray<MachineStatus>>;
     readonly loads: ReadonlyArray<LoadStatus>;
     readonly stockerPals: ReadonlyArray<PalletAndMaterial>;
+    readonly floatingBaskets: ReadonlyArray<BasketAndMaterial>;
+    readonly storageBaskets: {
+        readonly empty: number;
+        readonly filled: number;
+    } | null;
     readonly machineAtLoad: ReadonlyArray<MachineAtLoadStatus>;
     readonly maxNumFacesOnPallet: number;
+    readonly maxNumStagingRows: number;
+    readonly maxNumSourceRows: number;
 };
 export declare function formatSeconds(totalSeconds: number): string;
 export declare const SystemOverview: import("react").MemoExoticComponent<({ overview }: {