@seedtactics/insight-client 16.4.0

package/dist/components/operations/RecentProduction.js

@@ -0,0 +1,213 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* Copyright (c) 2023, 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 { Box, IconButton, Stack, Table, TableCell, TableFooter, TableRow, Tooltip, Typography, } from "@mui/material";
+import { addDays, startOfToday } from "date-fns";
+import { useMemo, memo, useState } from "react";
+import { copyTableToClipboard, DataTableBody, DataTableHead, useColSort, } from "../analysis/DataTable.js";
+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 { PartIdenticon } from "../station-monitor/Material.js";
+import { useSetTitle } from "../routes.js";
+import { useAtomValue } from "jotai";
+var ColumnId;
+(function (ColumnId) {
+    ColumnId[ColumnId["Part"] = 0] = "Part";
+    ColumnId[ColumnId["PlannedShift0"] = 1] = "PlannedShift0";
+    ColumnId[ColumnId["PlannedShift1"] = 2] = "PlannedShift1";
+    ColumnId[ColumnId["PlannedShift2"] = 3] = "PlannedShift2";
+    ColumnId[ColumnId["CompletedShift0"] = 4] = "CompletedShift0";
+    ColumnId[ColumnId["CompletedShift1"] = 5] = "CompletedShift1";
+    ColumnId[ColumnId["CompletedShift2"] = 6] = "CompletedShift2";
+})(ColumnId || (ColumnId = {}));
+function decideShift(f, shifts) {
+    return (t) => {
+        const time = f(t);
+        for (let i = 0; i < shifts.length; i++) {
+            const s = shifts[i];
+            if (time >= s.start && time < s.end) {
+                return { val: t, shift: i };
+            }
+        }
+        return null;
+    };
+}
+function binSimProduction(prod, shifts) {
+    return LazySeq.of(prod)
+        .filter((p) => p.finalProcess)
+        .collect(decideShift((p) => p.completeTime, shifts))
+        .toLookupOrderedMap((p) => p.val.partName, (p) => p.shift, (p) => p.val.quantity, (a, b) => a + b);
+}
+function binCompleted(cycles, shifts) {
+    return cycles
+        .valuesToLazySeq()
+        .filter((cycle) => cycle.isLabor &&
+        cycle.operation === "UNLOAD" &&
+        LazySeq.of(cycle.material).some((m) => m.proc === m.numproc))
+        .collect(decideShift((c) => c.endTime, shifts))
+        .toLookupOrderedMap((p) => p.val.part, (p) => p.shift, (p) => LazySeq.of(p.val.material).sumBy((m) => (m.proc === m.numproc ? 1 : 0)), (a, b) => a + b);
+}
+function useRows(day) {
+    const cycles = useAtomValue(last30StationCycles);
+    const sim = useAtomValue(last30SimProduction);
+    const shifts = useShifts(day);
+    return useMemo(() => {
+        const planned = binSimProduction(sim, shifts);
+        const completed = binCompleted(cycles, shifts);
+        return planned
+            .mapValues((p) => ({
+            planned: p,
+        }))
+            .adjust(completed, (plan, comp) => ({ ...(plan ?? {}), completed: comp }))
+            .toAscLazySeq()
+            .map(([partName, { planned, completed }]) => ({
+            part: partName,
+            planned: planned ?? OrderedMap.empty(),
+            completed: completed ?? OrderedMap.empty(),
+        }))
+            .toRArray();
+    }, [cycles, sim, shifts]);
+}
+const fulldayFormat = new Intl.DateTimeFormat(undefined, {
+    weekday: "long",
+    month: "long",
+    day: "numeric",
+    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 })] }));
+}
+function useColumns(day) {
+    const numShifts = useShifts(day).length;
+    return useMemo(() => {
+        const cols = [
+            {
+                id: ColumnId.Part,
+                numeric: false,
+                label: "Part",
+                getDisplay: (c) => c.part,
+                getForTotal: () => 0,
+                Cell: PartCell,
+            },
+            {
+                id: ColumnId.PlannedShift0,
+                numeric: true,
+                label: `Shift 1 Planned`,
+                getDisplay: (c) => c.planned.get(0)?.toString() ?? "",
+                getForSort: (c) => c.planned.get(0) ?? 0,
+                getForTotal: (c) => c.planned.get(0) ?? 0,
+            },
+            {
+                id: ColumnId.CompletedShift0,
+                numeric: true,
+                label: `Shift 1 Completed`,
+                getDisplay: (c) => c.completed.get(0)?.toString() ?? "",
+                getForSort: (c) => c.completed.get(0) ?? 0,
+                getForTotal: (c) => c.completed.get(0) ?? 0,
+            },
+        ];
+        if (numShifts >= 2) {
+            cols.push({
+                id: ColumnId.PlannedShift1,
+                numeric: true,
+                label: `Shift 2 Planned`,
+                getDisplay: (c) => c.planned.get(1)?.toString() ?? "",
+                getForSort: (c) => c.planned.get(1) ?? 0,
+                getForTotal: (c) => c.planned.get(1) ?? 0,
+            });
+            cols.push({
+                id: ColumnId.CompletedShift1,
+                numeric: true,
+                label: `Shift 2 Completed`,
+                getDisplay: (c) => c.completed.get(1)?.toString() ?? "",
+                getForSort: (c) => c.completed.get(1) ?? 0,
+                getForTotal: (c) => c.completed.get(1) ?? 0,
+            });
+        }
+        if (numShifts === 3) {
+            cols.push({
+                id: ColumnId.PlannedShift2,
+                numeric: true,
+                label: `Shift 3 Planned`,
+                getDisplay: (c) => c.planned.get(2)?.toString() ?? "",
+                getForSort: (c) => c.planned.get(2) ?? 0,
+                getForTotal: (c) => c.planned.get(2) ?? 0,
+            });
+            cols.push({
+                id: ColumnId.CompletedShift2,
+                numeric: true,
+                label: `Shift 3 Completed`,
+                getDisplay: (c) => c.completed.get(2)?.toString() ?? "",
+                getForSort: (c) => c.completed.get(2) ?? 0,
+                getForTotal: (c) => c.completed.get(2) ?? 0,
+            });
+        }
+        return cols;
+    }, [numShifts]);
+}
+function FooterRow({ columns, rows, }) {
+    return (_jsx(TableRow, { children: columns.map((col) => (_jsx(TableCell, { align: col.numeric ? "right" : "left", children: col.id === ColumnId.Part ? "Total" : LazySeq.of(rows).sumBy(col.getForTotal) }, col.id))) }));
+}
+const RecentProductionTable = memo(function RecentSchedules({ columns, rows, }) {
+    const sort = useColSort(ColumnId.Part, columns);
+    return (_jsx(Box, { sx: { overflowX: "auto" }, children: _jsxs(Table, { stickyHeader: true, children: [_jsx(DataTableHead, { columns: columns, sort: sort, showDetailsCol: false }), _jsx(DataTableBody, { columns: columns, pageData: LazySeq.of(rows).toSortedArray(sort.sortOn, (x) => x.part) }), _jsx(TableFooter, { children: _jsx(FooterRow, { columns: columns, rows: 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, {}) }) }) })] }));
+}
+const mdGridTemplate = '"shifts day export" auto / 1fr 1fr 1fr';
+const xsGridTemplate = `"shifts export" auto
+"day day" auto / 1fr auto`;
+const RecentProductionToolbar = function RecentProductionToolbar({ day, setDay, columns, rows, }) {
+    return (_jsxs(Box, { component: "nav", sx: {
+            display: "grid",
+            gridTemplate: {
+                md: mdGridTemplate,
+                xs: xsGridTemplate,
+            },
+            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, {}) }) }) })] }));
+};
+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 }) })] }));
+}

package/dist/components/operations/RecentSchedules.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { StyledComponent } from "@emotion/styled";
+export declare const JobTableRow: StyledComponent<{
+    $darkRow?: boolean;
+    children?: ReactNode;
+}>;
+export declare const JobDetailRow: StyledComponent<{
+    $darkRow?: boolean;
+    children?: ReactNode;
+}>;
+export declare const RecentSchedulesCard: import("react").NamedExoticComponent<object>;
+export declare function RecentSchedulesPage(): ReactNode;

package/dist/components/operations/RecentSchedules.js

@@ -0,0 +1,180 @@
+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, memo, useMemo } from "react";
+import { Box, styled, TableSortLabel } from "@mui/material";
+import { IconButton } from "@mui/material";
+import { Tooltip } from "@mui/material";
+import { Typography } from "@mui/material";
+import { Table } from "@mui/material";
+import { TableRow } from "@mui/material";
+import { TableCell } from "@mui/material";
+import { TableHead } from "@mui/material";
+import { TableBody } from "@mui/material";
+import { addDays, startOfToday } from "date-fns";
+import { buildScheduledJobs, copyScheduledJobsToClipboard, } from "../../data/results.schedules.js";
+import { PartIdenticon } from "../station-monitor/Material.js";
+import { EditNoteDialog } from "../station-monitor/Queues.js";
+import { KeyboardArrowDown as KeyboardArrowDownIcon, KeyboardArrowUp as KeyboardArrowUpIcon, Edit as EditIcon, ImportExport, Visibility, VisibilityOff, } from "@mui/icons-material";
+import { JobDetails } from "../station-monitor/JobDetails.js";
+import { Collapse } from "@mui/material";
+import { currentStatus } from "../../cell-status/current-status.js";
+import { last30Jobs } from "../../cell-status/scheduled-jobs.js";
+import { last30MaterialSummary } from "../../cell-status/material-summary.js";
+import { LazySeq } from "@seedtactics/immutable-collections";
+import { useSetTitle } from "../routes.js";
+import { useAtomValue } from "jotai";
+export const JobTableRow = styled(TableRow, {
+    shouldForwardProp: (prop) => prop.toString()[0] !== "$",
+})((props) => ({
+    "& > *": {
+        borderBottom: "unset",
+    },
+    ...(props.$darkRow && { backgroundColor: "#F5F5F5" }),
+}));
+export const JobDetailRow = styled(TableRow, {
+    shouldForwardProp: (prop) => prop.toString()[0] !== "$",
+})((props) => ({
+    ...(props.$darkRow && { backgroundColor: "#F5F5F5" }),
+}));
+function JobsRow(props) {
+    const [open, setOpen] = useState(false);
+    let colCnt = 10;
+    if (props.showMaterial)
+        colCnt += 1;
+    const job = props.job;
+    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: {
+                                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 }) }) }) })] }));
+}
+var SortColumn;
+(function (SortColumn) {
+    SortColumn[SortColumn["Date"] = 0] = "Date";
+    SortColumn[SortColumn["Part"] = 1] = "Part";
+    SortColumn[SortColumn["Material"] = 2] = "Material";
+    SortColumn[SortColumn["Note"] = 3] = "Note";
+    SortColumn[SortColumn["Scheduled"] = 4] = "Scheduled";
+    SortColumn[SortColumn["Removed"] = 5] = "Removed";
+    SortColumn[SortColumn["Completed"] = 6] = "Completed";
+    SortColumn[SortColumn["InProc"] = 7] = "InProc";
+    SortColumn[SortColumn["RemainingToRun"] = 8] = "RemainingToRun";
+})(SortColumn || (SortColumn = {}));
+function sortJobs(jobs, sortBy, order, showArchived) {
+    let sortCol;
+    switch (sortBy) {
+        case SortColumn.Date:
+            sortCol = (j) => j.routeStartTime.getTime();
+            break;
+        case SortColumn.Part:
+            sortCol = (j) => j.partName;
+            break;
+        case SortColumn.Material:
+            sortCol = (j) => j.casting;
+            break;
+        case SortColumn.Note:
+            sortCol = (j) => j.comment ?? null;
+            break;
+        case SortColumn.Scheduled:
+            sortCol = (j) => j.scheduledQty;
+            break;
+        case SortColumn.Removed:
+            sortCol = (j) => j.decrementedQty;
+            break;
+        case SortColumn.Completed:
+            sortCol = (j) => j.completedQty;
+            break;
+        case SortColumn.InProc:
+            sortCol = (j) => j.inProcessQty;
+            break;
+        case SortColumn.RemainingToRun:
+            sortCol = (j) => j.remainingQty;
+            break;
+    }
+    const toShow = showArchived ? LazySeq.of(jobs) : LazySeq.of(jobs).filter((j) => j.inProcJob !== null);
+    return toShow.toSortedArray(order === "asc" ? { asc: sortCol } : { desc: sortCol });
+}
+function SortColHeader(props) {
+    return (_jsx(Tooltip, { title: "Sort", enterDelay: 300, children: _jsx(TableCell, { align: props.align, sortDirection: props.sortBy === props.col ? props.order : false, children: _jsx(TableSortLabel, { active: props.sortBy === props.col, direction: props.order, onClick: () => {
+                    if (props.col === props.sortBy) {
+                        props.setOrder(props.order === "asc" ? "desc" : "asc");
+                    }
+                    else {
+                        props.setSortBy(props.col);
+                        props.setOrder("asc");
+                    }
+                }, children: props.children }) }) }));
+}
+const JobsHeader = memo(function JobsHeader(props) {
+    const sort = {
+        sortBy: props.sortBy,
+        setSortBy: props.setSortBy,
+        order: props.order,
+        setOrder: props.setOrder,
+    };
+    return (_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(SortColHeader, { align: "left", col: SortColumn.Date, ...sort, children: "Date" }), _jsx(SortColHeader, { align: "left", col: SortColumn.Part, ...sort, children: "Part" }), props.showMaterial ? (_jsx(SortColHeader, { align: "left", col: SortColumn.Material, ...sort, children: "Material" })) : undefined, _jsx(SortColHeader, { align: "left", col: SortColumn.Note, ...sort, children: "Note" }), _jsxs(TableCell, { align: "left", children: ["Active", _jsx(Tooltip, { title: props.showArchived ? "Hide Archived" : "Show Archived", children: _jsx(IconButton, { size: "small", onClick: (e) => {
+                                    props.setShowArchived((a) => !a);
+                                    e.stopPropagation();
+                                }, children: props.showArchived ? _jsx(Visibility, {}) : _jsx(VisibilityOff, {}) }) })] }), _jsx(SortColHeader, { align: "right", col: SortColumn.Scheduled, ...sort, children: "Scheduled" }), _jsx(SortColHeader, { align: "right", col: SortColumn.Removed, ...sort, children: "Removed" }), _jsx(SortColHeader, { align: "right", col: SortColumn.Completed, ...sort, children: "Completed" }), _jsx(SortColHeader, { align: "right", col: SortColumn.InProc, ...sort, children: "In Process" }), _jsx(SortColHeader, { align: "right", col: SortColumn.RemainingToRun, ...sort, children: "Remaining To Run" }), _jsx(TableCell, { children: _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, onClick: () => copyScheduledJobsToClipboard(props.jobs, props.showMaterial), size: "large", children: _jsx(ImportExport, {}) }) }) })] }) }));
+});
+export const RecentSchedulesCard = memo(function RecentSchedules() {
+    const [curEditNoteJob, setCurEditNoteJob] = useState(null);
+    const [sortBy, setSortBy] = useState(SortColumn.Date);
+    const [order, setOrder] = useState("desc");
+    const [showArchived, setShowArchived] = useState(true);
+    const matIds = useAtomValue(last30MaterialSummary);
+    const schJobs = useAtomValue(last30Jobs);
+    const currentSt = useAtomValue(currentStatus);
+    const showMaterial = useMemo(() => {
+        for (const [, newJob] of schJobs) {
+            for (const p of newJob.procsAndPaths[0]?.paths ?? []) {
+                if (p.casting !== null && p.casting !== undefined && p.casting !== "") {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }, [schJobs]);
+    const jobs = useMemo(() => {
+        return buildScheduledJobs({ start: addDays(startOfToday(), -6), end: addDays(startOfToday(), 1) }, matIds.matsById, schJobs, currentSt);
+    }, [matIds.matsById, schJobs, currentSt]);
+    const sorted = useMemo(() => sortJobs(jobs, sortBy, order, showArchived), [jobs, sortBy, order, showArchived]);
+    return (_jsxs(_Fragment, { children: [_jsxs(Table, { stickyHeader: true, children: [_jsx(JobsHeader, { jobs: jobs, showMaterial: showMaterial, sortBy: sortBy, setSortBy: setSortBy, order: order, setOrder: setOrder, showArchived: showArchived, setShowArchived: setShowArchived }), _jsx(TableBody, { children: sorted.map((job, jobIdx) => (_jsx(JobsRow, { job: job, showDarkRow: sortBy === SortColumn.Date, showMaterial: showMaterial, setCurEditNoteJob: setCurEditNoteJob }, job.inProcJob?.unique ?? job.historicJob?.unique ?? jobIdx))) })] }), _jsx(EditNoteDialog, { job: curEditNoteJob?.historicJob ?? null, closeDialog: () => setCurEditNoteJob(null) })] }));
+});
+export function RecentSchedulesPage() {
+    useSetTitle("Scheduled Jobs");
+    return (_jsx("main", { style: { padding: "24px" }, children: _jsx(RecentSchedulesCard, {}) }));
+}

package/dist/components/operations/RecentStationCycles.d.ts

@@ -0,0 +1,4 @@
+export type CycleType = "labor" | "machine";
+export declare function RecentStationCycleChart({ ty }: {
+    ty: CycleType;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/operations/RecentStationCycles.js

@@ -0,0 +1,159 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/* Copyright (c) 2023, 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 { Box, FormControl, Typography } from "@mui/material";
+import { addDays, startOfToday } from "date-fns";
+import { Tooltip } from "@mui/material";
+import { IconButton } from "@mui/material";
+import { Select } from "@mui/material";
+import { MenuItem } from "@mui/material";
+import { ImportExport } from "@mui/icons-material";
+import StationDataTable from "../analysis/StationDataTable.js";
+import { PartIdenticon } from "../station-monitor/Material.js";
+import { filterStationCycles, FilterAnyMachineKey, copyCyclesToClipboard, plannedOperationMinutes, loadOccupancyCycles, FilterAnyLoadKey, } from "../../data/results.cycles.js";
+import * as matDetails from "../../cell-status/material-details.js";
+import { CycleChart } from "../analysis/CycleChart.js";
+import { last30MaterialSummary } from "../../cell-status/material-summary.js";
+import { last30EstimatedCycleTimes, } from "../../cell-status/estimated-cycle-times.js";
+import { last30StationCycles } from "../../cell-status/station-cycles.js";
+import { LazySeq } from "@seedtactics/immutable-collections";
+import { useSetTitle } from "../routes.js";
+import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
+const lulShowGraphAtom = atom(true);
+const machineShowGraphAtom = atom(true);
+const lulSelectedPartAtom = atom(undefined);
+const machineSelectedPartAtom = atom(undefined);
+const machineSelectedOperation = atom(undefined);
+const lulSelectedPalletAtom = atom(undefined);
+const machineSelectedPalletAtom = atom(undefined);
+const lulChartZoomAtom = atom({});
+const machineChartZoomAtom = atom({});
+const lulYZoomAtom = atom(null);
+const machineYZoomAtom = atom(null);
+export function RecentStationCycleChart({ ty }) {
+    useSetTitle(ty === "labor" ? "L/U Cycles" : "Machine Cycles");
+    const setMatToShow = useSetAtom(matDetails.materialDialogOpen);
+    const extraStationCycleTooltip = useCallback(function extraStationCycleTooltip(point) {
+        const partC = point;
+        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 }),
+                });
+            }
+        }
+        else {
+            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]);
+    const [showGraph, setShowGraph] = useAtom(ty === "labor" ? lulShowGraphAtom : machineShowGraphAtom);
+    const [chartZoom, setChartZoom] = useAtom(ty === "labor" ? lulChartZoomAtom : machineChartZoomAtom);
+    const [selectedPart, setSelectedPart] = useAtom(ty === "labor" ? lulSelectedPartAtom : machineSelectedPartAtom);
+    const [selectedOperation, setSelectedOperation] = useAtom(machineSelectedOperation);
+    const [selectedPallet, setSelectedPallet] = useAtom(ty === "labor" ? lulSelectedPalletAtom : machineSelectedPalletAtom);
+    const [yZoom, setYZoom] = useAtom(ty === "labor" ? lulYZoomAtom : machineYZoomAtom);
+    const estimatedCycleTimes = useAtomValue(last30EstimatedCycleTimes);
+    const default_date_range = [addDays(startOfToday(), -4), addDays(startOfToday(), 1)];
+    const cycles = useAtomValue(last30StationCycles);
+    const matSummary = useAtomValue(last30MaterialSummary);
+    const points = useMemo(() => {
+        const today = startOfToday();
+        if (selectedOperation) {
+            return filterStationCycles(cycles.valuesToLazySeq(), {
+                zoom: { start: addDays(today, -4), end: addDays(today, 1) },
+                partAndProc: selectedPart,
+                pallet: selectedPallet,
+                operation: selectedOperation,
+            });
+        }
+        else if (ty === "labor" && showGraph) {
+            return loadOccupancyCycles(cycles.valuesToLazySeq(), {
+                zoom: { start: addDays(today, -4), end: addDays(today, 1) },
+                partAndProc: selectedPart,
+                pallet: selectedPallet,
+            });
+        }
+        else {
+            return filterStationCycles(cycles.valuesToLazySeq(), {
+                zoom: { start: addDays(today, -4), end: addDays(today, 1) },
+                partAndProc: selectedPart,
+                pallet: selectedPallet,
+                station: ty === "labor" ? FilterAnyLoadKey : FilterAnyMachineKey,
+            });
+        }
+    }, [cycles, ty, selectedPart, selectedPallet, selectedOperation, showGraph]);
+    // 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 && ty === "machine") {
+            return plannedOperationMinutes(points, false);
+        }
+        else {
+            return undefined;
+        }
+    }, [points, ty, 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: ["Recent ", ty === "labor" ? "Load/Unload Occupancy" : "Machine Cycles"] }), _jsx(Box, { flexGrow: 1 }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { name: "Station-Cycles-chart-or-table-select", autoWidth: true, value: showGraph ? "graph" : "table", onChange: (e) => setShowGraph(e.target.value === "graph"), children: [_jsx(MenuItem, { value: "graph", children: "Graph" }, "graph"), _jsx(MenuItem, { value: "table", children: "Table" }, "table")] }) }), _jsx(FormControl, { size: "small", children: _jsxs(Select, { autoWidth: true, displayEmpty: true, value: selectedPart
+                                ? 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)))] }) }), ty === "machine" ? (_jsx(FormControl, { size: "small", children: _jsx(Select, { name: "Station-Cycles-cycle-chart-station-select", autoWidth: true, displayEmpty: true, value: curOperation
+                                ? points.allMachineOperations.findIndex((o) => curOperation.compare(o) === 0)
+                                : -1, style: { marginLeft: "1em" }, onChange: (e) => setSelectedOperation(points.allMachineOperations[e.target.value]), children: [
+                                ...(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))),
+                            ] }) })) : undefined, _jsx(FormControl, { size: "small", children: _jsxs(Select, { name: "Station-Cycles-cycle-chart-station-pallet", autoWidth: true, displayEmpty: true, value: selectedPallet || "", style: { marginLeft: "1em" }, onChange: (e) => setSelectedPallet(e.target.value === "" ? undefined : e.target.value), children: [_jsx(MenuItem, { value: "", children: _jsx("em", { children: "Any Pallet" }) }, 0), points.allPalletNames.map((n) => (_jsx(MenuItem, { value: n, children: _jsx("div", { style: { display: "flex", alignItems: "center" }, children: _jsx("span", { style: { marginRight: "1em" }, children: n }) }) }, n)))] }) }), _jsx(Tooltip, { title: "Copy to Clipboard", children: _jsx(IconButton, { onClick: () => copyCyclesToClipboard(points, matSummary.matsById, undefined, ty === "labor"), style: { height: "25px", paddingTop: 0, paddingBottom: 0 }, size: "large", children: _jsx(ImportExport, {}) }) })] }), _jsx("main", { children: showGraph ? (_jsx(CycleChart, { points: points.data, series_label: points.seriesLabel, default_date_range: default_date_range, extra_tooltip: extraStationCycleTooltip, current_date_zoom: chartZoom.zoom, set_date_zoom_range: setChartZoom, yZoom: yZoom, setYZoom: setYZoom, stats: curOperation && ty === "machine" ? estimatedCycleTimes.get(curOperation) : undefined, partCntPerPoint: curOperation ? LazySeq.of(points.data).head()?.[1]?.[0]?.material?.length : undefined, plannedTimeMinutes: plannedMinutes })) : (_jsx(StationDataTable, { points: points.data, matsById: matSummary.matsById, period: { type: "Last30" }, current_date_zoom: undefined, set_date_zoom_range: undefined, showWorkorderAndInspect: true, hideMedian: ty === "labor" })) })] }));
+}

package/dist/components/operations/ShiftSettings.d.ts

@@ -0,0 +1,6 @@
+export type ShiftStartAndEnd = {
+    readonly start: Date;
+    readonly end: Date;
+};
+export declare function useShifts(day: Date): ReadonlyArray<ShiftStartAndEnd>;
+export declare function ShiftStart(): import("react/jsx-runtime").JSX.Element;