@seedtactics/insight-client 16.6.0 → 16.7.0

package/dist/components/operations/CloseoutReport.js

@@ -42,7 +42,7 @@ import { last30MaterialSummary, } from "../../cell-status/material-summary.js";
 import { useSetTitle } from "../routes.js";
 import { useAtomValue, useSetAtom } from "jotai";
 import { LazySeq } from "@seedtactics/immutable-collections";
-import { Check, ErrorOutline, MoreHoriz, SkipNext, SkipPrevious } from "@mui/icons-material";
+import { Check, ErrorOutlined, MoreHoriz, SkipNext, SkipPrevious } from "@mui/icons-material";
 function CloseoutDialogButtons() {
     const setWorkorderDialogOpen = useSetAtom(selectWorkorderDialogOpen);
     const mat = useAtomValue(materialInDialogInfo);
@@ -74,7 +74,9 @@ const fulldayFormat = new Intl.DateTimeFormat(undefined, {
 });
 function NavigateDay({ day, setDay, }) {
     const today = startOfToday();
-    return (_jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [_jsx(Tooltip, { title: "Previous Day", children: _jsx("div", { children: _jsx(IconButton, { disabled: day <= addDays(today, -28), onClick: () => setDay((d) => addDays(d, -1)), children: _jsx(SkipPrevious, {}) }) }) }), _jsx(Typography, { sx: { minWidth: "14em", textAlign: "center" }, children: fulldayFormat.format(day) }), _jsx(Tooltip, { title: "Next Day", children: _jsx("div", { children: _jsx(IconButton, { disabled: day >= today, onClick: () => setDay((d) => addDays(d, 1)), children: _jsx(SkipNext, {}) }) }) })] }));
+    return (_jsxs(Stack, { direction: "row", spacing: 2, sx: {
+            alignItems: "center",
+        }, children: [_jsx(Tooltip, { title: "Previous Day", children: _jsx("div", { children: _jsx(IconButton, { disabled: day <= addDays(today, -28), onClick: () => setDay((d) => addDays(d, -1)), children: _jsx(SkipPrevious, {}) }) }) }), _jsx(Typography, { sx: { minWidth: "14em", textAlign: "center" }, children: fulldayFormat.format(day) }), _jsx(Tooltip, { title: "Next Day", children: _jsx("div", { children: _jsx(IconButton, { disabled: day >= today, onClick: () => setDay((d) => addDays(d, 1)), children: _jsx(SkipNext, {}) }) }) })] }));
 }
 var SortColumn;
 (function (SortColumn) {
@@ -136,7 +138,9 @@ const noSecondsFormat = new Intl.DateTimeFormat(undefined, {
 });
 const CloseoutRow = memo(function CloseoutRow({ mat }) {
     const setMatToShow = useSetAtom(materialDialogOpen);
-    return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: mat.last_unload_time ? timeOnlyFormat.format(mat.last_unload_time) : "" }), _jsx(TableCell, { children: mat.serial }), _jsx(TableCell, { children: _jsxs(Stack, { direction: "row", spacing: "2", alignItems: "center", children: [_jsx(PartIdenticon, { part: mat.partName, size: 25 }), _jsx(Typography, { variant: "body2", children: mat.partName })] }) }), _jsx(TableCell, { children: mat.workorderId }), _jsx(TableCell, { children: mat.closeout_completed === null || mat.closeout_completed === undefined ? ("") : mat.closeout_failed ? (_jsx(ErrorOutline, { fontSize: "inherit" })) : (_jsx(Check, { fontSize: "inherit" })) }), _jsx(TableCell, { children: mat.closeout_completed ? noSecondsFormat.format(mat.closeout_completed) : "" }), _jsx(TableCell, { padding: "checkbox", children: mat.serial !== null && mat.serial !== "" ? (_jsx(IconButton, { onClick: () => {
+    return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: mat.last_unload_time ? timeOnlyFormat.format(mat.last_unload_time) : "" }), _jsx(TableCell, { children: mat.serial }), _jsx(TableCell, { children: _jsxs(Stack, { direction: "row", spacing: "2", sx: {
+                        alignItems: "center",
+                    }, children: [_jsx(PartIdenticon, { part: mat.partName, size: 25 }), _jsx(Typography, { variant: "body2", children: mat.partName })] }) }), _jsx(TableCell, { children: mat.workorderId }), _jsx(TableCell, { children: mat.closeout_completed === null || mat.closeout_completed === undefined ? ("") : mat.closeout_failed ? (_jsx(ErrorOutlined, { fontSize: "inherit" })) : (_jsx(Check, { fontSize: "inherit" })) }), _jsx(TableCell, { children: mat.closeout_completed ? noSecondsFormat.format(mat.closeout_completed) : "" }), _jsx(TableCell, { padding: "checkbox", children: mat.serial !== null && mat.serial !== "" ? (_jsx(IconButton, { onClick: () => {
                         if (!mat.serial)
                             return;
                         setMatToShow({
@@ -168,5 +172,10 @@ function CloseoutTable({ day }) {
 export function CloseoutReport() {
     useSetTitle("Close Out");
     const [day, setDay] = useState(startOfToday());
-    return (_jsxs(Box, { padding: "24px", children: [_jsx(Box, { component: "nav", display: "flex", justifyContent: "center", children: _jsx(NavigateDay, { day: day, setDay: setDay }) }), _jsx("main", { children: _jsx(CloseoutTable, { day: day }) }), _jsx(SelectWorkorderDialog, {}), _jsx(CloseoutMaterialDialog, {})] }));
+    return (_jsxs(Box, { sx: {
+            padding: "24px",
+        }, children: [_jsx(Box, { component: "nav", sx: {
+                    display: "flex",
+                    justifyContent: "center",
+                }, children: _jsx(NavigateDay, { day: day, setDay: setDay }) }), _jsx("main", { children: _jsx(CloseoutTable, { day: day }) }), _jsx(SelectWorkorderDialog, {}), _jsx(CloseoutMaterialDialog, {})] }));
 }

package/dist/components/operations/CompletedParts.js

@@ -34,7 +34,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 import { memo, useMemo, useState } from "react";
 import { Box, Button, Stack, TableSortLabel, IconButton, Tooltip, Typography, Table, TableRow, TableCell, TableHead, TableBody, Toolbar, Select, MenuItem, InputBase, styled, } from "@mui/material";
 import { MaterialDialog, PartIdenticon } from "../station-monitor/Material.js";
-import { FirstPage as FirstPageIcon, KeyboardArrowLeft, KeyboardArrowRight, LastPage as LastPageIcon, KeyboardArrowDown as KeyboardArrowDownIcon, KeyboardArrowUp as KeyboardArrowUpIcon, ImportExport, MoreHoriz, Check, ErrorOutline, SavedSearch, HelpOutline, } from "@mui/icons-material";
+import { FirstPage as FirstPageIcon, KeyboardArrowLeft, KeyboardArrowRight, LastPage as LastPageIcon, KeyboardArrowDown as KeyboardArrowDownIcon, KeyboardArrowUp as KeyboardArrowUpIcon, ImportExport, MoreHoriz, Check, ErrorOutlined, SavedSearch, HelpOutlined, } from "@mui/icons-material";
 import { Collapse } from "@mui/material";
 import { LazySeq, mkCompareByProperties } from "@seedtactics/immutable-collections";
 import { AppLink, RouteLocation, useSetTitle } from "../routes.js";
@@ -106,10 +106,10 @@ function sortMaterial(material, col, order) {
             sortCol = (j) => j.currently_quarantined ?? null;
             break;
         case "InspectFailed":
-            sortCol = (j) => LazySeq.ofObject(j.completedInspections ?? {}).some(([, insp]) => insp.success === false) ? -1 : 0;
+            sortCol = (j) => LazySeq.ofObject(j.completedInspections ?? {}).some(([, insp]) => !insp.success) ? -1 : 0;
             break;
         case "CloseOut":
-            sortCol = (j) => (j.closeout_failed === undefined ? 1 : j.closeout_failed === true ? -1 : 0);
+            sortCol = (j) => (j.closeout_failed === undefined ? 1 : j.closeout_failed ? -1 : 0);
             break;
     }
     const sorted = [...material];
@@ -149,7 +149,7 @@ function MaterialTable({ material }) {
     const [rowsPerPage, setRowsPerPage] = useState(10);
     const [page, setPage] = useState(0);
     const curPage = sortedMats.slice(page * rowsPerPage, (page + 1) * rowsPerPage);
-    return (_jsxs(_Fragment, { children: [_jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(SortColHeader, { col: "Serial", ...sort, children: "Serial" }), _jsx(SortColHeader, { col: "CompletedDate", ...sort, children: "Completed" }), _jsx(SortColHeader, { col: "Workorder", ...sort, children: "Workorder" }), _jsx(SortColHeader, { col: "Quarantined", ...sort, children: "Quarantine?" }), _jsx(SortColHeader, { col: "InspectFailed", noWhitespaceWrap: true, ...sort, children: "Inspect Failed?" }), _jsx(SortColHeader, { col: "CloseOut", noWhitespaceWrap: true, ...sort, children: "Close Out" }), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsxs(TableBody, { children: [curPage.map((s) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: s.serial ?? "" }), _jsx(TableCell, { children: s.last_unload_time ? completedDateFormat.format(s.last_unload_time) : "" }), _jsx(TableCell, { children: _jsx(WorkorderLink, { workorderId: s.workorderId }) }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: s.currently_quarantined ? _jsx(SavedSearch, { fontSize: "inherit" }) : "" }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: LazySeq.ofObject(s.completedInspections ?? {}).some(([, insp]) => insp.success === false) ? (_jsx(ErrorOutline, { fontSize: "inherit" })) : ("") }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: s.closeout_completed === undefined ? ("") : s.closeout_failed === false ? (_jsx(Check, { fontSize: "inherit" })) : (_jsx(ErrorOutline, { fontSize: "inherit" })) }), _jsx(TableCell, { padding: "checkbox", children: _jsx(IconButton, { onClick: () => setMatToShow({
+    return (_jsxs(_Fragment, { children: [_jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(SortColHeader, { col: "Serial", ...sort, children: "Serial" }), _jsx(SortColHeader, { col: "CompletedDate", ...sort, children: "Completed" }), _jsx(SortColHeader, { col: "Workorder", ...sort, children: "Workorder" }), _jsx(SortColHeader, { col: "Quarantined", ...sort, children: "Quarantine?" }), _jsx(SortColHeader, { col: "InspectFailed", noWhitespaceWrap: true, ...sort, children: "Inspect Failed?" }), _jsx(SortColHeader, { col: "CloseOut", noWhitespaceWrap: true, ...sort, children: "Close Out" }), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsxs(TableBody, { children: [curPage.map((s) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: s.serial ?? "" }), _jsx(TableCell, { children: s.last_unload_time ? completedDateFormat.format(s.last_unload_time) : "" }), _jsx(TableCell, { children: _jsx(WorkorderLink, { workorderId: s.workorderId }) }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: s.currently_quarantined ? _jsx(SavedSearch, { fontSize: "inherit" }) : "" }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: LazySeq.ofObject(s.completedInspections ?? {}).some(([, insp]) => !insp.success) ? (_jsx(ErrorOutlined, { fontSize: "inherit" })) : ("") }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: s.closeout_completed === undefined ? ("") : s.closeout_failed === false ? (_jsx(Check, { fontSize: "inherit" })) : (_jsx(ErrorOutlined, { fontSize: "inherit" })) }), _jsx(TableCell, { padding: "checkbox", children: _jsx(IconButton, { onClick: () => setMatToShow({
                                                 type: "MatSummary",
                                                 summary: s,
                                             }), size: "large", children: _jsx(MoreHoriz, { fontSize: "inherit" }) }) })] }, s.materialID))), LazySeq.ofRange(0, rowsPerPage - curPage.length).map((i) => (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, children: "\u00A0" }) }, i)))] })] }), _jsxs(Toolbar, { variant: "dense", sx: { mb: "0.5em" }, children: [_jsx(Typography, { color: "textSecondary", variant: "caption", children: "Rows per page:" }), _jsx(Select, { style: { marginLeft: 8, marginRight: "1em" }, value: rowsPerPage, SelectDisplayProps: { style: { color: "rgba(0, 0, 0, 0.54)" } }, input: _jsx(InputBase, {}), onChange: (evt) => {
@@ -162,7 +162,12 @@ function MaterialTable({ material }) {
                         }, children: [10, 15, 20, 50].map((rowsPerPageOption) => (_jsx(MenuItem, { value: rowsPerPageOption, children: rowsPerPageOption }, rowsPerPageOption))) }), _jsx(Typography, { color: "textSecondary", variant: "caption", children: `${material.length === 0 ? 0 : page * rowsPerPage + 1}-${Math.min(material.length, (page + 1) * rowsPerPage)} of ${material.length}` }), _jsx(IconButton, { onClick: () => setPage(0), disabled: page === 0, "aria-label": "First Page", size: "large", children: _jsx(FirstPageIcon, {}) }), _jsx(IconButton, { onClick: () => setPage(page - 1), disabled: page === 0, "aria-label": "Previous Page", size: "large", children: _jsx(KeyboardArrowLeft, {}) }), _jsx(IconButton, { onClick: () => setPage(page + 1), disabled: page >= Math.ceil(material.length / rowsPerPage) - 1, "aria-label": "Next Page", size: "large", children: _jsx(KeyboardArrowRight, {}) }), _jsx(IconButton, { onClick: () => setPage(Math.max(0, Math.ceil(material.length / rowsPerPage) - 1)), disabled: page >= Math.ceil(material.length / rowsPerPage) - 1, "aria-label": "Last Page", size: "large", children: _jsx(LastPageIcon, {}) })] })] }));
 }
 const PartDetails = memo(function PartDetails({ part }) {
-    return (_jsxs(Stack, { direction: "row", flexWrap: "wrap", justifyContent: "space-around", ml: "1em", mr: "1em", children: [_jsx(Box, { sx: { width: "60em", overflow: "auto" }, children: _jsx(MaterialTable, { material: part.mats }) }), _jsx(Box, { sx: { width: "40em", overflow: "auto" }, children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Station" }), _jsx(TableCell, { children: "Active Hours" }), _jsx(TableCell, { children: "Elapsed Hours" }), _jsx(TableCell, { children: "Total Median Hours" })] }) }), _jsx(TableBody, { children: part.stationMins.toAscLazySeq().map(([st, times]) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: st }), _jsx(TableCell, { children: numFormat.format(times.active / 60) }), _jsx(TableCell, { children: numFormat.format(times.elapsed / 60) }), _jsx(TableCell, { children: numFormat.format(times.medianElapsed / 60) })] }, st))) })] }) })] }));
+    return (_jsxs(Stack, { direction: "row", sx: {
+            flexWrap: "wrap",
+            justifyContent: "space-around",
+            ml: "1em",
+            mr: "1em",
+        }, children: [_jsx(Box, { sx: { width: "60em", overflow: "auto" }, children: _jsx(MaterialTable, { material: part.mats }) }), _jsx(Box, { sx: { width: "40em", overflow: "auto" }, children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Station" }), _jsx(TableCell, { children: "Active Hours" }), _jsx(TableCell, { children: "Elapsed Hours" }), _jsx(TableCell, { children: "Total Median Hours" })] }) }), _jsx(TableBody, { children: part.stationMins.toAscLazySeq().map(([st, times]) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: st }), _jsx(TableCell, { children: numFormat.format(times.active / 60) }), _jsx(TableCell, { children: numFormat.format(times.elapsed / 60) }), _jsx(TableCell, { children: numFormat.format(times.medianElapsed / 60) })] }, st))) })] }) })] }));
 });
 const PartTableRow = styled(TableRow)({
     "& > *": {
@@ -174,7 +179,9 @@ const PartRow = memo(function PartRow({ part }) {
     return (_jsxs(_Fragment, { children: [_jsxs(PartTableRow, { children: [_jsx(TableCell, { children: _jsxs(Box, { sx: {
                                 display: "flex",
                                 alignItems: "center",
-                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: part.part, size: 25 }) }), _jsx("div", { children: _jsx(Typography, { variant: "body2", component: "span", display: "block", children: part.part }) })] }) }), _jsx(TableCell, { align: "right", children: part.completedQty }), _jsx(TableCell, { align: "right", children: part.abnormalQty }), _jsx(TableCell, { align: "right", children: numFormat.format(part.stationMins
+                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: part.part, size: 25 }) }), _jsx("div", { children: _jsx(Typography, { variant: "body2", component: "span", sx: {
+                                            display: "block",
+                                        }, children: part.part }) })] }) }), _jsx(TableCell, { align: "right", children: part.completedQty }), _jsx(TableCell, { align: "right", children: part.abnormalQty }), _jsx(TableCell, { align: "right", children: numFormat.format(part.stationMins
                             .toAscLazySeq()
                             .filter(([_, stat]) => !stat.isLoadUnload)
                             .sumBy(([_, t]) => t.active) / 60) }), _jsx(TableCell, { align: "right", children: numFormat.format(part.stationMins
@@ -190,13 +197,13 @@ function CopyToClipboardBtn({ partsAtom }) {
     return (_jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, size: "large", onClick: () => copyPartsToClipboard(parts), children: _jsx(ImportExport, {}) }) }));
 }
 function MedianHelpTooltip() {
-    return (_jsx(Tooltip, { title: "Total Median Hours are calculated by taking the median cycle time (excluding outliers) and adding up for each piece of material.", children: _jsx("span", { style: { verticalAlign: "middle", marginLeft: "0.5em", fontSize: 16 }, children: _jsx(HelpOutline, { fontSize: "inherit" }) }) }));
+    return (_jsx(Tooltip, { title: "Total Median Hours are calculated by taking the median cycle time (excluding outliers) and adding up for each piece of material.", children: _jsx("span", { style: { verticalAlign: "middle", marginLeft: "0.5em", fontSize: 16 }, children: _jsx(HelpOutlined, { fontSize: "inherit" }) }) }));
 }
 function TimeCuttoffHelpTooltip() {
-    return (_jsx(Tooltip, { title: "The entire cycle time is credited at the time the cycle completes, so it may be that a day has more than 24 hours of credited time for example.", children: _jsx("span", { style: { verticalAlign: "middle", marginLeft: "0.5em", fontSize: 16 }, children: _jsx(HelpOutline, { fontSize: "inherit" }) }) }));
+    return (_jsx(Tooltip, { title: "The entire cycle time is credited at the time the cycle completes, so it may be that a day has more than 24 hours of credited time for example.", children: _jsx("span", { style: { verticalAlign: "middle", marginLeft: "0.5em", fontSize: 16 }, children: _jsx(HelpOutlined, { fontSize: "inherit" }) }) }));
 }
 function AbnormalHelpTooltip() {
-    return (_jsx(Tooltip, { title: "An abnormal part is one which was quarantined, had a failed inspection, or was explicitly marked as failing closeout.  A successful closeout overrides this and will never be an abnormal part.", children: _jsx("span", { style: { verticalAlign: "middle", marginLeft: "0.5em", fontSize: 16 }, children: _jsx(HelpOutline, { fontSize: "inherit" }) }) }));
+    return (_jsx(Tooltip, { title: "An abnormal part is one which was quarantined, had a failed inspection, or was explicitly marked as failing closeout.  A successful closeout overrides this and will never be an abnormal part.", children: _jsx("span", { style: { verticalAlign: "middle", marginLeft: "0.5em", fontSize: 16 }, children: _jsx(HelpOutlined, { fontSize: "inherit" }) }) }));
 }
 const PartHeader = memo(function PartHeader({ partsAtom, order, setOrder, sortBy, setSortBy, }) {
     const sort = {
@@ -239,7 +246,12 @@ const CompletedPartsMaterialDialog = memo(function CompletedPartsMaterialDialog(
 });
 export function RecentCompletedPartsPage() {
     useSetTitle("Completed Parts");
-    return (_jsxs(Box, { component: "main", padding: "24px", children: [_jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", justifyContent: "space-between", children: [_jsx("span", { children: "Completed Parts" }), _jsx(Last30ChartRangeToolbar, { chartAtom: last30PartSummaryRange })] }), _jsx(CompletedPartsTable, { partsAtom: last30PartSummary }), _jsx(CompletedPartsMaterialDialog, {}), _jsx(SelectWorkorderDialog, {})] }));
+    return (_jsxs(Box, { component: "main", sx: {
+            padding: "24px",
+        }, children: [_jsxs(Stack, { direction: "row", spacing: 2, sx: {
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                }, children: [_jsx("span", { children: "Completed Parts" }), _jsx(Last30ChartRangeToolbar, { chartAtom: last30PartSummaryRange })] }), _jsx(CompletedPartsTable, { partsAtom: last30PartSummary }), _jsx(CompletedPartsMaterialDialog, {}), _jsx(SelectWorkorderDialog, {})] }));
 }
 function copyPartsToClipboard(parts) {
     let table = "<table>\n<thead><tr>";
@@ -282,5 +294,5 @@ function copyPartsToClipboard(parts) {
         table += "</tr>\n";
     }
     table += "</tbody></table>\n";
-    copy(table, { format: "text/html" });
+    void copy(table, { format: "text/html" });
 }

package/dist/components/operations/CurrentWorkorders.js

@@ -42,7 +42,7 @@ import { TableCell } from "@mui/material";
 import { TableHead } from "@mui/material";
 import { TableBody } from "@mui/material";
 import { MaterialDialog, PartIdenticon } from "../station-monitor/Material.js";
-import { KeyboardArrowDown as KeyboardArrowDownIcon, KeyboardArrowUp as KeyboardArrowUpIcon, ImportExport, MoreHoriz, Warning as WarningIcon, Check, ErrorOutline, SavedSearch, Search, Clear, Loop, } from "@mui/icons-material";
+import { KeyboardArrowDown as KeyboardArrowDownIcon, KeyboardArrowUp as KeyboardArrowUpIcon, ImportExport, MoreHoriz, Warning as WarningIcon, Check, ErrorOutlined, SavedSearch, Search, Clear, Loop, } from "@mui/icons-material";
 import { Collapse } from "@mui/material";
 import { addWorkorderComment, currentStatus } from "../../cell-status/current-status.js";
 import { LazySeq } from "@seedtactics/immutable-collections";
@@ -101,12 +101,19 @@ const WorkorderDetails = memo(function WorkorderDetails({ workorder, }) {
         setMatToShow({
             type: "MatSummary",
             summary: {
-                ...wmat,
+                materialID: wmat.materialID,
                 partName: workorder.part,
+                serial: wmat.serial,
+                workorderId: workorder.workorderId,
             },
         });
     }
-    return (_jsxs(Stack, { direction: "row", flexWrap: "wrap", justifyContent: "space-around", ml: "1em", mr: "1em", children: [_jsx("div", { children: _jsxs(Table, { size: "small", stickyHeader: true, children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Serial" }), _jsx(TableCell, { children: "Quarantine?" }), _jsx(TableCell, { sx: { whiteSpace: "nowrap" }, children: "Inspect Failed?" }), _jsx(TableCell, { sx: { whiteSpace: "nowrap" }, children: "Close Out" }), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(TableBody, { children: (workorder.material ?? []).map((s) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: s.serial ?? "" }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: s.quarantined ? _jsx(SavedSearch, { fontSize: "inherit" }) : "" }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: s.inspectionFailed ? _jsx(ErrorOutline, { fontSize: "inherit" }) : "" }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: s.closeout === WorkorderSerialCloseout.None ? ("") : s.closeout === WorkorderSerialCloseout.ClosedOut ? (_jsx(Check, { fontSize: "inherit" })) : (_jsx(ErrorOutline, { fontSize: "inherit" })) }), _jsx(TableCell, { padding: "checkbox", children: _jsx(IconButton, { onClick: () => show(s), size: "large", children: _jsx(MoreHoriz, { fontSize: "inherit" }) }) })] }, s.materialID))) })] }) }), _jsx("div", { children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Station" }), _jsx(TableCell, { children: "Active Minutes" }), _jsx(TableCell, { children: "Elapsed Minutes" })] }) }), _jsx(TableBody, { children: stationNames.map((st) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: st }), _jsx(TableCell, { children: numFormat.format(durationToMinutes(workorder.activeStationTime?.[st] ?? 0)) }), _jsx(TableCell, { children: numFormat.format(durationToMinutes(workorder.elapsedStationTime?.[st] ?? 0)) })] }, st))) })] }) }), _jsxs("div", { children: [_jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Time" }), _jsx(TableCell, { children: "Comment" })] }) }), _jsx(TableBody, { children: (workorder.comments ?? []).map((c, idx) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: c.timeUTC.toLocaleString(undefined, {
+    return (_jsxs(Stack, { direction: "row", sx: {
+            flexWrap: "wrap",
+            justifyContent: "space-around",
+            ml: "1em",
+            mr: "1em",
+        }, children: [_jsx("div", { children: _jsxs(Table, { size: "small", stickyHeader: true, children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Serial" }), _jsx(TableCell, { children: "Quarantine?" }), _jsx(TableCell, { sx: { whiteSpace: "nowrap" }, children: "Inspect Failed?" }), _jsx(TableCell, { sx: { whiteSpace: "nowrap" }, children: "Close Out" }), _jsx(TableCell, { padding: "checkbox" })] }) }), _jsx(TableBody, { children: (workorder.material ?? []).map((s) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: s.serial ?? "" }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: s.quarantined ? _jsx(SavedSearch, { fontSize: "inherit" }) : "" }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: s.inspectionFailed ? _jsx(ErrorOutlined, { fontSize: "inherit" }) : "" }), _jsx(TableCell, { sx: { textAlign: "center" }, padding: "checkbox", children: s.closeout === WorkorderSerialCloseout.None ? ("") : s.closeout === WorkorderSerialCloseout.ClosedOut ? (_jsx(Check, { fontSize: "inherit" })) : (_jsx(ErrorOutlined, { fontSize: "inherit" })) }), _jsx(TableCell, { padding: "checkbox", children: _jsx(IconButton, { onClick: () => show(s), size: "large", children: _jsx(MoreHoriz, { fontSize: "inherit" }) }) })] }, s.materialID))) })] }) }), _jsx("div", { children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Station" }), _jsx(TableCell, { children: "Active Minutes" }), _jsx(TableCell, { children: "Elapsed Minutes" })] }) }), _jsx(TableBody, { children: stationNames.map((st) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: st }), _jsx(TableCell, { children: numFormat.format(durationToMinutes(workorder.activeStationTime?.[st] ?? 0)) }), _jsx(TableCell, { children: numFormat.format(durationToMinutes(workorder.elapsedStationTime?.[st] ?? 0)) })] }, st))) })] }) }), _jsxs("div", { children: [_jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Time" }), _jsx(TableCell, { children: "Comment" })] }) }), _jsx(TableBody, { children: (workorder.comments ?? []).map((c, idx) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: c.timeUTC.toLocaleString(undefined, {
                                                 year: "numeric",
                                                 month: "numeric",
                                                 day: "numeric",
@@ -134,7 +141,9 @@ function WorkorderRow({ workorder, showSim, }) {
     return (_jsxs(_Fragment, { children: [_jsxs(WorkorderTableRow, { 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("div", { children: _jsx(Typography, { variant: "body2", component: "span", display: "block", children: workorder.part }) })] }) }), _jsx(TableCell, { children: workorder.dueDate === null ? "" : workorder.dueDate.toLocaleDateString() }), _jsx(TableCell, { align: "right", children: workorder.priority }), _jsx(TableCell, { align: "right", children: workorder.plannedQuantity }), _jsx(TableCell, { align: "right", children: workorder.material?.length ?? 0 }), _jsx(TableCell, { align: "right", children: workorder.material?.filter(isAbnormal).length ?? 0 }), _jsx(TableCell, { align: "right", children: workorder.completedQuantity }), showSim ? (_jsxs(_Fragment, { children: [_jsx(TableCell, { align: "right", children: utcDateOnlyToString(workorder.simulatedStart) }), _jsx(TableCell, { align: "right", children: utcDateOnlyToString(workorder.simulatedFilled) })] })) : undefined, _jsx(TableCell, { children: _jsx(Tooltip, { title: "Show Details", children: _jsx(IconButton, { size: "small", onClick: () => setOpen(!open), children: open ? _jsx(KeyboardArrowUpIcon, {}) : _jsx(KeyboardArrowDownIcon, {}) }) }) })] }), _jsx(TableRow, { children: _jsx(TableCell, { sx: { pb: "0", pt: "0" }, colSpan: colCnt, children: _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: _jsx(WorkorderDetails, { workorder: workorder }) }) }) })] }));
+                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: workorder.part, size: 25 }) }), _jsx("div", { children: _jsx(Typography, { variant: "body2", component: "span", sx: {
+                                            display: "block",
+                                        }, children: workorder.part }) })] }) }), _jsx(TableCell, { children: workorder.dueDate === null ? "" : workorder.dueDate.toLocaleDateString() }), _jsx(TableCell, { align: "right", children: workorder.priority }), _jsx(TableCell, { align: "right", children: workorder.plannedQuantity }), _jsx(TableCell, { align: "right", children: workorder.material?.length ?? 0 }), _jsx(TableCell, { align: "right", children: workorder.material?.filter(isAbnormal).length ?? 0 }), _jsx(TableCell, { align: "right", children: workorder.completedQuantity }), showSim ? (_jsxs(_Fragment, { children: [_jsx(TableCell, { align: "right", children: utcDateOnlyToString(workorder.simulatedStart) }), _jsx(TableCell, { align: "right", children: utcDateOnlyToString(workorder.simulatedFilled) })] })) : undefined, _jsx(TableCell, { children: _jsx(Tooltip, { title: "Show Details", children: _jsx(IconButton, { size: "small", onClick: () => setOpen(!open), children: open ? _jsx(KeyboardArrowUpIcon, {}) : _jsx(KeyboardArrowDownIcon, {}) }) }) })] }), _jsx(TableRow, { children: _jsx(TableCell, { sx: { pb: "0", pt: "0" }, colSpan: colCnt, children: _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: _jsx(WorkorderDetails, { workorder: workorder }) }) }) })] }));
 }
 var SortColumn;
 (function (SortColumn) {
@@ -224,7 +233,7 @@ function copyWorkordersToClipboard(workorders, showSim) {
             table += `<td>${utcDateOnlyToString(w.simulatedStart)}</td>`;
             table += `<td>${utcDateOnlyToString(w.simulatedFilled)}</td>`;
         }
-        table += `<td>${(w.material ?? []).map((w) => w.serial ?? "").join(";")}</td>`;
+        table += `<td>${(w.material ?? []).map((mat) => mat.serial ?? "").join(";")}</td>`;
         table += `<td>${LazySeq.ofObject(w.activeStationTime ?? {})
             .map(([st, t]) => `${st}: ${durationToMinutes(t)}`)
             .toRArray()
@@ -236,7 +245,7 @@ function copyWorkordersToClipboard(workorders, showSim) {
         table += "</tr>\n";
     }
     table += "</tbody></table>\n";
-    copy(table);
+    void copy(table);
 }
 function SortColHeader(props) {
     return (_jsxs(TableCell, { align: props.align, sortDirection: props.sortBy === props.col ? props.order : false, children: [_jsx(Tooltip, { title: "Sort", enterDelay: 300, children: _jsx(TableSortLabel, { active: props.sortBy === props.col, direction: props.order, onClick: () => {
@@ -252,7 +261,13 @@ function SortColHeader(props) {
 const tableOrGantt = atom("table");
 const SimulatedWarning = memo(function SimulatedWarning({ showSim }) {
     const [selected, setSelected] = useAtom(tableOrGantt);
-    return (_jsxs(Stack, { direction: "row", spacing: 2, justifyContent: "flex-end", alignItems: "center", children: [showSim ? (_jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", flexGrow: 1, children: [_jsx(WarningIcon, { fontSize: "small" }), _jsx(Typography, { variant: "caption", children: "Projected dates are estimates" })] })) : undefined, _jsx(FormControl, { size: "small", children: _jsxs(Select, { variant: "outlined", value: selected, onChange: (e) => setSelected(e.target.value), children: [_jsx(MenuItem, { value: "table", children: "Table" }), _jsx(MenuItem, { value: "gantt", children: "Gantt" })] }) })] }));
+    return (_jsxs(Stack, { direction: "row", spacing: 2, sx: {
+            justifyContent: "flex-end",
+            alignItems: "center",
+        }, children: [showSim ? (_jsxs(Stack, { direction: "row", spacing: 2, sx: {
+                    alignItems: "center",
+                    flexGrow: 1,
+                }, children: [_jsx(WarningIcon, { fontSize: "small" }), _jsx(Typography, { variant: "caption", children: "Projected dates are estimates" })] })) : undefined, _jsx(FormControl, { size: "small", children: _jsxs(Select, { variant: "outlined", value: selected, onChange: (e) => setSelected(e.target.value), children: [_jsx(MenuItem, { value: "table", children: "Table" }), _jsx(MenuItem, { value: "gantt", children: "Gantt" })] }) })] }));
 });
 const rotateKeyframes = keyframes `
   0% {
@@ -328,7 +343,12 @@ function WorkorderCommentDialog() {
 }
 function SearchingWorkorder() {
     const [workId, setWorkId] = useAtom(currentWorkorderIdToSearch);
-    return (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 10, children: _jsxs(Stack, { direction: "column", mt: "3em", flex: "flex", alignItems: "center", width: "100%", children: [_jsxs(Stack, { direction: "row", spacing: "3", children: [_jsx(CircularProgress, {}), workId && workId !== "" ? (_jsxs(Typography, { variant: "h6", children: ["Searching for workorder ", workId] })) : (_jsx(Typography, { variant: "h6", children: "Searching" }))] }), _jsx(Button, { onClick: () => setWorkId(null), children: "Cancel" })] }) }) }));
+    return (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 10, children: _jsxs(Stack, { direction: "column", sx: {
+                    mt: "3em",
+                    flex: "flex",
+                    alignItems: "center",
+                    width: "100%",
+                }, children: [_jsxs(Stack, { direction: "row", spacing: "3", children: [_jsx(CircularProgress, {}), workId && workId !== "" ? (_jsxs(Typography, { variant: "h6", children: ["Searching for workorder ", workId] })) : (_jsx(Typography, { variant: "h6", children: "Searching" }))] }), _jsx(Button, { onClick: () => setWorkId(null), children: "Cancel" })] }) }) }));
 }
 function WorkorderTable({ showSim, disableSearch, }) {
     const [sortBy, setSortBy] = useState(SortColumn.WorkorderId);
@@ -364,5 +384,7 @@ export const CurrentWorkordersPage = memo(function RecentWorkordersPage({ disabl
     const currentSt = useAtomValue(currentStatus);
     const display = useAtomValue(tableOrGantt);
     const showSim = useMemo(() => currentSt.workorders?.some((w) => !!w.simulatedStart || !!w.simulatedFilled) ?? false, [currentSt.workorders]);
-    return (_jsxs(Box, { component: "main", padding: "24px", children: [showSim ? _jsx(SimulatedWarning, { showSim: showSim }) : undefined, display === "table" ? (_jsx(WorkorderTable, { showSim: showSim, disableSearch: disableSearch })) : (_jsx(WorkorderGantt, {})), _jsx(WorkorderCommentDialog, {}), _jsx(WorkSerialDialog, {}), _jsx(SelectWorkorderDialog, {})] }));
+    return (_jsxs(Box, { component: "main", sx: {
+            padding: "24px",
+        }, children: [showSim ? _jsx(SimulatedWarning, { showSim: showSim }) : undefined, display === "table" ? (_jsx(WorkorderTable, { showSim: showSim, disableSearch: disableSearch })) : (_jsx(WorkorderGantt, {})), _jsx(WorkorderCommentDialog, {}), _jsx(WorkSerialDialog, {}), _jsx(SelectWorkorderDialog, {})] }));
 });

package/dist/components/operations/OEEChart.js

@@ -164,10 +164,16 @@ export function StationOEEPage({ ty }) {
     const cycles = useAtomValue(last30StationCycles);
     const statUse = useAtomValue(last30SimStationUse);
     const points = useMemo(() => buildOeeSeries(start, end, ty, cycles.valuesToLazySeq(), statUse), [start, end, ty, cycles, statUse]);
-    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: [ty === "labor" ? "Load/Unload" : "Machine", " OEE: comparing flexplan hours between actual and simulated production"] }), _jsx(Box, { flexGrow: 1 }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, value: showChart ? "chart" : "table", onChange: (e) => setShowChart(e.target.value === "chart"), children: [_jsx(MenuItem, { value: "chart", children: "Chart" }, "chart"), _jsx(MenuItem, { value: "table", children: "Table" }, "table")] }) }), _jsx(MuiTooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, onClick: () => copyOeeToClipboard(points), size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx("main", { children: showChart ? _jsx(OEEChart, { points: points }) : _jsx(OEETable, { points: points }) })] }));
+                }, children: [_jsxs(Typography, { variant: "subtitle1", children: [ty === "labor" ? "Load/Unload" : "Machine", " OEE: comparing flexplan hours between actual and simulated production"] }), _jsx(Box, { sx: {
+                            flexGrow: 1,
+                        } }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, value: showChart ? "chart" : "table", onChange: (e) => setShowChart(e.target.value === "chart"), children: [_jsx(MenuItem, { value: "chart", children: "Chart" }, "chart"), _jsx(MenuItem, { value: "table", children: "Table" }, "table")] }) }), _jsx(MuiTooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, onClick: () => copyOeeToClipboard(points), size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx("main", { children: showChart ? _jsx(OEEChart, { points: points }) : _jsx(OEETable, { points: points }) })] }));
 }

package/dist/components/operations/Outliers.js

@@ -40,30 +40,41 @@ import { ImportExport } from "@mui/icons-material";
 import StationDataTable from "../analysis/StationDataTable.js";
 import { copyCyclesToClipboard } from "../../data/results.cycles.js";
 import { last30MaterialSummary } from "../../cell-status/material-summary.js";
-import { last30StationCycles } from "../../cell-status/station-cycles.js";
+import { isLaborCycle, last30StationCycles } from "../../cell-status/station-cycles.js";
 import { useSetTitle } from "../routes.js";
 import { useAtomValue } from "jotai";
+import { fmsInformation } from "../../network/server-settings.js";
 export function OutlierCycles({ outlierTy }) {
     useSetTitle(outlierTy === "machine" ? "Machine Outliers" : "L/U Outliers");
     const matSummary = useAtomValue(last30MaterialSummary);
+    const fmsInfo = useAtomValue(fmsInformation);
     const today = startOfToday();
     const allCycles = useAtomValue(last30StationCycles);
     const points = useMemo(() => {
-        const today = startOfToday();
-        const start = addDays(today, -4);
-        const end = addDays(today, 1);
+        const todayStart = startOfToday();
+        const start = addDays(todayStart, -4);
+        const end = addDays(todayStart, 1);
         return {
             seriesLabel: "Part",
             data: allCycles
                 .valuesToLazySeq()
-                .filter((c) => c.isOutlier && c.endTime >= start && c.endTime < end && c.isLabor === (outlierTy === "labor"))
+                .filter((c) => c.isOutlier &&
+                c.endTime >= start &&
+                c.endTime < end &&
+                isLaborCycle(c) === (outlierTy === "labor"))
                 .toRLookup((e) => e.part + "-" + e.material[0].proc.toString()),
         };
     }, [outlierTy, allCycles]);
-    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: [outlierTy === "labor" ? "Load/Unload" : "Machine", " cycles from the past 5 days statistically outside expected range"] }), _jsx(Box, { flexGrow: 1 }), _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, onClick: () => copyCyclesToClipboard(points, matSummary.matsById, undefined), size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx("main", { children: _jsx(StationDataTable, { points: points.data, matsById: matSummary.matsById, current_date_zoom: { start: addDays(today, -4), end: addDays(today, 1) }, set_date_zoom_range: undefined, period: { type: "Last30" }, showWorkorderAndInspect: false, defaultSortDesc: true }) })] }));
+                }, children: [_jsxs(Typography, { variant: "subtitle1", children: [outlierTy === "labor" ? "Load/Unload" : "Machine", " cycles from the past 5 days statistically outside expected range"] }), _jsx(Box, { sx: {
+                            flexGrow: 1,
+                        } }), _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, onClick: () => copyCyclesToClipboard(points, matSummary.matsById, undefined, undefined, fmsInfo.loadStationNames, fmsInfo.basketName), size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx("main", { children: _jsx(StationDataTable, { points: points.data, matsById: matSummary.matsById, current_date_zoom: { start: addDays(today, -4), end: addDays(today, 1) }, set_date_zoom_range: undefined, period: { type: "Last30" }, showWorkorderAndInspect: false, defaultSortDesc: true }) })] }));
 }

package/dist/components/operations/ProgramHighlight.js

@@ -1,9 +1,7 @@
-/* eslint-disable @typescript-eslint/no-unsafe-argument */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
+/// <reference lib="webworker" />
 import hljs from "highlight.js/lib/core";
 import gcode from "highlight.js/lib/languages/gcode";
 hljs.registerLanguage("gcode", gcode);
-self.onmessage = function (event) {
-    self.postMessage(hljs.highlight(event.data, { language: "gcode" }).value);
-};
+self.addEventListener("message", (event) => {
+    self.postMessage(hljs.highlight(event.data, { language: "gcode" }).value, []);
+});

package/dist/components/operations/Programs.js

@@ -250,17 +250,19 @@ function ProgramContentCode() {
     const worker = useMemo(() => new Worker(new URL("./ProgramHighlight.ts", import.meta.url), { type: "module" }), []);
     useEffect(() => {
         let set = (h) => setHighlighted(h);
-        worker.onmessage = (e) => set(e.data);
+        const handleMessage = (event) => set(event.data);
+        worker.addEventListener("message", handleMessage);
         return () => {
             // cleanup
             set = () => null;
+            worker.removeEventListener("message", handleMessage);
             worker.terminate();
             setHighlighted(null);
         };
     }, [worker]);
     useEffect(() => {
         if (ct && ct !== "") {
-            worker.postMessage(ct);
+            worker.postMessage(ct, []);
         }
     }, [ct, worker]);
     return (_jsx("pre", { children: highlighted === null ? (_jsx("code", { className: "gcode", children: ct })) : (_jsx("code", { className: "gcode", dangerouslySetInnerHTML: { __html: highlighted } })) }));
@@ -359,5 +361,9 @@ function ProgNavHeader() {
 }
 export function ProgramReportPage() {
     useSetTitle("Programs");
-    return (_jsxs(Box, { paddingLeft: "24px", paddingRight: "24px", paddingTop: "10px", children: [_jsx(ProgNavHeader, {}), _jsx("main", { children: _jsx(DisplayLoadingAndError, { children: _jsx(ProgramSummaryTable, {}) }) }), _jsx(ProgramContentDialog, {}), _jsx(ProgramHistoryDialog, {})] }));
+    return (_jsxs(Box, { sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            paddingTop: "10px",
+        }, children: [_jsx(ProgNavHeader, {}), _jsx("main", { children: _jsx(DisplayLoadingAndError, { children: _jsx(ProgramSummaryTable, {}) }) }), _jsx(ProgramContentDialog, {}), _jsx(ProgramHistoryDialog, {})] }));
 }

package/dist/components/operations/Rebookings.js

@@ -73,7 +73,9 @@ const columns = [
         numeric: false,
         label: "Part",
         getDisplay: (r) => r.partName,
-        Cell: ({ row }) => (_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(PartIdenticon, { part: row.partName, size: 25 }), row.partName] })),
+        Cell: ({ row }) => (_jsxs(Stack, { direction: "row", spacing: 1, sx: {
+                alignItems: "center",
+            }, children: [_jsx(PartIdenticon, { part: row.partName, size: 25 }), row.partName] })),
     },
     {
         id: ColumnId.Quantity,
@@ -191,10 +193,12 @@ const NewRebookingDialog = memo(function NewRebookingDialog() {
     }
     return (_jsxs(_Fragment, { children: [_jsxs(Dialog, { open: open, onClose: close, children: [_jsx(DialogTitle, { children: "Create New" }), _jsx(DialogContent, { children: _jsxs(Stack, { direction: "column", spacing: 2, sx: { mt: "0.5em", minWidth: "25em" }, children: [_jsx(Autocomplete, { freeSolo: true, selectOnFocus: true, clearOnBlur: true, handleHomeEndKeys: true, disableClearable: true, options: partNames, value: rebooking.part, onChange: (_, v) => setRebooking((r) => ({ ...r, part: v })), renderInput: (params) => (_jsx(TextField, { ...params, label: "Part Name", slotProps: {
                                             input: {
-                                                ...params.InputProps,
-                                                startAdornment: (_jsxs(_Fragment, { children: [rebooking.part !== "" ? (_jsx(InputAdornment, { position: "start", children: _jsx(PartIdenticon, { part: rebooking.part, size: 25 }) })) : undefined, params.InputProps.startAdornment] })),
+                                                ...params.slotProps.input,
+                                                startAdornment: (_jsxs(_Fragment, { children: [rebooking.part !== "" ? (_jsx(InputAdornment, { position: "start", children: _jsx(PartIdenticon, { part: rebooking.part, size: 25 }) })) : undefined, params.slotProps.input?.startAdornment] })),
                                             },
-                                        } })), renderOption: (props, option) => (_jsx("li", { ...props, children: _jsxs(Stack, { direction: "row", spacing: "1", alignItems: "center", children: [_jsx(PartIdenticon, { part: option, size: 25 }), option] }) })), filterOptions: (options, params) => {
+                                        } })), renderOption: (props, option) => (_jsx("li", { ...props, children: _jsxs(Stack, { direction: "row", spacing: "1", sx: {
+                                                alignItems: "center",
+                                            }, children: [_jsx(PartIdenticon, { part: option, size: 25 }), option] }) })), filterOptions: (options, params) => {
                                         const filtered = options.filter((o) => o.toLowerCase().includes(params.inputValue.toLowerCase()));
                                         return filtered.length === 0 && params.inputValue !== "" ? [params.inputValue] : filtered;
                                     } }), _jsx(TextField, { label: "Quantity", type: "number", value: rebooking.qty && !isNaN(rebooking.qty) ? rebooking.qty : "", onChange: (e) => setRebooking((r) => ({ ...r, qty: parseInt(e.target.value) })) }), _jsx(TextField, { label: "Priority (optional)", type: "number", value: rebooking.priority && !isNaN(rebooking.priority) ? rebooking.priority : "", onChange: (e) => setRebooking((r) => ({ ...r, priority: parseInt(e.target.value) })) }), _jsx(TextField, { label: "Workorder (optional)", value: rebooking.workorder ?? "", onChange: (e) => setRebooking((r) => ({ ...r, workorder: e.target.value })) }), _jsx(TextField, { label: "Notes (optional)", multiline: true, minRows: 2, value: rebooking.notes ?? "", onChange: (e) => setRebooking((r) => ({ ...r, notes: e.target.value })) })] }) }), _jsxs(DialogActions, { children: [_jsxs(Button, { color: "secondary", onClick: create, disabled: !allowCreate || creating, children: [creating ? _jsx(CircularProgress, { size: 24 }) : undefined, "Create"] }), _jsx(Button, { onClick: close, children: "Cancel" })] })] }), _jsx(Tooltip, { title: "Add Rebooking", children: _jsx(Fab, { onClick: () => setOpen(true), sx: { position: "fixed", bottom: "24px", right: "24px" }, color: "primary", children: _jsx(Add, {}) }) })] }));

package/dist/components/operations/RecentCycleChart.js

@@ -46,6 +46,7 @@ import { currentCycles } from "../../data/current-cycles.js";
 import { currentStatus } from "../../cell-status/current-status.js";
 import { last30Jobs } from "../../cell-status/scheduled-jobs.js";
 import { atom, useAtomValue, useSetAtom } from "jotai";
+import { fmsInformation } from "../../network/server-settings.js";
 import { AxisBottom, AxisLeft, GridCols } from "../AxisAndGrid.js";
 import { measureSvgString } from "../../util/chart-helpers.js";
 import { scaleBand, scaleTime } from "d3-scale";
@@ -65,7 +66,7 @@ function useSimCycles() {
             // make sure all planned downtimes come last so they are drawn over the top of any cycles
             .sortBy((s) => (s.plannedDown ? 1 : 0))
             .map((s) => ({
-            station: s.station,
+            station: s.stationLabel,
             start: s.start,
             end: s.end,
             plannedDown: s.plannedDown,
@@ -214,13 +215,14 @@ export function RecentCycleChart({ height, width }) {
     const estimated = useAtomValue(last30EstimatedCycleTimes);
     const sim = useSimCycles();
     const currentSt = useAtomValue(currentStatus);
+    const fmsInfo = useAtomValue(fmsInformation);
     const cycles = useMemo(() => {
         const cutoff = addHours(new Date(), -12);
         return recentCycles(last30Cycles.valuesToLazySeq().filter((e) => e.endTime >= cutoff));
     }, [last30Cycles]);
     const current = useMemo(() => {
-        return currentCycles(currentSt, estimated);
-    }, [currentSt, estimated]);
+        return currentCycles(currentSt, estimated, fmsInfo.loadStationNames);
+    }, [currentSt, estimated, fmsInfo.loadStationNames]);
     // ensure a re-render at least every 5 minutes, but reset the timer if the data changes
     const now = new Date();
     const [, forceRerender] = useState(0);

package/dist/components/operations/RecentProduction.js

@@ -39,7 +39,7 @@ import { ShiftStart, useShifts } from "./ShiftSettings.js";
 import { SkipPrevious as SkipPrevIcon, SkipNext as SkipNextIcon, ImportExport } from "@mui/icons-material";
 import { LazySeq, OrderedMap } from "@seedtactics/immutable-collections";
 import { last30SimProduction } from "../../cell-status/sim-production.js";
-import { last30StationCycles } from "../../cell-status/station-cycles.js";
+import { isLaborCycle, last30StationCycles } from "../../cell-status/station-cycles.js";
 import { PartIdenticon } from "../station-monitor/Material.js";
 import { useSetTitle } from "../routes.js";
 import { useAtomValue } from "jotai";
@@ -74,7 +74,7 @@ function binSimProduction(prod, shifts) {
 function binCompleted(cycles, shifts) {
     return cycles
         .valuesToLazySeq()
-        .filter((cycle) => cycle.isLabor &&
+        .filter((cycle) => isLaborCycle(cycle) &&
         cycle.operation === "UNLOAD" &&
         LazySeq.of(cycle.material).some((m) => m.proc === m.numproc))
         .collect(decideShift((c) => c.endTime, shifts))
@@ -85,18 +85,18 @@ function useRows(day) {
     const sim = useAtomValue(last30SimProduction);
     const shifts = useShifts(day);
     return useMemo(() => {
-        const planned = binSimProduction(sim, shifts);
-        const completed = binCompleted(cycles, shifts);
-        return planned
+        const plannedByDay = binSimProduction(sim, shifts);
+        const completedByDay = binCompleted(cycles, shifts);
+        return plannedByDay
             .mapValues((p) => ({
             planned: p,
         }))
-            .adjust(completed, (plan, comp) => ({ ...(plan ?? {}), completed: comp }))
+            .adjust(completedByDay, (plan, comp) => (plan ? { ...plan, completed: comp } : { completed: comp }))
             .toAscLazySeq()
-            .map(([partName, { planned, completed }]) => ({
+            .map(([partName, { planned: plannedCounts, completed: completedCounts }]) => ({
             part: partName,
-            planned: planned ?? OrderedMap.empty(),
-            completed: completed ?? OrderedMap.empty(),
+            planned: plannedCounts ?? OrderedMap.empty(),
+            completed: completedCounts ?? OrderedMap.empty(),
         }))
             .toRArray();
     }, [cycles, sim, shifts]);
@@ -108,7 +108,9 @@ const fulldayFormat = new Intl.DateTimeFormat(undefined, {
     year: "numeric",
 });
 function PartCell({ row }) {
-    return (_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(PartIdenticon, { part: row.part, size: 25 }), _jsx("span", { children: row.part })] }));
+    return (_jsxs(Stack, { direction: "row", spacing: 1, sx: {
+            alignItems: "center",
+        }, children: [_jsx(PartIdenticon, { part: row.part, size: 25 }), _jsx("span", { children: row.part })] }));
 }
 function useColumns(day) {
     const numShifts = useShifts(day).length;
@@ -187,7 +189,9 @@ const RecentProductionTable = memo(function RecentSchedules({ columns, rows, })
 });
 function NavigateDay({ day, setDay, }) {
     const today = startOfToday();
-    return (_jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [_jsx(Tooltip, { title: "Previous Day", children: _jsx("div", { children: _jsx(IconButton, { disabled: day <= addDays(today, -28), onClick: () => setDay((d) => addDays(d, -1)), children: _jsx(SkipPrevIcon, {}) }) }) }), _jsx(Typography, { sx: { minWidth: "14em", textAlign: "center" }, children: fulldayFormat.format(day) }), _jsx(Tooltip, { title: "Next Day", children: _jsx("div", { children: _jsx(IconButton, { disabled: day >= today, onClick: () => setDay((d) => addDays(d, 1)), children: _jsx(SkipNextIcon, {}) }) }) })] }));
+    return (_jsxs(Stack, { direction: "row", spacing: 2, sx: {
+            alignItems: "center",
+        }, children: [_jsx(Tooltip, { title: "Previous Day", children: _jsx("div", { children: _jsx(IconButton, { disabled: day <= addDays(today, -28), onClick: () => setDay((d) => addDays(d, -1)), children: _jsx(SkipPrevIcon, {}) }) }) }), _jsx(Typography, { sx: { minWidth: "14em", textAlign: "center" }, children: fulldayFormat.format(day) }), _jsx(Tooltip, { title: "Next Day", children: _jsx("div", { children: _jsx(IconButton, { disabled: day >= today, onClick: () => setDay((d) => addDays(d, 1)), children: _jsx(SkipNextIcon, {}) }) }) })] }));
 }
 const mdGridTemplate = '"shifts day export" auto / 1fr 1fr 1fr';
 const xsGridTemplate = `"shifts export" auto
@@ -202,12 +206,25 @@ const RecentProductionToolbar = function RecentProductionToolbar({ day, setDay,
             minHeight: "2.5em",
             alignItems: "center",
             maxWidth: "calc(100vw - 24px - 24px)",
-        }, children: [_jsx(Box, { gridArea: "shifts", justifySelf: "flex-start", children: _jsx(ShiftStart, {}) }), _jsx(Box, { gridArea: "day", justifySelf: "center", children: _jsx(NavigateDay, { day: day, setDay: setDay }) }), _jsx(Box, { gridArea: "export", justifySelf: "flex-end", children: _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: () => copyTableToClipboard(columns, rows), children: _jsx(ImportExport, {}) }) }) })] }));
+        }, children: [_jsx(Box, { sx: {
+                    gridArea: "shifts",
+                    justifySelf: "flex-start",
+                }, children: _jsx(ShiftStart, {}) }), _jsx(Box, { sx: {
+                    gridArea: "day",
+                    justifySelf: "center",
+                }, children: _jsx(NavigateDay, { day: day, setDay: setDay }) }), _jsx(Box, { sx: {
+                    gridArea: "export",
+                    justifySelf: "flex-end",
+                }, children: _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: () => copyTableToClipboard(columns, rows), children: _jsx(ImportExport, {}) }) }) })] }));
 };
 export function RecentProductionPage() {
     useSetTitle("Recent Completed Parts");
     const [day, setDay] = useState(startOfToday);
     const columns = useColumns(day);
     const rows = useRows(day);
-    return (_jsxs(Box, { paddingLeft: "24px", paddingRight: "24px", paddingTop: "10px", children: [_jsx(RecentProductionToolbar, { day: day, setDay: setDay, rows: rows, columns: columns }), _jsx("main", { children: _jsx(RecentProductionTable, { rows: rows, columns: columns }) })] }));
+    return (_jsxs(Box, { sx: {
+            paddingLeft: "24px",
+            paddingRight: "24px",
+            paddingTop: "10px",
+        }, children: [_jsx(RecentProductionToolbar, { day: day, setDay: setDay, rows: rows, columns: columns }), _jsx("main", { children: _jsx(RecentProductionTable, { rows: rows, columns: columns }) })] }));
 }

package/dist/components/operations/RecentSchedules.js

@@ -76,10 +76,14 @@ function JobsRow(props) {
     return (_jsxs(_Fragment, { children: [_jsxs(JobTableRow, { "$darkRow": props.showDarkRow && job.darkRow, children: [_jsx(TableCell, { children: job.routeStartTime.toLocaleString() }), _jsx(TableCell, { children: _jsxs(Box, { sx: {
                                 display: "flex",
                                 alignItems: "center",
-                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: job.partName, size: 25 }) }), _jsx("div", { children: _jsx(Typography, { variant: "body2", component: "span", display: "block", children: job.partName }) })] }) }), props.showMaterial ? (_jsx(TableCell, { children: job.casting ? (_jsxs(Box, { sx: {
+                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: job.partName, size: 25 }) }), _jsx("div", { children: _jsx(Typography, { variant: "body2", component: "span", sx: {
+                                            display: "block",
+                                        }, children: job.partName }) })] }) }), props.showMaterial ? (_jsx(TableCell, { children: job.casting ? (_jsxs(Box, { sx: {
                                 display: "flex",
                                 alignItems: "center",
-                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: job.casting, size: 25 }) }), _jsx(Typography, { variant: "body2", display: "block", children: job.casting })] })) : undefined })) : undefined, _jsxs(TableCell, { children: [job.comment, _jsx(Tooltip, { title: "Edit", children: _jsx(IconButton, { size: "small", onClick: () => props.setCurEditNoteJob(job), children: _jsx(EditIcon, {}) }) })] }), _jsx(TableCell, { children: job.inProcJob === null ? "Archived" : "Active" }), _jsx(TableCell, { align: "right", children: job.scheduledQty }), _jsx(TableCell, { align: "right", sx: { backgroundColor: job.decrementedQty > 0 ? "#FF8A65" : undefined }, children: job.decrementedQty }), _jsx(TableCell, { align: "right", children: job.completedQty }), _jsx(TableCell, { align: "right", children: job.inProcessQty }), _jsx(TableCell, { align: "right", children: job.remainingQty }), _jsx(TableCell, { children: _jsx(Tooltip, { title: "Show Details", children: _jsx(IconButton, { size: "small", onClick: () => setOpen(!open), children: open ? _jsx(KeyboardArrowUpIcon, {}) : _jsx(KeyboardArrowDownIcon, {}) }) }) })] }), _jsx(JobDetailRow, { "$darkRow": props.showDarkRow && job.darkRow, children: _jsx(TableCell, { sx: { pb: "0", pt: "0" }, colSpan: colCnt, children: _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: _jsx(JobDetails, { job: job.inProcJob ? job.inProcJob : job.historicJob, checkAnalysisMonth: false }) }) }) })] }));
+                            }, children: [_jsx(Box, { sx: { mr: "0.2em" }, children: _jsx(PartIdenticon, { part: job.casting, size: 25 }) }), _jsx(Typography, { variant: "body2", sx: {
+                                        display: "block",
+                                    }, children: job.casting })] })) : undefined })) : undefined, _jsxs(TableCell, { children: [job.comment, _jsx(Tooltip, { title: "Edit", children: _jsx(IconButton, { size: "small", onClick: () => props.setCurEditNoteJob(job), children: _jsx(EditIcon, {}) }) })] }), _jsx(TableCell, { children: job.inProcJob === null ? "Archived" : "Active" }), _jsx(TableCell, { align: "right", children: job.scheduledQty }), _jsx(TableCell, { align: "right", sx: { backgroundColor: job.decrementedQty > 0 ? "#FF8A65" : undefined }, children: job.decrementedQty }), _jsx(TableCell, { align: "right", children: job.completedQty }), _jsx(TableCell, { align: "right", children: job.inProcessQty }), _jsx(TableCell, { align: "right", children: job.remainingQty }), _jsx(TableCell, { children: _jsx(Tooltip, { title: "Show Details", children: _jsx(IconButton, { size: "small", onClick: () => setOpen(!open), children: open ? _jsx(KeyboardArrowUpIcon, {}) : _jsx(KeyboardArrowDownIcon, {}) }) }) })] }), _jsx(JobDetailRow, { "$darkRow": props.showDarkRow && job.darkRow, children: _jsx(TableCell, { sx: { pb: "0", pt: "0" }, colSpan: colCnt, children: _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: _jsx(JobDetails, { job: job.inProcJob ? job.inProcJob : job.historicJob, checkAnalysisMonth: false }) }) }) })] }));
 }
 var SortColumn;
 (function (SortColumn) {