@seedtactics/insight-client 16.4.0

package/dist/components/analysis/PalletCycleCards.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* Copyright (c) 2025, John Lenz
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+    * Neither the name of John Lenz, Black Maple Software, SeedTactics,
+      nor the names of other contributors may be used to endorse or
+      promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+import { addMonths, addDays, startOfToday } from "date-fns";
+import { Box, FormControl, Typography } from "@mui/material";
+import { Select } from "@mui/material";
+import { MenuItem } from "@mui/material";
+import { Tooltip } from "@mui/material";
+import { IconButton } from "@mui/material";
+import { ImportExport } from "@mui/icons-material";
+import { selectedAnalysisPeriod } from "../../network/load-specific-month.js";
+import { CycleChart } from "./CycleChart.js";
+import { copyPalletCyclesToClipboard } from "../../data/results.cycles.js";
+import { isDemoAtom, useSetTitle } from "../routes.js";
+import { last30PalletCycles, specificMonthPalletCycles, } from "../../cell-status/pallet-cycles.js";
+import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
+import { atomWithDefault } from "jotai/utils";
+import { LazySeq } from "@seedtactics/immutable-collections";
+import { PartIdenticon } from "../station-monitor/Material.js";
+import { materialDialogOpen } from "../../cell-status/material-details.js";
+import { useCallback } from "react";
+const selectedPalletAtom = atomWithDefault((get) => (get(isDemoAtom) ? 3 : undefined));
+const selectedPartAtom = atom(undefined);
+const zoomDateRangeAtom = atom(undefined);
+const yZoomAtom = atom(null);
+const filteredPoints = atom((get) => {
+    const selPal = get(selectedPalletAtom);
+    const selPart = get(selectedPartAtom);
+    if (!selPal && !selPart)
+        return new Map();
+    const period = get(selectedAnalysisPeriod);
+    const palletCycles = get(period.type === "Last30" ? last30PalletCycles : specificMonthPalletCycles);
+    if (selPal) {
+        // Pick out the single pallet and optionally filter it by part
+        let cyclesForPal = palletCycles.get(selPal)?.valuesToLazySeq() ?? LazySeq.of([]);
+        if (selPart) {
+            cyclesForPal = cyclesForPal.filter((c) => c.mats.some((m) => m.part === selPart.part && m.proc === selPart.proc));
+        }
+        return new Map([[selPal.toString(), Array.from(cyclesForPal)]]);
+    }
+    else if (selPart) {
+        // go through all the pallets, filter each by part, and keep those that have any cycles
+        return LazySeq.of(palletCycles)
+            .collect(([pal, cycles]) => {
+            const cyclesForPart = cycles
+                .valuesToLazySeq()
+                .filter((c) => c.mats.some((m) => m.part === selPart.part && m.proc === selPart.proc))
+                .toRArray();
+            if (cyclesForPart.length > 0) {
+                return [pal, cyclesForPart];
+            }
+            else {
+                return null;
+            }
+        })
+            .toRMap(([pal, cycles]) => [pal.toString(), cycles]);
+    }
+    else {
+        return new Map();
+    }
+});
+const allPartNames = atom((get) => {
+    const period = get(selectedAnalysisPeriod);
+    const palletCycles = get(period.type === "Last30" ? last30PalletCycles : specificMonthPalletCycles);
+    return LazySeq.of(palletCycles)
+        .flatMap(([, cycles]) => cycles)
+        .flatMap(([, c]) => c.mats)
+        .distinctAndSortBy((m) => m.part, (m) => m.proc)
+        .map((m) => ({ part: m.part, proc: m.proc }))
+        .toRArray();
+});
+export function PalletCycleChart() {
+    useSetTitle("Pallet Cycles");
+    const [selectedPallet, setSelectedPallet] = useAtom(selectedPalletAtom);
+    const [selectedPart, setSelectedPart] = useAtom(selectedPartAtom);
+    const [zoomDateRange, setZoomRange] = useAtom(zoomDateRangeAtom);
+    const [yZoom, setYZoom] = useAtom(yZoomAtom);
+    const period = useAtomValue(selectedAnalysisPeriod);
+    const defaultDateRange = period.type === "Last30"
+        ? [addDays(startOfToday(), -29), addDays(startOfToday(), 1)]
+        : [period.month, addMonths(period.month, 1)];
+    const palletCycles = useAtomValue(period.type === "Last30" ? last30PalletCycles : specificMonthPalletCycles);
+    const points = useAtomValue(filteredPoints);
+    const partNames = useAtomValue(allPartNames);
+    const setMatToShow = useSetAtom(materialDialogOpen);
+    const extraPalletTooltip = useCallback(function extraPalletTooltip(point) {
+        const palC = point;
+        return palC.mats.map((mat) => ({
+            title: mat.part + "-" + mat.proc,
+            value: mat.serial ?? "",
+            link: mat.serial ? () => setMatToShow({ type: "LogMat", logMat: mat }) : undefined,
+        }));
+    }, [setMatToShow]);
+    return (_jsxs(Box, { 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: [_jsx(Typography, { variant: "subtitle1", children: "Pallet Cycles" }), _jsx(Box, { flexGrow: 1 }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedPallet ?? -1, onChange: (e) => setSelectedPallet(e.target.value === -1 ? undefined : e.target.value), children: [_jsx(MenuItem, { value: -1, children: _jsx("em", { children: "Any Pallet" }) }, 0), palletCycles
+                                    .keysToLazySeq()
+                                    .sortBy((x) => x)
+                                    .map((n) => (_jsx(MenuItem, { value: n, children: _jsx("div", { style: { display: "flex", alignItems: "center" }, children: _jsx("span", { style: { marginRight: "1em" }, children: n }) }) }, n)))] }) }), partNames.length > 0 ? (_jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedPart
+                                ? partNames.findIndex((o) => selectedPart.part === o.part && selectedPart.proc === o.proc)
+                                : -1, style: { marginLeft: "1em" }, onChange: (e) => {
+                                setSelectedPart(e.target.value === -1 ? undefined : partNames[e.target.value]);
+                            }, children: [_jsx(MenuItem, { value: -1, children: _jsx("em", { children: "Any Part" }) }, 0), partNames.map((n, idx) => (_jsx(MenuItem, { value: idx, children: _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx(PartIdenticon, { part: n.part, size: 20 }), _jsxs("span", { style: { marginRight: "1em" }, children: [n.part, "-", n.proc] })] }) }, idx)))] }) })) : undefined, _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: () => copyPalletCyclesToClipboard(palletCycles), style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx("main", { children: _jsx(CycleChart, { points: points, series_label: "Pallet", default_date_range: defaultDateRange, current_date_zoom: zoomDateRange, set_date_zoom_range: (z) => setZoomRange(z.zoom), yZoom: yZoom, setYZoom: setYZoom, extra_tooltip: extraPalletTooltip }) })] }));
+}

package/dist/components/analysis/PartCycleCards.d.ts

@@ -0,0 +1,2 @@
+export declare function PartMachineCycleChart(): import("react/jsx-runtime").JSX.Element;
+export declare function PartLoadStationCycleChart(): import("react/jsx-runtime").JSX.Element;

package/dist/components/analysis/PartCycleCards.js

@@ -0,0 +1,331 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* Copyright (c) 2022, John Lenz
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+    * Neither the name of John Lenz, Black Maple Software, SeedTactics,
+      nor the names of other contributors may be used to endorse or
+      promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+import { useCallback, useMemo } from "react";
+import { addMonths, addDays, startOfToday } from "date-fns";
+import { Box, FormControl, Typography } from "@mui/material";
+import { Select } from "@mui/material";
+import { MenuItem } from "@mui/material";
+import { Tooltip } from "@mui/material";
+import { IconButton } from "@mui/material";
+import { ImportExport } from "@mui/icons-material";
+import { selectedAnalysisPeriod } from "../../network/load-specific-month.js";
+import { CycleChart } from "./CycleChart.js";
+import * as matDetails from "../../cell-status/material-details.js";
+import { filterStationCycles, FilterAnyMachineKey, copyCyclesToClipboard, plannedOperationMinutes, loadOccupancyCycles, FilterAnyLoadKey, emptyStationCycles, } from "../../data/results.cycles.js";
+import { PartIdenticon } from "../station-monitor/Material.js";
+import StationDataTable from "./StationDataTable.js";
+import { useSetTitle, isDemoAtom } from "../routes.js";
+import { last30MaterialSummary, specificMonthMaterialSummary } from "../../cell-status/material-summary.js";
+import { last30EstimatedCycleTimes, PartAndStationOperation, specificMonthEstimatedCycleTimes, } from "../../cell-status/estimated-cycle-times.js";
+import { last30StationCycles, specificMonthStationCycles } from "../../cell-status/station-cycles.js";
+import { LazySeq, OrderedMap } from "@seedtactics/immutable-collections";
+import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
+import { atomWithDefault } from "jotai/utils";
+const dateTimeFormat = new Intl.DateTimeFormat(undefined, {
+    weekday: "short",
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+});
+function DisplayDateRange({ range }) {
+    const period = useAtomValue(selectedAnalysisPeriod);
+    if (!range)
+        return null;
+    const start = "start" in range ? range.start : range[0];
+    const end = "end" in range ? range.end : range[1];
+    if (period.type === "SpecificMonth") {
+        return start.toDateString() + " to " + end.toDateString();
+    }
+    else {
+        return dateTimeFormat.format(start) + " to " + dateTimeFormat.format(end);
+    }
+}
+// --------------------------------------------------------------------------------
+// Machine Cycles
+// --------------------------------------------------------------------------------
+const machineShowGraph = atom(true);
+const machineSelectedPart = atomWithDefault((get) => get(isDemoAtom) ? { part: "aaa", proc: 2 } : undefined);
+const machineSelectedMachine = atom(FilterAnyMachineKey);
+const machineSelectedOperation = atom(undefined);
+const machineSelectedPallet = atom(undefined);
+const machineZoomDateRangeRecent = atom(undefined);
+const machineZoomDateRangeByMonth = atom(OrderedMap.empty());
+const machineZoomDateRange = atom((get) => {
+    const period = get(selectedAnalysisPeriod);
+    if (period.type === "Last30") {
+        return get(machineZoomDateRangeRecent);
+    }
+    else {
+        return get(machineZoomDateRangeByMonth).get(period.month);
+    }
+}, (get, set, zoom) => {
+    const period = get(selectedAnalysisPeriod);
+    if (period.type === "Last30") {
+        set(machineZoomDateRangeRecent, zoom);
+    }
+    else {
+        set(machineZoomDateRangeByMonth, (prev) => prev.alter(period.month, () => zoom));
+    }
+});
+const machineYZoom = atom(null);
+export function PartMachineCycleChart() {
+    useSetTitle("Machine Cycles");
+    const setMatToShow = useSetAtom(matDetails.materialDialogOpen);
+    const extraStationCycleTooltip = useCallback(function extraStationCycleTooltip(point) {
+        const partC = point;
+        const ret = [];
+        for (const mat of partC.material) {
+            ret.push({
+                title: mat.serial ? mat.serial : "Material",
+                value: "Open Card",
+                link: () => setMatToShow({ type: "LogMat", logMat: mat }),
+            });
+        }
+        return ret;
+    }, [setMatToShow]);
+    // values which user can select to be filtered on
+    const period = useAtomValue(selectedAnalysisPeriod);
+    const estimatedCycleTimes = useAtomValue(period.type === "Last30" ? last30EstimatedCycleTimes : specificMonthEstimatedCycleTimes);
+    const matSummary = useAtomValue(period.type === "Last30" ? last30MaterialSummary : specificMonthMaterialSummary);
+    // filter/display state
+    const [showGraph, setShowGraph] = useAtom(machineShowGraph);
+    const [selectedPart, setSelectedPart] = useAtom(machineSelectedPart);
+    const [selectedMachine, setSelectedMachine] = useAtom(machineSelectedMachine);
+    const [selectedOperation, setSelectedOperation] = useAtom(machineSelectedOperation);
+    const [selectedPallet, setSelectedPallet] = useAtom(machineSelectedPallet);
+    const [zoomDateRange, setZoomRange] = useAtom(machineZoomDateRange);
+    const [yZoom, setYZoom] = useAtom(machineYZoom);
+    // calculate points
+    const defaultDateRange = period.type === "Last30"
+        ? [addDays(startOfToday(), -29), addDays(startOfToday(), 1)]
+        : [period.month, addMonths(period.month, 1)];
+    const cycles = useAtomValue(period.type === "Last30" ? last30StationCycles : specificMonthStationCycles);
+    const points = useMemo(() => {
+        if (selectedPart) {
+            if (selectedOperation) {
+                return filterStationCycles(cycles.valuesToLazySeq(), {
+                    partAndProc: selectedPart,
+                    pallet: selectedPallet,
+                    operation: selectedOperation,
+                });
+            }
+            else {
+                return filterStationCycles(cycles.valuesToLazySeq(), {
+                    partAndProc: selectedPart,
+                    pallet: selectedPallet,
+                    station: FilterAnyMachineKey,
+                });
+            }
+        }
+        else {
+            if (selectedPallet || selectedMachine !== FilterAnyMachineKey) {
+                return filterStationCycles(cycles.valuesToLazySeq(), {
+                    pallet: selectedPallet,
+                    station: selectedMachine,
+                });
+            }
+            else {
+                return emptyStationCycles(cycles.valuesToLazySeq());
+            }
+        }
+    }, [selectedPart, selectedPallet, selectedMachine, selectedOperation, cycles]);
+    // If we have selected a part and there is only one operation, default to it.
+    const curOperation = selectedPart
+        ? (selectedOperation ??
+            (points.allMachineOperations.length === 1 ? points.allMachineOperations[0] : undefined))
+        : undefined;
+    const plannedMinutes = useMemo(() => {
+        if (curOperation) {
+            return plannedOperationMinutes(points, false);
+        }
+        else {
+            return undefined;
+        }
+    }, [points, curOperation]);
+    return (_jsxs(Box, { 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: ["Machine Cycles for ", _jsx(DisplayDateRange, { range: zoomDateRange ?? defaultDateRange })] }), _jsx(Box, { flexGrow: 1 }), _jsx(FormControl, { size: "small", children: _jsxs(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]);
+                                setSelectedOperation(undefined);
+                            }, children: [_jsx(MenuItem, { value: -1, children: _jsx("em", { children: "Any Part" }) }, 0), points.allPartAndProcNames.map((n, idx) => (_jsx(MenuItem, { value: idx, children: _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx(PartIdenticon, { part: n.part, size: 20 }), _jsxs("span", { style: { marginRight: "1em" }, children: [n.part, "-", n.proc] })] }) }, idx)))] }) }), _jsx(FormControl, { size: "small", children: _jsx(Select, { autoWidth: true, displayEmpty: true, value: selectedPart
+                                ? curOperation
+                                    ? points.allMachineOperations.findIndex((o) => curOperation.compare(o) === 0)
+                                    : -1
+                                : selectedMachine, style: { marginLeft: "1em" }, onChange: (e) => {
+                                if (selectedPart) {
+                                    setSelectedOperation(points.allMachineOperations[e.target.value]);
+                                }
+                                else {
+                                    setSelectedMachine(e.target.value);
+                                }
+                            }, children: selectedPart
+                                ? [
+                                    ...(points.allMachineOperations.length !== 1
+                                        ? [
+                                            _jsx(MenuItem, { value: -1, children: _jsx("em", { children: "Any Operation" }) }, -1),
+                                        ]
+                                        : []),
+                                    ...points.allMachineOperations.map((oper, idx) => (_jsxs(MenuItem, { value: idx, children: [oper.statGroup, " ", oper.operation] }, idx))),
+                                ]
+                                : [
+                                    _jsx(MenuItem, { value: FilterAnyMachineKey, children: _jsx("em", { children: "Any Machine" }) }, -1),
+                                    points.allMachineNames.map((n) => (_jsx(MenuItem, { value: n, children: _jsx("div", { style: { display: "flex", alignItems: "center" }, children: _jsx("span", { style: { marginRight: "1em" }, children: n }) }) }, n))),
+                                ] }) }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { 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)))] }) }), points.data.size > 0 ? (_jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: () => copyCyclesToClipboard(points, matSummary.matsById, zoomDateRange), style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, size: "large", children: _jsx(ImportExport, {}) }) })) : undefined] }), _jsx("main", { children: showGraph ? (_jsx(CycleChart, { points: points.data, series_label: points.seriesLabel, default_date_range: defaultDateRange, extra_tooltip: extraStationCycleTooltip, current_date_zoom: zoomDateRange, set_date_zoom_range: (z) => setZoomRange(z.zoom), yZoom: yZoom, setYZoom: setYZoom, stats: curOperation ? 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: period, current_date_zoom: zoomDateRange, set_date_zoom_range: (z) => setZoomRange(z.zoom), showWorkorderAndInspect: true, emptyMessage: selectedPart || selectedPallet || selectedOperation
+                        ? "No Cycles"
+                        : "Select part, station, or pallet to see cycles." })) })] }));
+}
+const loadShowGraph = atom(true);
+const loadSelectedPart = atomWithDefault((get) => get(isDemoAtom) ? { part: "aaa", proc: 2 } : undefined);
+const loadSelectedOperation = atomWithDefault((get) => get(isDemoAtom) ? "LoadOp" : "LULOccupancy");
+const loadSelectedLoad = atom(FilterAnyLoadKey);
+const loadSelectedPallet = atom(undefined);
+const loadZoomDateRangeRecent = atom(undefined);
+const loadZoomDateRangeByMonth = atom(OrderedMap.empty());
+const loadZoomDateRange = atom((get) => {
+    const period = get(selectedAnalysisPeriod);
+    if (period.type === "Last30") {
+        return get(loadZoomDateRangeRecent);
+    }
+    else {
+        return get(loadZoomDateRangeByMonth).get(period.month);
+    }
+}, (get, set, zoom) => {
+    const period = get(selectedAnalysisPeriod);
+    if (period.type === "Last30") {
+        set(loadZoomDateRangeRecent, zoom);
+    }
+    else {
+        set(loadZoomDateRangeByMonth, (prev) => prev.alter(period.month, () => zoom));
+    }
+});
+const loadYZoom = atom(null);
+export function PartLoadStationCycleChart() {
+    useSetTitle("L/U Cycles");
+    const setMatToShow = useSetAtom(matDetails.materialDialogOpen);
+    const extraLoadCycleTooltip = useCallback(function extraLoadCycleTooltip(point) {
+        const partC = point;
+        const ret = [];
+        if (partC.operations) {
+            for (const mat of partC.operations) {
+                ret.push({
+                    title: (mat.mat.serial ? mat.mat.serial : "Material") + " " + mat.operation,
+                    value: "Open Card",
+                    link: () => setMatToShow({ type: "LogMat", logMat: mat.mat }),
+                });
+            }
+        }
+        return ret;
+    }, [setMatToShow]);
+    const period = useAtomValue(selectedAnalysisPeriod);
+    const [showGraph, setShowGraph] = useAtom(loadShowGraph);
+    const [selectedPart, setSelectedPart] = useAtom(loadSelectedPart);
+    const [selectedOperation, setSelectedOperation] = useAtom(loadSelectedOperation);
+    const [selectedLoadStation, setSelectedLoadStation] = useAtom(loadSelectedLoad);
+    const [selectedPallet, setSelectedPallet] = useAtom(loadSelectedPallet);
+    const [zoomDateRange, setZoomRange] = useAtom(loadZoomDateRange);
+    const [yZoom, setYZoom] = useAtom(loadYZoom);
+    const curOperation = useMemo(() => selectedPart && selectedOperation === "LoadOp"
+        ? new PartAndStationOperation(selectedPart.part, "L/U", "LOAD" + "-" + selectedPart.proc.toString())
+        : selectedPart && selectedOperation === "UnloadOp"
+            ? new PartAndStationOperation(selectedPart.part, "L/U", "UNLOAD" + "-" + selectedPart.proc.toString())
+            : null, [selectedPart, selectedOperation]);
+    const defaultDateRange = period.type === "Last30"
+        ? [addDays(startOfToday(), -29), addDays(startOfToday(), 1)]
+        : [period.month, addMonths(period.month, 1)];
+    const cycles = useAtomValue(period.type === "Last30" ? last30StationCycles : specificMonthStationCycles);
+    const matSummary = useAtomValue(period.type === "Last30" ? last30MaterialSummary : specificMonthMaterialSummary);
+    const estimatedCycleTimes = useAtomValue(period.type === "Last30" ? last30EstimatedCycleTimes : specificMonthEstimatedCycleTimes);
+    const points = useMemo(() => {
+        if (selectedPart || selectedPallet || selectedLoadStation !== FilterAnyLoadKey) {
+            if (curOperation) {
+                return filterStationCycles(cycles.valuesToLazySeq(), {
+                    operation: curOperation,
+                    pallet: selectedPallet,
+                    station: selectedLoadStation,
+                });
+            }
+            else if (showGraph) {
+                return loadOccupancyCycles(cycles.valuesToLazySeq(), {
+                    partAndProc: selectedPart,
+                    pallet: selectedPallet,
+                    station: selectedLoadStation,
+                });
+            }
+            else {
+                return filterStationCycles(cycles.valuesToLazySeq(), {
+                    partAndProc: selectedPart,
+                    pallet: selectedPallet,
+                    station: selectedLoadStation,
+                });
+            }
+        }
+        else {
+            return emptyStationCycles(cycles.valuesToLazySeq());
+        }
+    }, [selectedPart, selectedPallet, curOperation, selectedLoadStation, cycles, showGraph]);
+    const plannedMinutes = useMemo(() => {
+        if (selectedOperation === "LoadOp" || selectedOperation === "UnloadOp") {
+            return plannedOperationMinutes(points, true);
+        }
+        else {
+            return undefined;
+        }
+    }, [points, selectedOperation]);
+    return (_jsxs(Box, { 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: ["Load/Unload Cycles for ", _jsx(DisplayDateRange, { range: zoomDateRange ?? defaultDateRange })] }), _jsx(Box, { flexGrow: 1 }), _jsx(FormControl, { size: "small", children: _jsxs(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) => {
+                                if (e.target.value === -1) {
+                                    setSelectedPart(undefined);
+                                    setSelectedOperation("LULOccupancy");
+                                }
+                                else {
+                                    setSelectedPart(e.target.value === -1 ? undefined : points.allPartAndProcNames[e.target.value]);
+                                }
+                            }, children: [_jsx(MenuItem, { value: -1, children: _jsx("em", { children: "Any Part" }) }, 0), points.allPartAndProcNames.map((n, idx) => (_jsx(MenuItem, { value: idx, children: _jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [_jsx(PartIdenticon, { part: n.part, size: 20 }), _jsxs("span", { style: { marginRight: "1em" }, children: [n.part, "-", n.proc] })] }) }, idx)))] }) }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedOperation, style: { marginLeft: "1em" }, onChange: (e) => setSelectedOperation(e.target.value), children: [_jsx(MenuItem, { value: "LULOccupancy", children: "L/U Occupancy" }), selectedPart ? _jsx(MenuItem, { value: "LoadOp", children: "Load Operation (estimated)" }) : undefined, selectedPart ? _jsx(MenuItem, { value: "UnloadOp", children: "Unload Operation (estimated)" }) : undefined] }) }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedLoadStation, style: { marginLeft: "1em" }, onChange: (e) => {
+                                setSelectedLoadStation(e.target.value);
+                            }, children: [_jsx(MenuItem, { value: FilterAnyLoadKey, children: _jsx("em", { children: "Any Station" }) }, -1), points.allLoadStationNames.map((n) => (_jsx(MenuItem, { value: n, children: _jsx("div", { style: { display: "flex", alignItems: "center" }, children: _jsx("span", { style: { marginRight: "1em" }, children: n }) }) }, n)))] }) }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { 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)))] }) }), points.data.size > 0 ? (_jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: () => copyCyclesToClipboard(points, matSummary.matsById, zoomDateRange, selectedOperation === "LULOccupancy"), style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, size: "large", children: _jsx(ImportExport, {}) }) })) : undefined] }), _jsx("main", { children: showGraph ? (_jsx(CycleChart, { points: points.data, series_label: points.seriesLabel, default_date_range: defaultDateRange, extra_tooltip: extraLoadCycleTooltip, current_date_zoom: zoomDateRange, set_date_zoom_range: (z) => setZoomRange(z.zoom), yZoom: yZoom, setYZoom: setYZoom, stats: curOperation ? estimatedCycleTimes.get(curOperation) : undefined, plannedTimeMinutes: plannedMinutes })) : (_jsx(StationDataTable, { points: points.data, matsById: matSummary.matsById, period: period, current_date_zoom: zoomDateRange, set_date_zoom_range: (z) => setZoomRange(z.zoom), showWorkorderAndInspect: true, hideMedian: selectedOperation === "LULOccupancy", emptyMessage: selectedPart || selectedPallet
+                        ? "No Cycles"
+                        : "Select part, operation, or pallet to see cycles." })) })] }));
+}

package/dist/components/analysis/QualityPage.d.ts

@@ -0,0 +1 @@
+export declare function AnalysisQualityPage(): import("react/jsx-runtime").JSX.Element;

package/dist/components/analysis/QualityPage.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* Copyright (c) 2022, John Lenz
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+    * Neither the name of John Lenz, Black Maple Software, SeedTactics,
+      nor the names of other contributors may be used to endorse or
+      promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+import { addMonths, addDays, startOfToday } from "date-fns";
+import { selectedAnalysisPeriod } from "../../network/load-specific-month.js";
+import { InspectionSankey } from "./InspectionSankey.js";
+import { last30Inspections, specificMonthInspections } from "../../cell-status/inspections.js";
+import { useSetTitle } from "../routes.js";
+import { useAtomValue } from "jotai";
+export function AnalysisQualityPage() {
+    useSetTitle("Quality");
+    const period = useAtomValue(selectedAnalysisPeriod);
+    const inspectionlogs = useAtomValue(period.type === "Last30" ? last30Inspections : specificMonthInspections);
+    const zoomType = period.type === "Last30" ? "Last30Days" : "ZoomIntoRange";
+    const default_date_range = period.type === "Last30"
+        ? [addDays(startOfToday(), -29), addDays(startOfToday(), 1)]
+        : [period.month, addMonths(period.month, 1)];
+    return (_jsx(InspectionSankey, { subtitle: "Inspection decisions grouped by path", inspectionlogs: inspectionlogs, zoomType: zoomType, default_date_range: default_date_range }));
+}

package/dist/components/analysis/ScheduleHistory.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from "react";
+export declare function ScheduleTable(): import("react/jsx-runtime").JSX.Element;
+export declare function ScheduleHistory(): ReactNode;

package/dist/components/analysis/ScheduleHistory.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* Copyright (c) 2022, John Lenz
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+    * Neither the name of John Lenz, Black Maple Software, SeedTactics,
+      nor the names of other contributors may be used to endorse or
+      promote products derived from this software without specific
+      prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+import { useState, useMemo } from "react";
+import { last30Jobs, specificMonthJobs } from "../../cell-status/scheduled-jobs.js";
+import { selectedAnalysisPeriod } from "../../network/load-specific-month.js";
+import { last30MaterialSummary, specificMonthMaterialSummary } from "../../cell-status/material-summary.js";
+import { DataTableActions, DataTableHead, useColSort, useTablePage, useTableZoomForPeriod, } from "./DataTable.js";
+import { buildScheduledJobs } from "../../data/results.schedules.js";
+import { LazySeq } from "@seedtactics/immutable-collections";
+import { Box, Collapse, IconButton, Table, TableBody, TableCell, Tooltip } from "@mui/material";
+import { KeyboardArrowDown as KeyboardArrowDownIcon, KeyboardArrowUp as KeyboardArrowUpIcon, } from "@mui/icons-material";
+import { JobDetailRow, JobTableRow } from "../operations/RecentSchedules.js";
+import { JobDetails } from "../station-monitor/JobDetails.js";
+import { PartIdenticon } from "../station-monitor/Material.js";
+import { useSetTitle } from "../routes.js";
+import { useAtomValue } from "jotai";
+var ScheduleCols;
+(function (ScheduleCols) {
+    ScheduleCols[ScheduleCols["Date"] = 0] = "Date";
+    ScheduleCols[ScheduleCols["Part"] = 1] = "Part";
+    ScheduleCols[ScheduleCols["Scheduled"] = 2] = "Scheduled";
+    ScheduleCols[ScheduleCols["Removed"] = 3] = "Removed";
+    ScheduleCols[ScheduleCols["Completed"] = 4] = "Completed";
+})(ScheduleCols || (ScheduleCols = {}));
+const cols = [
+    {
+        id: ScheduleCols.Date,
+        label: "Date",
+        numeric: false,
+        getDisplay: (j) => j.routeStartTime.toLocaleString(),
+        getForSort: (j) => j.routeStartTime.getTime(),
+        getForExport: (j) => j.routeStartTime.toISOString(),
+    },
+    { id: ScheduleCols.Part, label: "Part", numeric: false, getDisplay: (j) => j.partName },
+    {
+        id: ScheduleCols.Scheduled,
+        label: "Scheduled",
+        numeric: true,
+        getDisplay: (j) => j.scheduledQty.toString(),
+        getForSort: (j) => j.scheduledQty,
+    },
+    {
+        id: ScheduleCols.Removed,
+        label: "Removed",
+        numeric: true,
+        getDisplay: (j) => j.decrementedQty.toString(),
+        getForSort: (j) => j.decrementedQty,
+    },
+    {
+        id: ScheduleCols.Completed,
+        label: "Completed",
+        numeric: true,
+        getDisplay: (j) => j.completedQty.toString(),
+    },
+];
+function JobRow({ job }) {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsxs(JobTableRow, { children: [cols.map((col) => (_jsx(TableCell, { align: col.numeric ? "right" : "left", children: col.id === ScheduleCols.Part ? (_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: job.partName })] })) : (col.getDisplay(job)) }, col.id))), _jsx(TableCell, { children: _jsx(Tooltip, { title: "Show Details", children: _jsx(IconButton, { size: "small", onClick: () => setOpen(!open), children: open ? _jsx(KeyboardArrowUpIcon, {}) : _jsx(KeyboardArrowDownIcon, {}) }) }) })] }), _jsx(JobDetailRow, { children: _jsx(TableCell, { sx: { pb: "0", pt: "0" }, colSpan: cols.length + 1, children: _jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: _jsx(JobDetails, { job: job.inProcJob ? job.inProcJob : job.historicJob, checkAnalysisMonth: true }) }) }) })] }));
+}
+export function ScheduleTable() {
+    const period = useAtomValue(selectedAnalysisPeriod);
+    const tpage = useTablePage();
+    const zoom = useTableZoomForPeriod(period);
+    const sort = useColSort(ScheduleCols.Date, cols);
+    const matIds = useAtomValue(period.type === "Last30" ? last30MaterialSummary : specificMonthMaterialSummary);
+    const schJobs = useAtomValue(period.type === "Last30" ? last30Jobs : specificMonthJobs);
+    const jobs = useMemo(() => buildScheduledJobs(zoom.zoomRange, matIds.matsById, schJobs, null), [zoom, matIds.matsById, schJobs]);
+    const page = useMemo(() => LazySeq.of(jobs)
+        .sortBy(sort.sortOn)
+        .drop(tpage.page * tpage.rowsPerPage)
+        .take(tpage.rowsPerPage), [jobs, sort, tpage]);
+    return (_jsxs("div", { children: [_jsxs(Table, { stickyHeader: true, children: [_jsx(DataTableHead, { columns: cols, sort: sort, showDetailsCol: true, copyToClipboardRows: jobs }), _jsx(TableBody, { children: page.map((j, jIdx) => (_jsx(JobRow, { job: j }, j.historicJob?.unique ?? j.inProcJob?.unique ?? jIdx))) })] }), _jsx(DataTableActions, { tpage: tpage, zoom: zoom.zoom, count: jobs.length })] }));
+}
+export function ScheduleHistory() {
+    useSetTitle("Scheduled Jobs");
+    return (_jsx(_Fragment, { children: _jsx("main", { style: { padding: "24px" }, children: _jsx(ScheduleTable, {}) }) }));
+}