@seedtactics/insight-client 17.0.1-beta.12 → 17.0.1-beta.13

package/dist/cell-status/current-status.d.ts

@@ -5,6 +5,7 @@ export declare const currentStatus: Atom<ICurrentStatus>;
 export declare const secondsSinceEpochAtom: import("jotai").PrimitiveAtom<number> & {
     init: number;
 };
+export declare const minutesSinceEpochAtom: Atom<number>;
 export declare const setJobComment: import("jotai").WritableAtom<null, [uniq: string, newVal: string | null], void> & {
     init: null;
 };

package/dist/cell-status/current-status.js

@@ -51,6 +51,8 @@ secondsSinceEpochAtom.onMount = (setSelf) => {
     }, 1000);
     return () => clearInterval(interval);
 };
+// Minute precision keeps report time windows current without redrawing charts every second.
+export const minutesSinceEpochAtom = atom((get) => Math.floor(get(secondsSinceEpochAtom) / 60));
 export const setJobComment = atom(null, (_, set, uniq, newVal) => {
     const newComment = newVal === null ? "" : newVal;
     set(currentStatusRW, (st) => {

package/dist/cell-status/loading.d.ts

@@ -6,6 +6,12 @@ export interface ServerEventAndTime {
     readonly expire: boolean;
 }
 export declare const lastEventCounter: Atom<number | null>;
+export declare const onLiveServerEvent: import("jotai").WritableAtom<null, [evt: ServerEventAndTime], void> & {
+    init: null;
+};
+export declare const onHistoricalServerEvent: import("jotai").WritableAtom<null, [evt: ServerEventAndTime], void> & {
+    init: null;
+};
 export declare const onServerEvent: import("jotai").WritableAtom<null, [evt: ServerEventAndTime], void> & {
     init: null;
 };

package/dist/cell-status/loading.js

@@ -50,16 +50,20 @@ import * as simDayUsage from "./sim-day-usage.js";
 import * as rebookings from "./rebookings.js";
 import { atom } from "jotai";
 const lastEventCounterRW = atom(null);
+// Highest counter applied to historical projections. Buffered websocket events do not advance it.
+// This is a reconnect cursor, not proof that lower counters cannot arrive later on the socket.
 export const lastEventCounter = lastEventCounterRW;
-export const onServerEvent = atom(null, (_, set, evt) => {
+export const onLiveServerEvent = atom(null, (_, set, evt) => {
     if (evt.evt.newCurrentStatus) {
         set(customSt.replaceCustomState, evt.evt.newCurrentStatus.customState ?? null);
     }
+    set(currentSt.updateCurrentStatus, evt);
+});
+export const onHistoricalServerEvent = atom(null, (_, set, evt) => {
     set(simProd.updateLast30JobProduction, evt);
     set(simUse.updateLast30SimStatUse, evt);
     set(schJobs.updateLast30Jobs, evt);
     set(buffers.updateLast30Buffer, evt);
-    set(currentSt.updateCurrentStatus, evt);
     set(mats.updateLast30MatSummary, evt);
     set(insp.updateLast30Inspections, evt);
     set(names.updateNames, evt);
@@ -72,9 +76,13 @@ export const onServerEvent = atom(null, (_, set, evt) => {
     set(simDayUsage.updateLatestSimDayUsage, evt);
     if (evt.evt.logEntry) {
         const newCntr = evt.evt.logEntry.counter;
-        set(lastEventCounterRW, (old) => (old === null ? old : Math.max(old, newCntr)));
+        set(lastEventCounterRW, (old) => Math.max(old ?? newCntr, newCntr));
     }
 });
+export const onServerEvent = atom(null, (_, set, evt) => {
+    set(onLiveServerEvent, evt);
+    set(onHistoricalServerEvent, evt);
+});
 export const onLoadLast30Jobs = atom(null, (get, set, historicData) => {
     const filtered = schJobs.filterExistingJobs(get(schJobs.last30SchIds), historicData);
     set(simUse.setLast30SimStatUse, filtered);

package/dist/cell-status/material-details.d.ts

@@ -44,7 +44,7 @@ export declare const barcodePotentialNewMaterial: Atom<Promise<Readonly<IScanned
 export declare const materialInDialogInfo: Atom<Promise<MaterialToShowInfo | null>>;
 export declare const materialInDialogInfoUnwrapped: Atom<MaterialToShowInfo | null>;
 export declare const materialInDialogInfoState: Atom<AsyncAtomState<MaterialToShowInfo | null>>;
-export declare const inProcessMaterialInDialog: Atom<Promise<IInProcessMaterial | null>>;
+export declare const inProcessMaterialInDialog: Atom<IInProcessMaterial | Promise<IInProcessMaterial | null> | null>;
 export declare const serialInMaterialDialog: Atom<Promise<string | null>>;
 export declare const serialInMaterialDialogUnwrapped: Atom<string | null>;
 export declare const serialInMaterialDialogState: Atom<AsyncAtomState<string | null>>;
@@ -61,7 +61,7 @@ export interface MaterialToShowInspections {
     readonly completedInspections: ReadonlyArray<string>;
 }
 export declare const materialInDialogInspections: Atom<MaterialToShowInspections>;
-export declare const possibleWorkordersForMaterialInDialog: Atom<Promise<readonly IActiveWorkorder[]>>;
+export declare const possibleWorkordersForMaterialInDialog: Atom<Promise<readonly IActiveWorkorder[]> | readonly IActiveWorkorder[]>;
 export interface ForceInspectionData {
     readonly mat: MaterialToShowInfo;
     readonly inspType: string;

package/dist/cell-status/material-details.js

@@ -116,11 +116,26 @@ function asyncAtomState(source) {
     return unwrap(atom((get) => get(source).then((data) => ({ state: "hasData", data }), (error) => ({ state: "hasError", error }))), () => ({ state: "loading" }));
 }
 export const materialInDialogInfoState = asyncAtomState(materialInDialogInfo);
-export const inProcessMaterialInDialog = atom(async (get) => {
-    const status = get(currentStatus);
+// Some cells publish current status every second. Dialog atoms that combine current status with the
+// dialog material must not suspend on each status update, since that hides the dialog content behind
+// its loading fallback. They compute synchronously once the dialog material is known and suspend
+// only while it is still loading (e.g., a barcode or serial lookup).
+function withDialogMaterial(get, compute) {
+    const info = get(materialInDialogInfoState);
+    switch (info.state) {
+        case "hasData":
+            return compute(info.data);
+        case "hasError":
+            throw info.error;
+        case "loading":
+            return get(materialInDialogInfo).then(compute);
+    }
+}
+export const inProcessMaterialInDialog = atom((get) => {
     const toShow = get(matToShow);
     if (toShow === null)
         return null;
+    const status = get(currentStatus);
     if (toShow.type === "InProcMat") {
         return (status.material.find((m) => m.materialID === toShow.inproc.materialID &&
             (m.materialID >= 0 ||
@@ -130,10 +145,9 @@ export const inProcessMaterialInDialog = atom(async (get) => {
                     m.action.loadToBasketId === toShow.inproc.action.loadToBasketId &&
                     m.jobUnique === toShow.inproc.jobUnique))) ?? null);
     }
-    const matId = (await get(materialInDialogInfo))?.materialID ?? null;
-    return matId !== null && matId >= 0
-        ? (status.material.find((m) => m.materialID === matId) ?? null)
-        : null;
+    return withDialogMaterial(get, (mat) => mat !== null && mat.materialID >= 0
+        ? (status.material.find((m) => m.materialID === mat.materialID) ?? null)
+        : null);
 });
 export const serialInMaterialDialog = atom(async (get) => {
     const toShow = get(matToShow);
@@ -284,14 +298,13 @@ export const materialInDialogInspections = atom((get) => {
 //--------------------------------------------------------------------------------
 // Workorders
 //--------------------------------------------------------------------------------
-export const possibleWorkordersForMaterialInDialog = atom(async (get) => {
-    const mat = await get(materialInDialogInfo);
-    if (mat === null || mat.partName === "")
-        return [];
+export const possibleWorkordersForMaterialInDialog = atom((get) => {
     const works = get(currentStatus)?.workorders ?? [];
-    return LazySeq.of(works)
-        .filter((w) => w.part === mat.partName)
-        .toSortedArray((w) => w.dueDate.getTime(), (w) => -w.priority);
+    return withDialogMaterial(get, (mat) => mat === null || mat.partName === ""
+        ? []
+        : LazySeq.of(works)
+            .filter((w) => w.part === mat.partName)
+            .toSortedArray((w) => w.dueDate.getTime(), (w) => -w.priority));
 });
 export function useForceInspection() {
     const [updating, setUpdating] = useState(false);

package/dist/components/analysis/BufferChart.js

@@ -74,6 +74,7 @@ const marginBottom = 50;
 const marginTop = 20;
 const marginRight = 20;
 function BufferChartSVG({ width, height, series, disabled, }) {
+    const [emptyDate] = useState(() => new Date());
     const [dateMin, dateMax] = useMemo(() => {
         let min = null;
         let max = null;
@@ -87,8 +88,8 @@ function BufferChartSVG({ width, height, series, disabled, }) {
                 }
             }
         }
-        return [min ?? new Date(), max ?? new Date()];
-    }, [series]);
+        return [min ?? emptyDate, max ?? emptyDate];
+    }, [series, emptyDate]);
     const xScale = useMemo(() => scaleTime()
         .range([0, width - marginLeft - marginRight])
         .domain([dateMin, dateMax]), [width, dateMin, dateMax]);

package/dist/components/operations/RecentCycleChart.js

@@ -31,7 +31,7 @@ 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 { useMemo, useCallback, useState, useRef, useEffect, } from "react";
+import { useMemo, useCallback, useRef } from "react";
 import { last30StationCycles } from "../../cell-status/station-cycles.js";
 import { last30EstimatedCycleTimes } from "../../cell-status/estimated-cycle-times.js";
 import { recentCycles } from "../../data/results.cycles.js";
@@ -43,7 +43,7 @@ import { localPoint } from "../../util/chart-helpers.js";
 import { Stack } from "@mui/material";
 import { Tooltip } from "../ChartTooltip.js";
 import { currentCycles } from "../../data/current-cycles.js";
-import { currentStatus } from "../../cell-status/current-status.js";
+import { currentStatus, minutesSinceEpochAtom } 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";
@@ -56,11 +56,12 @@ const occupiedNonOutlierColor = green[900];
 const occupiedOutlierColor = red[700];
 const simColor = grey[400];
 const downtimeColor = grey[100];
-function useSimCycles() {
+const chartTime = atom((get) => Math.floor(get(minutesSinceEpochAtom) / 5) * 5 * 60000);
+function useSimCycles(now) {
     const jobs = useAtomValue(last30Jobs);
     const statUse = useAtomValue(last30SimStationUse);
     return useMemo(() => {
-        const cutoff = addHours(new Date(), -12);
+        const cutoff = addHours(now, -12);
         return (LazySeq.of(statUse)
             .filter((s) => s.end >= cutoff)
             // make sure all planned downtimes come last so they are drawn over the top of any cycles
@@ -81,7 +82,7 @@ function useSimCycles() {
                 .toRArray(),
         }))
             .toRArray());
-    }, [jobs, statUse]);
+    }, [jobs, statUse, now]);
 }
 const tooltipData = atom(null);
 const stationFontSize = 14;
@@ -213,30 +214,24 @@ function NowLine({ now, xScale, yScale, }) {
 export function RecentCycleChart({ height, width }) {
     const last30Cycles = useAtomValue(last30StationCycles);
     const estimated = useAtomValue(last30EstimatedCycleTimes);
-    const sim = useSimCycles();
     const currentSt = useAtomValue(currentStatus);
+    const time = useAtomValue(chartTime);
+    // Keep history filtering independent of frequent status updates.
+    const historyNow = useMemo(() => new Date(time), [time]);
+    // Align the axis and now marker with cycles started after the chart's last clock tick.
+    const displayNow = useMemo(() => new Date(Math.max(time, currentSt.timeOfCurrentStatusUTC.getTime())), [time, currentSt.timeOfCurrentStatusUTC]);
+    const sim = useSimCycles(historyNow);
     const fmsInfo = useAtomValue(fmsInformation);
     const cycles = useMemo(() => {
-        const cutoff = addHours(new Date(), -12);
+        const cutoff = addHours(historyNow, -12);
         return recentCycles(last30Cycles.valuesToLazySeq().filter((e) => e.endTime >= cutoff));
-    }, [last30Cycles]);
+    }, [last30Cycles, historyNow]);
     const current = useMemo(() => {
         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);
-    const refreshRef = useRef(null);
-    useEffect(() => {
-        if (refreshRef.current !== null)
-            clearTimeout(refreshRef.current);
-        refreshRef.current = setTimeout(() => {
-            forceRerender((x) => x + 1);
-        }, 5 * 60 * 1000);
-    });
-    const { xScale, yScale, actualPlannedScale, marginLeft } = useScales(cycles, current, now, width, height);
+    const { xScale, yScale, actualPlannedScale, marginLeft } = useScales(cycles, current, displayNow, width, height);
     const hideTooltipRef = useRef(null);
     if (height <= 0 || width <= 0)
         return null;
-    return (_jsxs("div", { style: { position: "relative", overflow: "hidden" }, children: [_jsx("svg", { height: height, width: width, children: _jsxs("g", { transform: `translate(${marginLeft}, ${marginTop})`, children: [_jsx("clipPath", { id: "recent-cycle-clip-body", children: _jsx("rect", { x: 0, y: 0, width: width - marginRight - marginLeft, height: height - marginBottom - marginTop }) }), _jsx(AxisAndGrid, { xScale: xScale, yScale: yScale }), _jsxs("g", { clipPath: "url(#recent-cycle-clip-body)", children: [_jsx(RecentSeries, { cycles: cycles, xScale: xScale, yScale: yScale, hideTooltipRef: hideTooltipRef, actualPlannedScale: actualPlannedScale }), _jsx(CurrentSeries, { now: now, cycles: current, xScale: xScale, yScale: yScale, hideTooltipRef: hideTooltipRef, actualPlannedScale: actualPlannedScale }), _jsx(SimSeries, { sim: sim, xScale: xScale, yScale: yScale, actualPlannedScale: actualPlannedScale, hideTooltipRef: hideTooltipRef })] }), _jsx(NowLine, { now: now, xScale: xScale, yScale: yScale })] }) }), _jsx(Tooltip, { chartHeight: height, chartWidth: width, atom: tooltipData, TooltipContent: RecentTooltip })] }));
+    return (_jsxs("div", { style: { position: "relative", overflow: "hidden" }, children: [_jsx("svg", { height: height, width: width, children: _jsxs("g", { transform: `translate(${marginLeft}, ${marginTop})`, children: [_jsx("clipPath", { id: "recent-cycle-clip-body", children: _jsx("rect", { x: 0, y: 0, width: width - marginRight - marginLeft, height: height - marginBottom - marginTop }) }), _jsx(AxisAndGrid, { xScale: xScale, yScale: yScale }), _jsxs("g", { clipPath: "url(#recent-cycle-clip-body)", children: [_jsx(RecentSeries, { cycles: cycles, xScale: xScale, yScale: yScale, hideTooltipRef: hideTooltipRef, actualPlannedScale: actualPlannedScale }), _jsx(CurrentSeries, { now: displayNow, cycles: current, xScale: xScale, yScale: yScale, hideTooltipRef: hideTooltipRef, actualPlannedScale: actualPlannedScale }), _jsx(SimSeries, { sim: sim, xScale: xScale, yScale: yScale, actualPlannedScale: actualPlannedScale, hideTooltipRef: hideTooltipRef })] }), _jsx(NowLine, { now: displayNow, xScale: xScale, yScale: yScale })] }) }), _jsx(Tooltip, { chartHeight: height, chartWidth: width, atom: tooltipData, TooltipContent: RecentTooltip })] }));
 }

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

@@ -41,6 +41,8 @@ export function CancelLoadButton({ onClose, ignoreOperator = false, }) {
                 expectedLoadCancellationId: snapshot.cancellationId,
                 reason: reason || undefined,
             }));
+            setOpen(false);
+            setSnapshot(null);
             setMaterialDialogOpen(null);
             onClose?.();
         }

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

@@ -41,7 +41,7 @@ import { currentStatus } from "../../cell-status/current-status.js";
 import { barcodePotentialNewMaterial, inProcessMaterialInDialog, materialDialogOpen, materialInDialogInfo, materialInDialogLargestUsedProcess, materialInDialogLocalEvents, } from "../../cell-status/material-details.js";
 import { currentOperator } from "../../data/operators.js";
 import { fmsInformation } from "../../network/server-settings.js";
-import { useAtomValue, useSetAtom } from "jotai";
+import { useAtomValue, useAtomValueRawSync, useSetAtom } from "jotai";
 import { useEffect, useRef } from "react";
 import { last30Jobs } from "../../cell-status/scheduled-jobs.js";
 import { PartIdenticon } from "./Material.js";
@@ -139,7 +139,8 @@ function InvalidateSelect(props) {
 }
 export function InvalidateCycleDialogContent(props) {
     const curMat = useAtomValue(materialInDialogInfo);
-    const events = useAtomValue(materialInDialogLocalEvents);
+    // History can resolve while InvalidateSelect suspends, before this component subscribes.
+    const events = useAtomValueRawSync(materialInDialogLocalEvents);
     const status = useAtomValue(currentStatus);
     const show = props.st !== null && curMat !== null;
     const boxRef = useRef(null);

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

@@ -48,7 +48,7 @@ import { instructionUrl } from "../../network/backend.js";
 import { Tooltip } from "@mui/material";
 import { Fab } from "@mui/material";
 import { fmsInformation } from "../../network/server-settings.js";
-import { currentStatus, secondsSinceEpochAtom } from "../../cell-status/current-status.js";
+import { currentStatus, secondsSinceEpochAtom, minutesSinceEpochAtom, } from "../../cell-status/current-status.js";
 import { useIsDemo, useSetTitle } from "../routes.js";
 import { QuarantineMatButton } from "./QuarantineButton.js";
 import { CancelLoadButton } from "./CancelLoadButton.js";
@@ -487,16 +487,17 @@ function MaterialColumn({ data, region, }) {
     }
 }
 function RecentCompletedMaterial() {
+    const minutes = useAtomValue(minutesSinceEpochAtom);
     const matSummary = useAtomValue(last30MaterialSummary);
     const recentCompleted = useMemo(() => {
-        const cutoff = addHours(new Date(), -5);
+        const cutoff = addHours(new Date(minutes * 60000), -5);
         return matSummary.matsById
             .valuesToLazySeq()
             .filter((e) => e.completed_last_proc_machining === true &&
             e.last_unload_time !== undefined &&
             e.last_unload_time >= cutoff)
             .toSortedArray({ desc: (e) => e.last_unload_time?.getTime() ?? 0 });
-    }, [matSummary]);
+    }, [matSummary, minutes]);
     return (_jsx("div", { children: recentCompleted.map((m, idx) => (_jsx(MatSummary, { mat: m }, idx))) }));
 }
 const CompletedCol = memo(function CompletedCol({ fillViewPort, showMaterial, }) {

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

@@ -34,7 +34,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 import { useRef, useCallback, useEffect, useMemo, Fragment } from "react";
 import JsBarcode from "jsbarcode";
 import { LazySeq } from "@seedtactics/immutable-collections";
-import { currentStatus } from "../../cell-status/current-status.js";
+import { currentStatus, secondsSinceEpochAtom } from "../../cell-status/current-status.js";
 import { useAtomValue } from "jotai";
 import { useReactToPrint } from "react-to-print";
 import { Button } from "@mui/material";
@@ -60,16 +60,20 @@ function Barcode(props) {
     }, [props.text]);
     return _jsx("svg", { ref: setRef });
 }
+function LabelDate() {
+    const seconds = useAtomValue(secondsSinceEpochAtom);
+    return new Date(seconds * 1000).toLocaleString(undefined, {
+        weekday: "long",
+        month: "long",
+        day: "numeric",
+        year: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+        second: "2-digit",
+    });
+}
 function SinglePage(props) {
-    return (_jsxs("div", { children: [_jsx("div", { style: { marginTop: "4em", display: "flex", justifyContent: "center" }, children: _jsx("h2", { children: "SeedTactic: FMS Insight" }) }), _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: _jsx("p", { style: { fontSize: "x-large" }, children: new Date().toLocaleString(undefined, {
-                        weekday: "long",
-                        month: "long",
-                        day: "numeric",
-                        year: "numeric",
-                        hour: "numeric",
-                        minute: "2-digit",
-                        second: "2-digit",
-                    }) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.partName }), props.count >= 2 ? _jsx(Barcode, { text: props.count.toString() }) : undefined] }), props.serial1 && props.serial1 !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.serial1 }), props.serial2 && props.serial2 !== "" ? (_jsx(Barcode, { text: props.serial2 || "" })) : undefined] })) : undefined, _jsx("div", { style: { marginTop: "2em", marginLeft: "4em", marginRight: "4em", marginBottom: "9em" }, children: props.uniq === null || props.uniq === "" ? (_jsx("p", { style: { fontSize: "x-large" }, children: "Not currently assigned to any jobs" })) : (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), _jsxs("div", { style: { marginTop: "1em", marginLeft: "2em", display: "flex", alignItems: "center" }, children: [_jsx(Barcode, { text: props.partName }), _jsxs("h3", { style: { marginLeft: "4em" }, children: ["assigned to ", props.uniq, props.jobCycles && props.jobCycles > 0
+    return (_jsxs("div", { children: [_jsx("div", { style: { marginTop: "4em", display: "flex", justifyContent: "center" }, children: _jsx("h2", { children: "SeedTactic: FMS Insight" }) }), _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: _jsx("p", { style: { fontSize: "x-large" }, children: _jsx(LabelDate, {}) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.partName }), props.count >= 2 ? _jsx(Barcode, { text: props.count.toString() }) : undefined] }), props.serial1 && props.serial1 !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.serial1 }), props.serial2 && props.serial2 !== "" ? (_jsx(Barcode, { text: props.serial2 || "" })) : undefined] })) : undefined, _jsx("div", { style: { marginTop: "2em", marginLeft: "4em", marginRight: "4em", marginBottom: "9em" }, children: props.uniq === null || props.uniq === "" ? (_jsx("p", { style: { fontSize: "x-large" }, children: "Not currently assigned to any jobs" })) : (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), _jsxs("div", { style: { marginTop: "1em", marginLeft: "2em", display: "flex", alignItems: "center" }, children: [_jsx(Barcode, { text: props.partName }), _jsxs("h3", { style: { marginLeft: "4em" }, children: ["assigned to ", props.uniq, props.jobCycles && props.jobCycles > 0
                                             ? " (" + props.jobCycles.toString() + " scheduled)"
                                             : ""] })] })] })) }), props.note ? (_jsx("div", { style: { marginBottom: "2em" }, children: _jsx("p", { style: { fontSize: "xxx-large", textAlign: "center" }, children: props.note }) })) : undefined, _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: props.operator ? _jsx("p", { style: { fontSize: "x-large" }, children: props.operator }) : undefined })] }));
 }
@@ -114,15 +118,7 @@ function CombinedToOnePage(props) {
     if (!props.material || props.material.length === 0) {
         return _jsx("div", {});
     }
-    return (_jsxs("div", { children: [_jsx("div", { style: { marginTop: "4em", display: "flex", justifyContent: "center" }, children: _jsx("h2", { children: "SeedTactic: FMS Insight" }) }), _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: _jsx("p", { style: { fontSize: "x-large" }, children: new Date().toLocaleString(undefined, {
-                        weekday: "long",
-                        month: "long",
-                        day: "numeric",
-                        year: "numeric",
-                        hour: "numeric",
-                        minute: "2-digit",
-                        second: "2-digit",
-                    }) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.material[0].partName }), props.material.length >= 2 ? (_jsx(Barcode, { text: props.material.length.toString() })) : undefined] }), props.material[0].serial && props.material[0].serial !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.material[0].serial }), props.material.length >= 2 &&
+    return (_jsxs("div", { children: [_jsx("div", { style: { marginTop: "4em", display: "flex", justifyContent: "center" }, children: _jsx("h2", { children: "SeedTactic: FMS Insight" }) }), _jsx("div", { style: { display: "flex", justifyContent: "center" }, children: _jsx("p", { style: { fontSize: "x-large" }, children: _jsx(LabelDate, {}) }) }), _jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.materialName ?? props.material[0].partName }), props.material.length >= 2 ? (_jsx(Barcode, { text: props.material.length.toString() })) : undefined] }), props.material[0].serial && props.material[0].serial !== "" ? (_jsxs("div", { style: { marginTop: "2em", display: "flex", justifyContent: "space-around" }, children: [_jsx(Barcode, { text: props.material[0].serial }), props.material.length >= 2 &&
                         props.material[props.material.length - 1].serial &&
                         props.material[props.material.length - 1].serial !== "" ? (_jsx(Barcode, { text: props.material[props.material.length - 1].serial || "" })) : undefined] })) : undefined, _jsx("div", { style: { marginTop: "2em", marginLeft: "4em", marginRight: "4em", marginBottom: "9em" }, children: assignments.length === 0 ? (_jsx("p", { style: { fontSize: "x-large" }, children: "Not currently assigned to any jobs" })) : props.materialName ? (_jsxs(_Fragment, { children: [_jsx("p", { style: { fontSize: "x-large" }, children: "Assigned To" }), assignments.map(([uniq, part], idx) => (_jsxs("div", { style: {
                                 marginTop: "1em",

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

@@ -36,7 +36,7 @@ import { Paper, ButtonBase, Box, Typography, Collapse, Stack, Menu, MenuItem, Li
 import { Close as CloseIcon } from "@mui/icons-material";
 import { InProcMaterial, MaterialAction, MaterialDialog, PartIdenticon } from "./Material.js";
 import { ActionType, BasketLocationEnum, LocType, PalletLocationEnum, } from "../../network/api.js";
-import { currentStatus, secondsSinceEpochAtom } from "../../cell-status/current-status.js";
+import { currentStatus, secondsSinceEpochAtom, minutesSinceEpochAtom, } from "../../cell-status/current-status.js";
 import { LazySeq, OrderedMap } from "@seedtactics/immutable-collections";
 import { materialDialogOpen } from "../../cell-status/material-details.js";
 import { last30Jobs } from "../../cell-status/scheduled-jobs.js";
@@ -53,6 +53,7 @@ import { basketDisplayName, loadStationDisplayName } from "../../cell-status/sta
 const CollapsedIconSize = 45;
 const rowSize = CollapsedIconSize + 10; // each material row has 5px above and 5px below for padding
 function useCellOverview() {
+    const minutes = useAtomValue(minutesSinceEpochAtom);
     const currentSt = useAtomValue(currentStatus);
     const jobs = useAtomValue(last30Jobs);
     const fmsInfo = useAtomValue(fmsInformation);
@@ -128,7 +129,7 @@ function useCellOverview() {
         .toOrderedMap((p) => [p.pallet.palletNum, p]);
     let maxLoadNum = 1;
     let maxNumFacesOnPallet = 1;
-    const cutoff = addDays(new Date(), -7);
+    const cutoff = addDays(new Date(minutes * 60000), -7);
     // now add empty locations
     // Materialize ProcessInfo so we can iterate it at two levels (proc for basket stations, paths for the rest)
     const allProcs = jobs

package/dist/extension.d.ts

@@ -4,6 +4,7 @@ import type { AppProps } from "./components/App.js";
  */
 export declare function bootstrapInsight(appProps?: AppProps, rootElement?: HTMLElement): Promise<void>;
 export { customState } from "./cell-status/custom-state.js";
+export { currentStatusIsLive } from "./network/websocket.js";
 export type { AppProps };
 export { defaultChooseModes } from "./components/ChooseMode.js";
 export type { ChooseModeItem } from "./components/ChooseMode.js";

package/dist/extension.js

@@ -16,6 +16,7 @@ export async function bootstrapInsight(appProps = {}, rootElement) {
     render(appProps, root, store);
 }
 export { customState } from "./cell-status/custom-state.js";
+export { currentStatusIsLive } from "./network/websocket.js";
 export { defaultChooseModes } from "./components/ChooseMode.js";
 export { RouteLocation } from "./components/routes.js";
 export { authenticatedFetch } from "./network/backend.js";

package/dist/index.html

@@ -5,45 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
     <link rel="shortcut icon" href="/assets/favicon-gWFxiJK2.ico" />
     <title>SeedTactic FMS Insight</title>
-    <style type="text/css">
-      .download-loader {
-        width: 100px;
-        height: 100px;
-        display: inline-block;
-      }
-      .download-circular {
-        width: 100px;
-        height: 100px;
-        animation: rotate 2s linear infinite;
-      }
-      .download-path {
-        stroke-dasharray: 1, 200;
-        stroke-dashoffset: 0;
-        animation: dash 1.5s ease-out infinite;
-        stroke-linecap: round;
-        stroke: #8d6e63;
-      }
-      @keyframes rotate {
-        100% {
-          transform: rotate(360deg);
-        }
-      }
-      @keyframes dash {
-        0% {
-          stroke-dasharray: 1, 200;
-          stroke-dashoffset: 0;
-        }
-        50% {
-          stroke-dasharray: 89, 200;
-          stroke-dashoffset: -35px;
-        }
-        100% {
-          stroke-dasharray: 89, 200;
-          stroke-dashoffset: -124px;
-        }
-      }
-    </style>
-    <script type="module" crossorigin src="/assets/index-kk-GRa5i.js"></script>
+    <style type="text/css">.download-loader{width:100px;height:100px;display:inline-block}.download-circular{width:100px;height:100px;animation:2s linear infinite rotate}.download-path{stroke-dasharray:1 200;stroke-dashoffset:0;stroke-linecap:round;stroke:#8d6e63;animation:1.5s ease-out infinite dash}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}</style>
+    <script type="module" crossorigin src="/assets/index-Dxxgr-QV.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DXfAwuj-.css">
   </head>
   <body>

package/dist/network/websocket.d.ts

@@ -1,4 +1,5 @@
 import { Atom } from "jotai";
 export declare const websocketReconnecting: Atom<boolean>;
+export declare const currentStatusIsLive: Atom<boolean>;
 export declare const errorLoadingLast30: Atom<string | null>;
 export declare function WebsocketConnection(): null;