@seedtactics/insight-client 16.5.2 → 16.7.0

package/dist/components/operations/RecentStationCycles.js

@@ -41,20 +41,25 @@ import { MenuItem } from "@mui/material";
 import { ImportExport } from "@mui/icons-material";
 import StationDataTable from "../analysis/StationDataTable.js";
 import { PartIdenticon } from "../station-monitor/Material.js";
-import { filterStationCycles, FilterAnyMachineKey, copyCyclesToClipboard, plannedOperationMinutes, loadOccupancyCycles, FilterAnyLoadKey, } from "../../data/results.cycles.js";
+import { filterStationCycles, FilterAnyMachineKey, copyCyclesToClipboard, plannedOperationMinutes, loadOccupancyCycles, FilterAnyLoadKey, normalizeCarrierKindFilter, } from "../../data/results.cycles.js";
 import * as matDetails from "../../cell-status/material-details.js";
 import { CycleChart } from "../analysis/CycleChart.js";
 import { last30MaterialSummary } from "../../cell-status/material-summary.js";
 import { last30EstimatedCycleTimes, } from "../../cell-status/estimated-cycle-times.js";
-import { last30StationCycles } from "../../cell-status/station-cycles.js";
+import { basketDisplayName, last30HasBasketCycles, last30StationCycles, } from "../../cell-status/station-cycles.js";
 import { LazySeq } from "@seedtactics/immutable-collections";
 import { useSetTitle } from "../routes.js";
 import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
+import { fmsInformation } from "../../network/server-settings.js";
+function hasLoadCycleOperations(point) {
+    return "operations" in point && (point.operations === undefined || Array.isArray(point.operations));
+}
 const lulShowGraphAtom = atom(true);
 const machineShowGraphAtom = atom(true);
 const lulSelectedPartAtom = atom(undefined);
 const machineSelectedPartAtom = atom(undefined);
 const machineSelectedOperation = atom(undefined);
+const lulSelectedCarrierAtom = atom("Any");
 const lulSelectedPalletAtom = atom(undefined);
 const machineSelectedPalletAtom = atom(undefined);
 const lulChartZoomAtom = atom({});
@@ -65,10 +70,12 @@ export function RecentStationCycleChart({ ty }) {
     useSetTitle(ty === "labor" ? "L/U Cycles" : "Machine Cycles");
     const setMatToShow = useSetAtom(matDetails.materialDialogOpen);
     const extraStationCycleTooltip = useCallback(function extraStationCycleTooltip(point) {
-        const partC = point;
+        if (!hasLoadCycleOperations(point)) {
+            return [];
+        }
         const ret = [];
-        if (partC.operations) {
-            for (const mat of partC.operations) {
+        if (point.operations) {
+            for (const mat of point.operations) {
                 ret.push({
                     title: (mat.mat.serial ? mat.mat.serial : "Material") + " " + mat.operation,
                     value: "Open Card",
@@ -76,8 +83,8 @@ export function RecentStationCycleChart({ ty }) {
                 });
             }
         }
-        else {
-            for (const mat of partC.material) {
+        else if ("material" in point && Array.isArray(point.material)) {
+            for (const mat of point.material) {
                 ret.push({
                     title: mat.serial ? mat.serial : "Material",
                     value: "Open Card",
@@ -91,8 +98,13 @@ export function RecentStationCycleChart({ ty }) {
     const [chartZoom, setChartZoom] = useAtom(ty === "labor" ? lulChartZoomAtom : machineChartZoomAtom);
     const [selectedPart, setSelectedPart] = useAtom(ty === "labor" ? lulSelectedPartAtom : machineSelectedPartAtom);
     const [selectedOperation, setSelectedOperation] = useAtom(machineSelectedOperation);
+    const [selectedCarrier, setSelectedCarrier] = useAtom(lulSelectedCarrierAtom);
     const [selectedPallet, setSelectedPallet] = useAtom(ty === "labor" ? lulSelectedPalletAtom : machineSelectedPalletAtom);
     const [yZoom, setYZoom] = useAtom(ty === "labor" ? lulYZoomAtom : machineYZoomAtom);
+    const fmsInfo = useAtomValue(fmsInformation);
+    const basketName = basketDisplayName(fmsInfo.basketName);
+    const hasBasketCycles = useAtomValue(last30HasBasketCycles);
+    const carrierFilter = normalizeCarrierKindFilter(selectedCarrier, ty === "labor" ? hasBasketCycles : true);
     const estimatedCycleTimes = useAtomValue(last30EstimatedCycleTimes);
     const default_date_range = [addDays(startOfToday(), -4), addDays(startOfToday(), 1)];
     const cycles = useAtomValue(last30StationCycles);
@@ -105,6 +117,7 @@ export function RecentStationCycleChart({ ty }) {
                 partAndProc: selectedPart,
                 pallet: selectedPallet,
                 operation: selectedOperation,
+                carrierKind: carrierFilter,
             });
         }
         else if (ty === "labor" && showGraph) {
@@ -112,6 +125,7 @@ export function RecentStationCycleChart({ ty }) {
                 zoom: { start: addDays(today, -4), end: addDays(today, 1) },
                 partAndProc: selectedPart,
                 pallet: selectedPallet,
+                carrierKind: carrierFilter,
             });
         }
         else {
@@ -120,9 +134,10 @@ export function RecentStationCycleChart({ ty }) {
                 partAndProc: selectedPart,
                 pallet: selectedPallet,
                 station: ty === "labor" ? FilterAnyLoadKey : FilterAnyMachineKey,
+                carrierKind: carrierFilter,
             });
         }
-    }, [cycles, ty, selectedPart, selectedPallet, selectedOperation, showGraph]);
+    }, [cycles, ty, selectedPart, selectedPallet, selectedOperation, showGraph, carrierFilter]);
     // If we have selected a part and there is only one operation, default to it.
     const curOperation = selectedPart
         ? (selectedOperation ??
@@ -136,12 +151,18 @@ export function RecentStationCycleChart({ ty }) {
             return undefined;
         }
     }, [points, ty, curOperation]);
-    return (_jsxs(Box, { paddingLeft: "24px", paddingRight: "24px", paddingTop: "10px", children: [_jsxs(Box, { component: "nav", sx: {
+    return (_jsxs(Box, { sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            paddingTop: "10px",
+        }, children: [_jsxs(Box, { component: "nav", sx: {
                     display: "flex",
                     minHeight: "2.5em",
                     alignItems: "center",
                     maxWidth: "calc(100vw - 24px - 24px)",
-                }, children: [_jsxs(Typography, { variant: "subtitle1", children: ["Recent ", ty === "labor" ? "Load/Unload Occupancy" : "Machine Cycles"] }), _jsx(Box, { flexGrow: 1 }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { name: "Station-Cycles-chart-or-table-select", autoWidth: true, value: showGraph ? "graph" : "table", onChange: (e) => setShowGraph(e.target.value === "graph"), children: [_jsx(MenuItem, { value: "graph", children: "Graph" }, "graph"), _jsx(MenuItem, { value: "table", children: "Table" }, "table")] }) }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedPart
+                }, children: [_jsxs(Typography, { variant: "subtitle1", children: ["Recent ", ty === "labor" ? "Load/Unload Occupancy" : "Machine Cycles"] }), _jsx(Box, { sx: {
+                            flexGrow: 1,
+                        } }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { name: "Station-Cycles-chart-or-table-select", autoWidth: true, value: showGraph ? "graph" : "table", onChange: (e) => setShowGraph(e.target.value === "graph"), children: [_jsx(MenuItem, { value: "graph", children: "Graph" }, "graph"), _jsx(MenuItem, { value: "table", children: "Table" }, "table")] }) }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedPart
                                 ? points.allPartAndProcNames.findIndex((o) => selectedPart.part === o.part && selectedPart.proc === o.proc)
                                 : -1, style: { marginLeft: "1em" }, onChange: (e) => {
                                 setSelectedPart(e.target.value === -1 ? undefined : points.allPartAndProcNames[e.target.value]);
@@ -155,5 +176,11 @@ export function RecentStationCycleChart({ ty }) {
                                     ]
                                     : []),
                                 ...points.allMachineOperations.map((oper, idx) => (_jsxs(MenuItem, { value: idx, children: [oper.statGroup, " ", oper.operation] }, idx))),
-                            ] }) })) : undefined, _jsx(FormControl, { size: "small", children: _jsxs(Select, { name: "Station-Cycles-cycle-chart-station-pallet", autoWidth: true, displayEmpty: true, value: selectedPallet || "", style: { marginLeft: "1em" }, onChange: (e) => setSelectedPallet(e.target.value === "" ? undefined : e.target.value), children: [_jsx(MenuItem, { value: "", children: _jsx("em", { children: "Any Pallet" }) }, 0), points.allPalletNames.map((n) => (_jsx(MenuItem, { value: n, children: _jsx("div", { style: { display: "flex", alignItems: "center" }, children: _jsx("span", { style: { marginRight: "1em" }, children: n }) }) }, n)))] }) }), _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: () => copyCyclesToClipboard(points, matSummary.matsById, undefined, ty === "labor"), style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx("main", { children: showGraph ? (_jsx(CycleChart, { points: points.data, series_label: points.seriesLabel, default_date_range: default_date_range, extra_tooltip: extraStationCycleTooltip, current_date_zoom: chartZoom.zoom, set_date_zoom_range: setChartZoom, yZoom: yZoom, setYZoom: setYZoom, stats: curOperation && ty === "machine" ? estimatedCycleTimes.get(curOperation) : undefined, partCntPerPoint: curOperation ? LazySeq.of(points.data).head()?.[1]?.[0]?.material?.length : undefined, plannedTimeMinutes: plannedMinutes })) : (_jsx(StationDataTable, { points: points.data, matsById: matSummary.matsById, period: { type: "Last30" }, current_date_zoom: undefined, set_date_zoom_range: undefined, showWorkorderAndInspect: true, hideMedian: ty === "labor" })) })] }));
+                            ] }) })) : undefined, ty === "labor" && hasBasketCycles ? (_jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: carrierFilter, style: { marginLeft: "1em" }, onChange: (e) => {
+                                const carrier = e.target.value;
+                                setSelectedCarrier(carrier);
+                                if (carrier === "Basket") {
+                                    setSelectedPallet(undefined);
+                                }
+                            }, children: [_jsx(MenuItem, { value: "Any", children: _jsx("em", { children: "Any Carrier" }) }), _jsx(MenuItem, { value: "Pallet", children: "Pallet" }), _jsx(MenuItem, { value: "Basket", children: basketName })] }) })) : undefined, ty !== "labor" || carrierFilter !== "Basket" ? (_jsx(FormControl, { size: "small", children: _jsxs(Select, { name: "Station-Cycles-cycle-chart-station-pallet", autoWidth: true, displayEmpty: true, value: selectedPallet || "", style: { marginLeft: "1em" }, onChange: (e) => setSelectedPallet(e.target.value === "" ? undefined : e.target.value), children: [_jsx(MenuItem, { value: "", children: _jsx("em", { children: "Any Pallet" }) }, 0), points.allPalletNames.map((n) => (_jsx(MenuItem, { value: n, children: _jsx("div", { style: { display: "flex", alignItems: "center" }, children: _jsx("span", { style: { marginRight: "1em" }, children: n }) }) }, n)))] }) })) : undefined, _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: () => copyCyclesToClipboard(points, matSummary.matsById, undefined, ty === "labor", fmsInfo.loadStationNames, basketName), style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx("main", { children: showGraph ? (_jsx(CycleChart, { points: points.data, series_label: points.seriesLabel, default_date_range: default_date_range, extra_tooltip: extraStationCycleTooltip, current_date_zoom: chartZoom.zoom, set_date_zoom_range: setChartZoom, yZoom: yZoom, setYZoom: setYZoom, stats: curOperation && ty === "machine" ? estimatedCycleTimes.get(curOperation) : undefined, partCntPerPoint: curOperation ? LazySeq.of(points.data).head()?.[1]?.[0]?.material?.length : undefined, plannedTimeMinutes: plannedMinutes })) : (_jsx(StationDataTable, { points: points.data, matsById: matSummary.matsById, period: { type: "Last30" }, current_date_zoom: undefined, set_date_zoom_range: undefined, showWorkorderAndInspect: true, hideMedian: ty === "labor" })) })] }));
 }

package/dist/components/operations/ShiftSettings.js

@@ -113,12 +113,12 @@ function ShiftStartInput({ shiftNum }) {
     const [shifts, setShifts] = useAtom(shiftStartAtom);
     const val = shifts.get(shiftNum);
     return (_jsx(TextField, { type: "time", label: `Shift ${shiftNum} Start`, error: shiftError(shiftNum, shifts), value: val === undefined ? "" : minutesToTimespan(val), onChange: (e) => {
-            const val = e.target.value;
-            if (val === "") {
+            const inputValue = e.target.value;
+            if (inputValue === "") {
                 setShifts((draft) => draft.delete(shiftNum));
             }
             else {
-                setShifts((draft) => draft.set(shiftNum, timespanToMinutes(val)));
+                setShifts((draft) => draft.set(shiftNum, timespanToMinutes(inputValue)));
             }
         }, variant: "standard", size: "small", slotProps: {
             inputLabel: { shrink: true },

package/dist/components/operations/SimDayUsage.js

@@ -87,15 +87,32 @@ const minAndMaxUsageDay = atom((get) => {
 function ShowMonth({ date, dayColor, tooltip, }) {
     const dayStart = new Date(date.getFullYear(), date.getMonth(), 1).getDay();
     const numDaysInMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
-    return (_jsxs(Box, { width: monthWidth, children: [_jsx(Typography, { variant: "h6", textAlign: "center", children: date.toLocaleString("default", { month: "long", year: "numeric" }) }), _jsxs(Box, { display: "flex", flexWrap: "wrap", children: [LazySeq.ofRange(0, dayStart).map((_, i) => (_jsx(Box, { height: monthBoxSize, width: monthBoxSize }, i))), LazySeq.ofRange(1, numDaysInMonth + 1).map((d, i) => (_jsx("div", { style: {
+    return (_jsxs(Box, { sx: {
+            width: monthWidth,
+        }, children: [_jsx(Typography, { variant: "h6", sx: {
+                    textAlign: "center",
+                }, children: date.toLocaleString("default", { month: "long", year: "numeric" }) }), _jsxs(Box, { sx: {
+                    display: "flex",
+                    flexWrap: "wrap",
+                }, children: [LazySeq.ofRange(0, dayStart).map((_, i) => (_jsx(Box, { sx: {
+                            height: monthBoxSize,
+                            width: monthBoxSize,
+                        } }, i))), LazySeq.ofRange(1, numDaysInMonth + 1).map((d, i) => (_jsx("div", { style: {
                             width: monthBoxSize,
                             height: monthBoxSize,
                             cursor: "default",
                             backgroundColor: dayColor(new Date(date.getFullYear(), date.getMonth(), d)),
-                        }, children: _jsx(Tooltip, { title: tooltip(new Date(date.getFullYear(), date.getMonth(), d)), children: _jsx(Box, { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", children: d }) }) }, i)))] })] }));
+                        }, children: _jsx(Tooltip, { title: tooltip(new Date(date.getFullYear(), date.getMonth(), d)), children: _jsx(Box, { sx: {
+                                    display: "flex",
+                                    justifyContent: "center",
+                                    alignItems: "center",
+                                    height: "100%",
+                                }, children: d }) }) }, i)))] })] }));
 }
 function Warning() {
-    return (_jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [_jsx(WarningIcon, { fontSize: "small" }), _jsx(Typography, { variant: "caption", children: "Projected dates are estimates" })] }));
+    return (_jsxs(Stack, { direction: "row", spacing: 2, sx: {
+            alignItems: "center",
+        }, children: [_jsx(WarningIcon, { fontSize: "small" }), _jsx(Typography, { variant: "caption", children: "Projected dates are estimates" })] }));
 }
 function MonthHeatmap({ group, month }) {
     const usage = useAtomValue(groupedSimDayUsage);
@@ -129,5 +146,11 @@ export function SimDayUsagePage() {
     useSetTitle("Projected Machine Usage");
     const groups = useAtomValue(machineGroups);
     const months = useAtomValue(usageMonths);
-    return (_jsx(Box, { component: "main", padding: "24px", children: _jsxs(Stack, { direction: "column", spacing: 5, children: [_jsx(Warning, {}), groups.toAscLazySeq().map((g) => (_jsxs("div", { children: [_jsx(Typography, { variant: "h4", children: g }), _jsx(Box, { display: "flex", flexWrap: "wrap", columnGap: "50px", children: months.toAscLazySeq().map((m) => (_jsx(MonthHeatmap, { group: g, month: m }, m.getTime()))) })] }, g)))] }) }));
+    return (_jsx(Box, { component: "main", sx: {
+            padding: "24px",
+        }, children: _jsxs(Stack, { direction: "column", spacing: 5, children: [_jsx(Warning, {}), groups.toAscLazySeq().map((g) => (_jsxs("div", { children: [_jsx(Typography, { variant: "h4", children: g }), _jsx(Box, { sx: {
+                                display: "flex",
+                                flexWrap: "wrap",
+                                columnGap: "50px",
+                            }, children: months.toAscLazySeq().map((m) => (_jsx(MonthHeatmap, { group: g, month: m }, m.getTime()))) })] }, g)))] }) }));
 }

package/dist/components/operations/ToolReport.js

@@ -229,5 +229,9 @@ function ToolNavHeader() {
 }
 export function ToolReportPage() {
     useSetTitle("Tool Report");
-    return (_jsxs(Box, { paddingLeft: "24px", paddingRight: "24px", paddingTop: "10px", children: [_jsx(ToolNavHeader, {}), _jsx("main", { children: _jsx(DisplayLoadingAndError, { children: _jsx(ToolSummaryTable, {}) }) })] }));
+    return (_jsxs(Box, { sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            paddingTop: "10px",
+        }, children: [_jsx(ToolNavHeader, {}), _jsx("main", { children: _jsx(DisplayLoadingAndError, { children: _jsx(ToolSummaryTable, {}) }) })] }));
 }

package/dist/components/operations/WorkorderGantt.js

@@ -81,7 +81,17 @@ function WorkorderTooltip({ tooltip }) {
     return (_jsxs(Stack, { children: [_jsxs("div", { children: ["Workorder: ", tooltip.data.workorderId] }), _jsxs("div", { children: ["Part: ", tooltip.data.part] }), _jsxs("div", { children: ["Due Date: ", tooltip.data.dueDate.toLocaleDateString()] }), _jsxs("div", { children: ["Priority: ", tooltip.data.priority] }), _jsxs("div", { children: ["Planned Quantity: ", tooltip.data.plannedQuantity] }), _jsxs("div", { children: ["Completed Quantity: ", tooltip.data.completedQuantity] }), _jsxs("div", { children: ["Projected Start: ", utcDateOnlyToLocal(tooltip.data.simulatedStart)?.toLocaleDateString()] }), _jsxs("div", { children: ["Projected Filled: ", utcDateOnlyToLocal(tooltip.data.simulatedFilled)?.toLocaleDateString()] })] }));
 }
 function YAxis({ workorders }) {
-    return (_jsx("div", { children: workorders.map((work) => (_jsxs(Stack, { height: rowSize, direction: "column", alignItems: "flex-end", paddingRight: "10px", justifyContent: "center", children: [_jsx(Box, { children: work.workorderId }), _jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(PartIdenticon, { part: work.part, size: 18 }), _jsx(Box, { ml: "3px", children: work.part })] })] }, workorderKey(work)))) }));
+    return (_jsx("div", { children: workorders.map((work) => (_jsxs(Stack, { direction: "column", sx: {
+                height: rowSize,
+                alignItems: "flex-end",
+                paddingRight: "10px",
+                justifyContent: "center",
+            }, children: [_jsx(Box, { children: work.workorderId }), _jsxs(Box, { sx: {
+                        display: "flex",
+                        alignItems: "center",
+                    }, children: [_jsx(PartIdenticon, { part: work.part, size: 18 }), _jsx(Box, { sx: {
+                                ml: "3px",
+                            }, children: work.part })] })] }, workorderKey(work)))) }));
 }
 function XAxis({ xScale, yScale }) {
     return (_jsxs(_Fragment, { children: [_jsx(AxisTop, { scale: xScale, top: 0 }), _jsx(GridCols, { scale: xScale, height: yScale.range()[1] - yScale.range()[0] })] }));
@@ -120,5 +130,15 @@ export function WorkorderGantt() {
     const currentSt = useAtomValue(currentStatus);
     const sortedWorkorders = useMemo(() => LazySeq.of(currentSt.workorders ?? []).toSortedArray((w) => w.simulatedFilled?.getTime() ?? null, (w) => w.simulatedStart?.getTime() ?? null, (w) => w.workorderId, (w) => w.part), [currentSt.workorders]);
     const { xScale, yScale } = useScales(sortedWorkorders);
-    return (_jsxs(Box, { display: "flex", children: [_jsx(Box, { height: yScale.range()[1] + marginTop + marginBottom, width: namesWidth, paddingTop: `${marginTop}px`, children: _jsx(YAxis, { workorders: sortedWorkorders }) }), _jsxs(Box, { flexGrow: 1, width: 0, position: "relative", children: [_jsx("div", { style: { overflowX: "visible" }, children: _jsx("svg", { height: yScale.range()[1] + marginTop + marginBottom, width: xScale.range()[1] + marginRight + marginLeft, children: _jsxs("g", { transform: `translate(${marginLeft}, ${marginTop})`, children: [_jsx(XAxis, { yScale: yScale, xScale: xScale }), _jsx(Series, { workorders: sortedWorkorders, xScale: xScale, yScale: yScale })] }) }) }), _jsx(Tooltip, { atom: tooltipData, TooltipContent: WorkorderTooltip, chartHeight: yScale.range()[1] + marginTop + marginBottom, chartWidth: xScale.range()[1] + marginRight + marginLeft })] })] }));
+    return (_jsxs(Box, { sx: {
+            display: "flex",
+        }, children: [_jsx(Box, { sx: {
+                    height: yScale.range()[1] + marginTop + marginBottom,
+                    width: namesWidth,
+                    paddingTop: `${marginTop}px`,
+                }, children: _jsx(YAxis, { workorders: sortedWorkorders }) }), _jsxs(Box, { sx: {
+                    flexGrow: 1,
+                    width: 0,
+                    position: "relative",
+                }, children: [_jsx("div", { style: { overflowX: "visible" }, children: _jsx("svg", { height: yScale.range()[1] + marginTop + marginBottom, width: xScale.range()[1] + marginRight + marginLeft, children: _jsxs("g", { transform: `translate(${marginLeft}, ${marginTop})`, children: [_jsx(XAxis, { yScale: yScale, xScale: xScale }), _jsx(Series, { workorders: sortedWorkorders, xScale: xScale, yScale: yScale })] }) }) }), _jsx(Tooltip, { atom: tooltipData, TooltipContent: WorkorderTooltip, chartHeight: yScale.range()[1] + marginTop + marginBottom, chartWidth: xScale.range()[1] + marginRight + marginLeft })] })] }));
 }

package/dist/components/quality/QualityMaterial.js

@@ -46,7 +46,6 @@ import { LogBackend } from "../../network/backend.js";
 import { LazySeq } from "@seedtactics/immutable-collections";
 import { RecentFailedInspectionsTable } from "./RecentFailedInspections.js";
 import { useAtom, useAtomValue, useSetAtom } from "jotai";
-import { loadable } from "jotai/utils";
 function SerialLookup() {
     const demo = useIsDemo();
     const setMatToShow = useSetAtom(matDetails.materialDialogOpen);
@@ -77,13 +76,17 @@ function SerialLookup() {
                     setError(e.message);
                 }
                 else {
-                    setError(e.toString());
+                    setError(e);
                 }
             })
                 .finally(() => setLoading(false));
         }
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", marginLeft: "auto", marginRight: "auto", children: [_jsx("div", { children: _jsx(TextField, { label: serial === "" ? "Serial" : "Serial (press enter)", value: serial, onChange: (e) => setSerial(e.target.value), onKeyPress: (e) => {
+    return (_jsxs(_Fragment, { children: [_jsxs(Stack, { direction: "row", spacing: 2, sx: {
+                    alignItems: "center",
+                    marginLeft: "auto",
+                    marginRight: "auto",
+                }, children: [_jsx("div", { children: _jsx(TextField, { label: serial === "" ? "Serial" : "Serial (press enter)", value: serial, onChange: (e) => setSerial(e.target.value), onKeyPress: (e) => {
                                 if (e.key === "Enter" && serial !== "") {
                                     e.preventDefault();
                                     lookup();
@@ -104,9 +107,8 @@ function lastMachineTime(evts) {
     return lastEnd;
 }
 function DetailsStepTitle() {
-    const matL = useAtomValue(loadable(matDetails.materialInDialogInfo));
+    const mat = useAtomValue(matDetails.materialInDialogInfoUnwrapped);
     const matEvents = useAtomValue(matDetails.materialInDialogEvents);
-    const mat = matL.state === "hasData" ? matL.data : null;
     if (mat) {
         return (_jsx(MaterialDetailTitle, { partName: mat.partName, serial: mat.serial, subtitle: "Path " +
                 buildPathString(extractPath(matEvents)) +
@@ -118,12 +120,13 @@ function DetailsStepTitle() {
     }
 }
 function DetailsStepButtons({ setStep }) {
-    const matL = useAtomValue(loadable(matDetails.materialInDialogInfo));
-    const mat = matL.state === "hasData" ? matL.data : null;
+    const mat = useAtomValue(matDetails.materialInDialogInfoUnwrapped);
     const matEvents = useAtomValue(matDetails.materialInDialogEvents);
     const setSearchRange = useSetAtom(pathLookupRange);
     const setMatToShow = useSetAtom(matDetails.materialDialogOpen);
-    return (_jsxs(Stack, { direction: "row", spacing: 2, mt: "2em", children: [mat ? (_jsx(Button, { variant: "contained", color: "secondary", onClick: () => {
+    return (_jsxs(Stack, { direction: "row", spacing: 2, sx: {
+            mt: "2em",
+        }, children: [mat ? (_jsx(Button, { variant: "contained", color: "secondary", onClick: () => {
                     const d = lastMachineTime(matEvents);
                     setSearchRange({
                         part: mat?.partName ?? "",

package/dist/components/quality/RecentFailedInspections.js

@@ -119,5 +119,7 @@ export function RecentFailedInspectionsTable() {
                     minHeight: "2.5em",
                     alignItems: "center",
                     maxWidth: "calc(100vw - 24px - 24px)",
-                }, children: [_jsx(Typography, { variant: "subtitle1", children: "Inspections marked as failed in the last 5 days" }), _jsx(Box, { flexGrow: 1 }), _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, onClick: () => copyFailedInspectionsToClipboard(failed), size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx(RecentFailedTable, { failed: failed })] }));
+                }, children: [_jsx(Typography, { variant: "subtitle1", children: "Inspections marked as failed in the last 5 days" }), _jsx(Box, { sx: {
+                            flexGrow: 1,
+                        } }), _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, onClick: () => copyFailedInspectionsToClipboard(failed), size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx(RecentFailedTable, { failed: failed })] }));
 }

package/dist/components/routes.d.ts

@@ -40,6 +40,7 @@ export declare enum RouteLocation {
     Analysis_MachineCycles = "/analysis/machine-cycles",
     Analysis_LoadCycles = "/analysis/load-cycles",
     Analysis_PalletCycles = "/analysis/pallet-cycles",
+    Analysis_BasketCycles = "/analysis/basket-cycles",
     Analysis_Schedules = "/analysis/schedules",
     Analysis_Quality = "/analysis/quality",
     Analysis_ToolReplacements = "/analysis/tool-replacements",
@@ -140,6 +141,8 @@ export type RouteState = {
     route: RouteLocation.Analysis_LoadCycles;
 } | {
     route: RouteLocation.Analysis_PalletCycles;
+} | {
+    route: RouteLocation.Analysis_BasketCycles;
 } | {
     route: RouteLocation.Analysis_CostPerPiece;
 } | {

package/dist/components/routes.js

@@ -78,6 +78,7 @@ export var RouteLocation;
     RouteLocation["Analysis_MachineCycles"] = "/analysis/machine-cycles";
     RouteLocation["Analysis_LoadCycles"] = "/analysis/load-cycles";
     RouteLocation["Analysis_PalletCycles"] = "/analysis/pallet-cycles";
+    RouteLocation["Analysis_BasketCycles"] = "/analysis/basket-cycles";
     RouteLocation["Analysis_Schedules"] = "/analysis/schedules";
     RouteLocation["Analysis_Quality"] = "/analysis/quality";
     RouteLocation["Analysis_ToolReplacements"] = "/analysis/tool-replacements";
@@ -184,6 +185,7 @@ function urlToRoute(url) {
                         custom: groups?.["custom"]?.split("/")?.map((s) => decodeURIComponent(s)) ?? [],
                     };
                 default:
+                    // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- the switch handles all routes with additional payload.
                     return { route };
             }
         }

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

@@ -75,8 +75,10 @@ function WaitingForMaterialDialog() {
         print();
         printStarted.current = true;
     }, [waiting, materialToPrint, printStarted, print]);
-    console.log(waiting, materialToPrint);
-    return (_jsxs(_Fragment, { children: [_jsxs(Dialog, { open: waiting !== null, children: [_jsx(DialogTitle, { children: "Waiting for Material Assignment" }), _jsx(DialogContent, { children: materialToPrint === null ? (waiting === null ? (_jsx("div", {})) : (_jsxs(Stack, { direction: "column", spacing: 2, mt: "0.5em", mb: "0.5em", children: [_jsx(CircularProgress, { color: "secondary" }), _jsx("div", { children: "Waiting for material assignment. This could take a while if a download is currently in progress." })] }))) : (_jsx("div", { children: "Printing..." })) }), _jsx(DialogActions, { children: _jsx(Button, { color: "primary", onClick: () => setWaiting(null), children: "Cancel" }) })] }), _jsx("div", { style: { display: "none" }, children: _jsx("div", { ref: printRef, children: _jsx(PrintedLabel, { materialName: waiting?.selectedCasting, material: materialToPrint, operator: waiting?.operator, oneJobPerPage: true }) }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Dialog, { open: waiting !== null, children: [_jsx(DialogTitle, { children: "Waiting for Material Assignment" }), _jsx(DialogContent, { children: materialToPrint === null ? (waiting === null ? (_jsx("div", {})) : (_jsxs(Stack, { direction: "column", spacing: 2, sx: {
+                                mt: "0.5em",
+                                mb: "0.5em",
+                            }, children: [_jsx(CircularProgress, { color: "secondary" }), _jsx("div", { children: "Waiting for material assignment. This could take a while if a download is currently in progress." })] }))) : (_jsx("div", { children: "Printing..." })) }), _jsx(DialogActions, { children: _jsx(Button, { color: "primary", onClick: () => setWaiting(null), children: "Cancel" }) })] }), _jsx("div", { style: { display: "none" }, children: _jsx("div", { ref: printRef, children: _jsx(PrintedLabel, { materialName: waiting?.selectedCasting, material: materialToPrint, operator: waiting?.operator, oneJobPerPage: true }) }) })] }));
 }
 function JobsForCasting({ casting, queue }) {
     const currentSt = useAtomValue(currentStatus);
@@ -101,7 +103,7 @@ export const BulkAddCastingWithoutSerialDialog = memo(function BulkAddCastingWit
     const castings = useMemo(() => LazySeq.ofObject(currentSt.jobs)
         .flatMap(([, j]) => j.procsAndPaths[0].paths)
         .filter((p) => p.casting !== undefined && p.casting !== "")
-        .map((p) => ({ casting: p.casting, cnt: 1 }))
+        .map((p) => ({ casting: p.casting ?? "", cnt: 1 }))
         .concat(LazySeq.of(historicCastNames).map((c) => ({ casting: c, cnt: 0 })))
         .buildOrderedMap((c) => c.casting, (old, c) => (old === undefined ? c.cnt : old + c.cnt))
         .toAscLazySeq(), [currentSt.jobs, historicCastNames]);
@@ -151,7 +153,9 @@ export const BulkAddCastingWithoutSerialDialog = memo(function BulkAddCastingWit
             });
         }
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(Dialog, { open: queue !== null, onClose: () => close(), maxWidth: "md", children: [_jsx(DialogTitle, { children: "Add Raw Material" }), _jsx(DialogContent, { children: _jsxs(Stack, { direction: "column", spacing: 2, mt: "0.5em", children: [_jsx(TextField, { style: { minWidth: "15em" }, value: selectedCasting || "", onChange: (e) => setSelectedCasting(e.target.value), select: true, fullWidth: true, label: "Raw Material", slotProps: {
+    return (_jsxs(_Fragment, { children: [_jsxs(Dialog, { open: queue !== null, onClose: () => close(), maxWidth: "md", children: [_jsx(DialogTitle, { children: "Add Raw Material" }), _jsx(DialogContent, { children: _jsxs(Stack, { direction: "column", spacing: 2, sx: {
+                                mt: "0.5em",
+                            }, children: [_jsx(TextField, { style: { minWidth: "15em" }, value: selectedCasting || "", onChange: (e) => setSelectedCasting(e.target.value), select: true, fullWidth: true, label: "Raw Material", slotProps: {
                                         select: {
                                             renderValue: selectedCasting === null
                                                 ? undefined
@@ -185,11 +189,11 @@ export const MultiMaterialDialog = memo(function MultiMaterialDialog(props) {
         let isSubscribed = true;
         setLoading(true);
         loadRawMaterialEvents(props.material)
-            .then((events) => {
+            .then((loadedEvents) => {
             if (isSubscribed) {
-                setEvents(events);
+                setEvents(loadedEvents);
                 let operator;
-                for (const e of events) {
+                for (const e of loadedEvents) {
                     if (e.type === api.LogType.AddToQueue && e.details?.["operator"] !== undefined) {
                         operator = e.details["operator"];
                     }

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

@@ -146,12 +146,24 @@ export function Closeout({ forceSingleColumn }) {
             : 0);
         return { uncompleted, closed };
     }, [matSummary, nearestMinute]);
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { display: forceSingleColumn ? undefined : { md: "flex" } }, children: [_jsxs(Box, { padding: "8px", sx: {
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { display: forceSingleColumn ? undefined : { md: "flex" } }, children: [_jsxs(Box, { sx: {
+                            padding: "8px",
                             minHeight: forceSingleColumn ? undefined : { md: "calc(100vh - 64px)" },
                             width: forceSingleColumn ? "100%" : { md: "50vw" },
                             borderRight: forceSingleColumn ? undefined : { md: "1px solid black" },
                             borderBottom: forceSingleColumn ? "1px solid black" : { sm: "1px solid black", md: "none" },
-                        }, children: [_jsx(Typography, { variant: "h4", children: "Recently Completed" }), _jsx(Box, { display: "flex", justifyContent: "flex-start", flexWrap: "wrap", children: material.uncompleted.map((m, idx) => (_jsx(MatSummary, { mat: m }, idx))) })] }), _jsxs(Box, { padding: "8px", sx: { width: forceSingleColumn ? "100%" : { md: "50vw" } }, children: [_jsx(Typography, { variant: "h4", children: "Recently Closed Out" }), _jsx(Box, { display: "flex", justifyContent: "flex-start", flexWrap: "wrap", children: material.closed.map((m, idx) => (_jsx(MatSummary, { mat: m }, idx))) })] })] }), _jsx(SelectWorkorderDialog, {}), _jsx(CloseoutMaterialDialog, {})] }));
+                        }, children: [_jsx(Typography, { variant: "h4", children: "Recently Completed" }), _jsx(Box, { sx: {
+                                    display: "flex",
+                                    justifyContent: "flex-start",
+                                    flexWrap: "wrap",
+                                }, children: material.uncompleted.map((m, idx) => (_jsx(MatSummary, { mat: m }, idx))) })] }), _jsxs(Box, { sx: {
+                            padding: "8px",
+                            width: forceSingleColumn ? "100%" : { md: "50vw" },
+                        }, children: [_jsx(Typography, { variant: "h4", children: "Recently Closed Out" }), _jsx(Box, { sx: {
+                                    display: "flex",
+                                    justifyContent: "flex-start",
+                                    flexWrap: "wrap",
+                                }, children: material.closed.map((m, idx) => (_jsx(MatSummary, { mat: m }, idx))) })] })] }), _jsx(SelectWorkorderDialog, {}), _jsx(CloseoutMaterialDialog, {})] }));
 }
 export function CloseoutPage() {
     useSetTitle("Close Out");

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

@@ -51,5 +51,5 @@ export const CustomStationMonitorDialog = memo(function CustomStationMonitorDial
     const parts = url.split("/");
     let title = parts[parts.length - 1];
     title = title[0].toUpperCase() + title.substr(1);
-    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { title: title, children: _jsx(IconButton, { onClick: () => setOpen(true), size: "large", children: _jsx(SettingsIcon, {}) }) }), _jsxs(Dialog, { open: open, onClose: () => setOpen(false), fullWidth: true, maxWidth: "md", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogContent, { children: _jsx("iframe", { width: "100%", src: url, style: { border: 0, height: "calc(100vh - 250px)" } }) }), _jsx(DialogActions, { children: _jsx(Button, { color: "primary", onClick: () => setOpen(false), children: "Close" }) })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { title: title, children: _jsx(IconButton, { onClick: () => setOpen(true), size: "large", children: _jsx(SettingsIcon, {}) }) }), _jsxs(Dialog, { open: open, onClose: () => setOpen(false), fullWidth: true, maxWidth: "md", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogContent, { children: _jsx("iframe", { width: "100%", src: url, sandbox: "allow-scripts", style: { border: 0, height: "calc(100vh - 250px)" } }) }), _jsx(DialogActions, { children: _jsx(Button, { color: "primary", onClick: () => setOpen(false), children: "Close" }) })] })] }));
 });

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

@@ -95,25 +95,37 @@ const InspMaterialDialog = memo(function InspMaterialDialog(props) {
 export function Inspection({ focusInspectionType, forceSingleColumn }) {
     const matSummary = useAtomValue(last30MaterialSummary);
     const recent_inspections = useMemo(() => extractRecentInspections(matSummary.matsById, focusInspectionType), [matSummary, focusInspectionType]);
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { display: forceSingleColumn ? undefined : { md: "flex" } }, children: [_jsxs(Box, { padding: "8px", sx: {
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { display: forceSingleColumn ? undefined : { md: "flex" } }, children: [_jsxs(Box, { sx: {
+                            padding: "8px",
                             minHeight: forceSingleColumn ? undefined : { md: "calc(100vh - 64px)" },
                             width: forceSingleColumn ? "100%" : { md: "50vw" },
                             borderRight: forceSingleColumn ? undefined : { md: "1px solid black" },
                             borderBottom: forceSingleColumn ? "1px solid black" : { sm: "1px solid black", md: "none" },
-                        }, children: [_jsx(Typography, { variant: "h4", children: "Parts to Inspect" }), _jsx(Box, { display: "flex", justifyContent: "flex-start", flexWrap: "wrap", children: recent_inspections.waiting_to_inspect.map((m, idx) => (_jsx(MatSummary, { mat: m, focusInspectionType: focusInspectionType, hideWarningIcon: true }, idx))) })] }), _jsxs(Box, { padding: "8px", sx: { width: forceSingleColumn ? "100%" : { md: "50vw" } }, children: [_jsx(Typography, { variant: "h4", children: "Recently Inspected" }), _jsx(Box, { display: "flex", justifyContent: "flex-start", flexWrap: "wrap", children: recent_inspections.inspect_completed.map((m, idx) => (_jsx(MatSummary, { mat: m, focusInspectionType: focusInspectionType, hideWarningIcon: true }, idx))) })] })] }), _jsx(InspMaterialDialog, { focusInspectionType: focusInspectionType })] }));
+                        }, children: [_jsx(Typography, { variant: "h4", children: "Parts to Inspect" }), _jsx(Box, { sx: {
+                                    display: "flex",
+                                    justifyContent: "flex-start",
+                                    flexWrap: "wrap",
+                                }, children: recent_inspections.waiting_to_inspect.map((m, idx) => (_jsx(MatSummary, { mat: m, focusInspectionType: focusInspectionType, hideWarningIcon: true }, idx))) })] }), _jsxs(Box, { sx: {
+                            padding: "8px",
+                            width: forceSingleColumn ? "100%" : { md: "50vw" },
+                        }, children: [_jsx(Typography, { variant: "h4", children: "Recently Inspected" }), _jsx(Box, { sx: {
+                                    display: "flex",
+                                    justifyContent: "flex-start",
+                                    flexWrap: "wrap",
+                                }, children: recent_inspections.inspect_completed.map((m, idx) => (_jsx(MatSummary, { mat: m, focusInspectionType: focusInspectionType, hideWarningIcon: true }, idx))) })] })] }), _jsx(InspMaterialDialog, { focusInspectionType: focusInspectionType })] }));
+}
+function checkAllCompleted(m) {
+    const comp = m.completedInspections;
+    if (comp === undefined) {
+        return m.signaledInspections.length === 0;
+    }
+    else {
+        return LazySeq.of(m.signaledInspections).every((s) => s in comp);
+    }
 }
 function extractRecentInspections(mats, inspType) {
     const uninspectedCutoff = addDays(new Date(), -7);
     const inspectedCutoff = addDays(new Date(), -1);
-    function checkAllCompleted(m) {
-        const comp = m.completedInspections;
-        if (comp === undefined) {
-            return m.signaledInspections.length === 0;
-        }
-        else {
-            return LazySeq.of(m.signaledInspections).every((s) => s in comp);
-        }
-    }
     const uninspected = Array.from(inspType === null
         ? mats
             .valuesToLazySeq()

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

@@ -87,9 +87,9 @@ function InvalidateSelect(props) {
                 ? [_jsx(ListSubheader, { children: "Invalidate Selected Process" }, "procheader")]
                 : [],
             lastMat
-                ? [
-                    ...LazySeq.ofRange(1, lastMat.process + 1).map((p) => (_jsxs(MenuItem, { value: "proc" + p.toString(), children: ["Invalidate Process ", p] }, p))),
-                ]
+                ? LazySeq.ofRange(1, lastMat.process + 1)
+                    .map((p) => (_jsxs(MenuItem, { value: "proc" + p.toString(), children: ["Invalidate Process ", p] }, p)))
+                    .toRArray()
                 : [],
             hasProc && hasChangeMat ? [_jsx(ListSubheader, { children: "Change Material Type" }, "matheader")] : [],
             hasChangeMat

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

@@ -45,8 +45,10 @@ import { currentStatus } from "../../cell-status/current-status.js";
 import { selectedAnalysisPeriod } from "../../network/load-specific-month.js";
 import { last30MaterialSummary, specificMonthMaterialSummary } from "../../cell-status/material-summary.js";
 import { LazySeq, HashSet } from "@seedtactics/immutable-collections";
+import { basketDisplayName, loadStationDisplayName } from "../../cell-status/station-cycles.js";
 import { MoreHoriz } from "@mui/icons-material";
 import { useAtomValue, useSetAtom } from "jotai";
+import { fmsInformation } from "../../network/server-settings.js";
 function displayDate(d) {
     return d.toLocaleString(undefined, {
         month: "short",
@@ -64,19 +66,30 @@ function JobCompleted(props) {
     return null;
 }
 function JobDisplay(props) {
-    return (_jsx("div", { children: _jsxs("dl", { children: [_jsx("dt", { children: "Job ID" }), _jsx("dd", { children: props.job.unique }), _jsx("dt", { children: "Time" }), _jsxs("dd", { children: [displayDate(props.job.routeStartUTC), " to ", displayDate(props.job.routeEndUTC)] }), props.job.cycles ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Quantity" }), _jsx("dd", { children: props.job.cycles })] })) : undefined, props.job.comment !== undefined && props.job.comment !== "" ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Comment" }), _jsx("dd", { children: props.job.comment })] })) : undefined, props.job.assignedWorkorders && props.job.assignedWorkorders.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Workorders" }), _jsx("dd", { children: props.job.assignedWorkorders.join(", ") })] })) : undefined, props.job.procsAndPaths.map((proc, procIdx) => (_jsx(Fragment, { children: proc.paths.map((path, pathIdx) => (_jsxs(Fragment, { children: [_jsxs("dt", { children: ["Process ", procIdx + 1, proc.paths.length > 1 ? ", Path " + (pathIdx + 1).toString() : undefined] }), _jsxs("dd", { children: [_jsx(JobCompleted, { job: props.job, procIdx: procIdx, pathIdx: pathIdx }), _jsxs("div", { children: ["Estimated Start: ", displayDate(path.simulatedStartingUTC)] }), _jsxs("div", { children: ["Pallets: ", (path.palletNums ?? []).map((p) => p.toString()).join(",")] }), path.fixture ? (_jsxs("div", { children: ["Fixture: ", path.fixture, " ", path.face !== undefined ? ", Face: " + path.face.toString() : undefined] })) : undefined, path.inputQueue ? _jsxs("div", { children: ["Input Queue: ", path.inputQueue] }) : undefined, path.casting ? _jsxs("div", { children: ["Raw Material: ", path.casting] }) : undefined, _jsxs("div", { children: ["Load Stations: ", path.load.join(","), " |", " ", durationToMinutes(path.expectedLoadTime).toFixed(1), " mins", path.partsPerPallet > 1 ? " per piece" : ""] }), path.stops.map((stop, stopIdx) => (_jsx(Fragment, { children: _jsxs("div", { children: [stop.stationGroup, ": ", (stop.stationNums ?? []).join(","), " | Program: ", stop.program, stop.programRevision ? " rev" + stop.programRevision.toString() : undefined, " |", " ", (durationToMinutes(stop.expectedCycleTime) / path.partsPerPallet).toFixed(1), " mins", path.partsPerPallet > 1 ? " per piece" : ""] }) }, stopIdx))), _jsxs("div", { children: ["Unload Stations: ", path.unload.join(","), " |", " ", durationToMinutes(path.expectedUnloadTime).toFixed(1), " mins", path.partsPerPallet > 1 ? " per piece" : ""] }), path.outputQueue ? _jsxs("div", { children: ["Output Queue: ", path.outputQueue] }) : undefined, path.inspections && path.inspections.length > 0 ? (_jsxs("div", { children: ["Inspections: ", path.inspections.map((i) => i.inspectionType).join(",")] })) : undefined] })] }, pathIdx))) }, procIdx)))] }) }));
+    const fmsInfo = useAtomValue(fmsInformation);
+    const displayLoadStations = (stations) => stations.map((station) => loadStationDisplayName(station, fmsInfo.loadStationNames)).join(", ");
+    return (_jsx("div", { children: _jsxs("dl", { children: [_jsx("dt", { children: "Job ID" }), _jsx("dd", { children: props.job.unique }), _jsx("dt", { children: "Time" }), _jsxs("dd", { children: [displayDate(props.job.routeStartUTC), " to ", displayDate(props.job.routeEndUTC)] }), props.job.cycles ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Quantity" }), _jsx("dd", { children: props.job.cycles })] })) : undefined, props.job.comment !== undefined && props.job.comment !== "" ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Comment" }), _jsx("dd", { children: props.job.comment })] })) : undefined, props.job.assignedWorkorders && props.job.assignedWorkorders.length > 0 ? (_jsxs(_Fragment, { children: [_jsx("dt", { children: "Workorders" }), _jsx("dd", { children: props.job.assignedWorkorders.join(", ") })] })) : undefined, props.job.procsAndPaths.map((proc, procIdx) => (_jsx(Fragment, { children: proc.paths.map((path, pathIdx) => (_jsxs(Fragment, { children: [_jsxs("dt", { children: ["Process ", procIdx + 1, proc.paths.length > 1 ? ", Path " + (pathIdx + 1).toString() : undefined] }), _jsxs("dd", { children: [_jsx(JobCompleted, { job: props.job, procIdx: procIdx, pathIdx: pathIdx }), _jsxs("div", { children: ["Estimated Start: ", displayDate(path.simulatedStartingUTC)] }), _jsxs("div", { children: ["Pallets: ", (path.palletNums ?? []).map((p) => p.toString()).join(",")] }), path.fixture ? (_jsxs("div", { children: ["Fixture: ", path.fixture, " ", path.face !== undefined ? ", Face: " + path.face.toString() : undefined] })) : undefined, path.inputQueue ? _jsxs("div", { children: ["Input Queue: ", path.inputQueue] }) : undefined, path.casting ? _jsxs("div", { children: ["Raw Material: ", path.casting] }) : undefined, proc.basketLoadStations &&
+                                        proc.basketLoadStations.length > 0 &&
+                                        proc.expectedBasketLoadTime ? (_jsxs("div", { children: ["Basket Load Stations: ", displayLoadStations(proc.basketLoadStations), " |", " ", durationToMinutes(proc.expectedBasketLoadTime).toFixed(1), " mins", path.partsPerPallet > 1 ? " per piece" : ""] })) : undefined, _jsxs("div", { children: ["Load Stations: ", displayLoadStations(path.load), " |", " ", durationToMinutes(path.expectedLoadTime).toFixed(1), " mins", path.partsPerPallet > 1 ? " per piece" : ""] }), path.stops.map((stop, stopIdx) => (_jsx(Fragment, { children: _jsxs("div", { children: [stop.stationGroup, ": ", (stop.stationNums ?? []).join(","), " | Program: ", stop.program, stop.programRevision ? " rev" + stop.programRevision.toString() : undefined, " |", " ", (durationToMinutes(stop.expectedCycleTime) / path.partsPerPallet).toFixed(1), " mins", path.partsPerPallet > 1 ? " per piece" : ""] }) }, stopIdx))), _jsxs("div", { children: ["Unload Stations: ", displayLoadStations(path.unload), " |", " ", durationToMinutes(path.expectedUnloadTime).toFixed(1), " mins", path.partsPerPallet > 1 ? " per piece" : ""] }), proc.basketUnloadStations &&
+                                        proc.basketUnloadStations.length > 0 &&
+                                        proc.expectedBasketUnloadTime ? (_jsxs("div", { children: ["Basket Unload Stations: ", displayLoadStations(proc.basketUnloadStations), " |", " ", durationToMinutes(proc.expectedBasketUnloadTime).toFixed(1), " mins", path.partsPerPallet > 1 ? " per piece" : ""] })) : undefined, path.outputQueue ? _jsxs("div", { children: ["Output Queue: ", path.outputQueue] }) : undefined, path.inspections && path.inspections.length > 0 ? (_jsxs("div", { children: ["Inspections: ", path.inspections.map((i) => i.inspectionType).join(",")] })) : undefined] })] }, pathIdx))) }, procIdx)))] }) }));
 }
 function MaterialStatus(props) {
+    const fmsInfo = useAtomValue(fmsInformation);
+    const basketName = basketDisplayName(fmsInfo.basketName);
     if (props.inProcMat !== null && props.inProcMat.location.type === api.LocType.OnPallet) {
         return _jsxs("span", { children: ["On pallet ", props.inProcMat.location.palletNum ?? ""] });
     }
     else if (props.inProcMat !== null && props.inProcMat.location.type === api.LocType.InQueue) {
         return _jsxs("span", { children: ["In queue ", props.inProcMat.location.currentQueue ?? ""] });
     }
+    else if (props.inProcMat !== null && props.inProcMat.location.type === api.LocType.InBasket) {
+        return (_jsxs("span", { children: ["In ", basketName, " ", props.inProcMat.location.basketId ?? ""] }));
+    }
     else if (props.matSummary?.completed_last_proc_machining) {
         return _jsx("span", { children: "Completed" });
     }
-    else if (props.matSummary !== null && props.matSummary.startedProcess1 === false) {
+    else if (props.matSummary !== null && !props.matSummary.startedProcess1) {
         return _jsx("span", { children: "Not yet started" });
     }
     else {