@seedtactics/insight-client 16.8.4-beta.0 → 16.8.4-beta.2

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

@@ -61,6 +61,7 @@ import { useAtomValue, useSetAtom } from "jotai";
 import { PrintLabelButton } from "./PrintedLabel.js";
 import { hideNonLoadingMaterialOnLoadStation } from "../../data/queue-material.js";
 import { basketDisplayName, loadStationDisplayName } from "../../cell-status/station-cycles.js";
+import { BasketLoadStationWorkflow, } from "./BasketLoadStationWork.js";
 function encodeLoadStationRegionIdPart(value) {
     return encodeURIComponent(value.toString());
 }
@@ -75,9 +76,15 @@ function materialColumnTestId(region) {
     }
 }
 function isLoadingToDisplayedTarget(mat, pallet, activeBasket) {
-    return (mat.action.type === api.ActionType.Loading &&
-        ((pallet !== undefined && mat.action.loadOntoPalletNum === pallet.palletNum) ||
-            (activeBasket !== undefined && mat.action.loadFromBasketId === activeBasket.basketId)));
+    switch (mat.action.type) {
+        case api.ActionType.Loading:
+            return ((pallet !== undefined && mat.action.loadOntoPalletNum === pallet.palletNum) ||
+                (activeBasket !== undefined && mat.action.loadFromBasketId === activeBasket.basketId));
+        case api.ActionType.LoadingToBasket:
+            return activeBasket !== undefined && mat.action.loadToBasketId === activeBasket.basketId;
+        default:
+            return false;
+    }
 }
 function selectLoadStationAndQueueProps(loadNum, queues, curSt, hideNonLoading) {
     // search for pallet
@@ -148,8 +155,7 @@ function selectLoadStationAndQueueProps(loadNum, queues, curSt, hideNonLoading)
             }
             if (m.location.type === api.LocType.InQueue &&
                 m.location.currentQueue &&
-                m.action.type === api.ActionType.Loading &&
-                m.action.loadFromBasketId === activeBasket.basketId) {
+                isLoadingToDisplayedTarget(m, undefined, activeBasket)) {
                 queuesToShow.add(m.location.currentQueue);
             }
         }
@@ -205,6 +211,11 @@ function selectLoadStationAndQueueProps(loadNum, queues, curSt, hideNonLoading)
             if (isLoadingToDisplayedTarget(m, pal, activeBasket) && m.action.elapsedLoadUnloadTime) {
                 elapsedLoadingTime = m.action.elapsedLoadUnloadTime;
             }
+            if (m.action.type === api.ActionType.LoadingToBasket &&
+                m.action.loadToBasketId === activeBasket.basketId &&
+                m.location.type === api.LocType.Free) {
+                freeLoading.push(m);
+            }
             if (m.location.type === api.LocType.InBasket &&
                 m.location.basketId === activeBasket.basketId) {
                 if ((m.action.type === api.ActionType.UnloadToCompletedMaterial ||
@@ -274,6 +285,7 @@ function selectLoadStationAndQueueProps(loadNum, queues, curSt, hideNonLoading)
     return {
         pallet: pal,
         activeBasket,
+        allMaterial: curSt.material,
         face: palFaces,
         freeLoadingMaterial: freeLoading,
         queues: queueMat,
@@ -346,7 +358,7 @@ function ElapsedLoadTime({ elapsedLoadTime }) {
         return null;
     }
 }
-function PalletFace({ data, faceNum }) {
+function PalletFace({ data, faceNum, loadNum, submitBasketLoadStationCommand, }) {
     const face = data.face.get(faceNum);
     const fmsInfo = useAtomValue(fmsInformation);
     const basketName = basketDisplayName(fmsInfo.basketName);
@@ -358,17 +370,10 @@ function PalletFace({ data, faceNum }) {
                         gridTemplateColumns: "1fr auto",
                     }, children: [_jsxs(Typography, { variant: "h4", children: [basketName, " ", data.activeBasket.basketId] }), _jsx(Box, { sx: {
                                 justifySelf: "flex-end",
-                            }, children: _jsx(ElapsedLoadTime, { elapsedLoadTime: data.elapsedLoadingTime }) })] })) : null, _jsx(Box, { sx: {
-                        ml: "4em",
-                        mr: "4em",
-                    }, children: _jsx(MoveMaterialArrowNode, { kind: {
+                            }, children: _jsx(ElapsedLoadTime, { elapsedLoadTime: data.elapsedLoadingTime }) })] })) : null, _jsx(Box, { sx: { ml: "4em", mr: "4em" }, children: _jsx(MoveMaterialArrowNode, { kind: {
                             type: MoveMaterialNodeKindType.BasketZone,
                             basketId: data.activeBasket.basketId,
-                        }, children: _jsx(Box, { sx: {
-                                display: "flex",
-                                flexWrap: "wrap",
-                                justifyContent: "space-around",
-                            }, children: face.map((m, idx) => (_jsx(MoveMaterialArrowNode, { kind: { type: MoveMaterialNodeKindType.Material, material: m }, children: _jsx(InProcMaterial, { mat: m, fsize: data.fsize }) }, idx))) }) }) })] }));
+                        }, children: _jsx(BasketLoadStationWorkflow, { stationNumber: loadNum, basket: data.activeBasket, material: data.allMaterial, fsize: data.fsize, submitCommand: submitBasketLoadStationCommand }) }) })] }));
     }
     if (!data.pallet)
         return null;
@@ -395,6 +400,9 @@ function MaterialRegion({ data, mat, }) {
     return (_jsxs("div", { children: [mat.label !== "" ? _jsx(Typography, { variant: "h4", children: mat.label }) : null, mat.material.mats.map((m, matIdx) => (_jsx(MoveMaterialArrowNode, { kind: {
                     type: MoveMaterialNodeKindType.Material,
                     material: m,
+                    identifier: m.materialID < 0
+                        ? `raw-${mat.isFree ? "free" : "queue"}-${mat.label}-${matIdx}`
+                        : undefined,
                 }, children: mat.isFree || mat.sortable === false ? (_jsx(InProcMaterial, { mat: m, displayActionForSinglePallet: data.pallet ? data.pallet.palletNum : 0, fsize: data.fsize, showRawMaterial: true, showJobComment: true })) : (_jsx(SortableInProcMaterial, { mat: m, displayActionForSinglePallet: data.pallet ? data.pallet.palletNum : 0, shake: m.action.type === api.ActionType.Loading &&
                         m.action.loadOntoPalletNum === data.pallet?.palletNum, fsize: m.action.type === api.ActionType.Loading &&
                         m.action.loadOntoPalletNum === data.pallet?.palletNum
@@ -534,7 +542,8 @@ function AddMatButton({ queues, onClose, toQueue, showAddToQueue, setShowAddToQu
     const [addExistingMat, addingExistingMat] = matDetails.useAddExistingMaterialToQueue();
     if (!existingMat ||
         inProcMat?.location.type === api.LocType.OnPallet ||
-        inProcMat?.action.type === api.ActionType.Loading) {
+        inProcMat?.action.type === api.ActionType.Loading ||
+        inProcMat?.action.type === api.ActionType.LoadingToBasket) {
         return null;
     }
     if (queues.length === 0)
@@ -695,7 +704,7 @@ export function LoadStation(props) {
                         gridArea: `palface${idx}`,
                         padding: "8px",
                         borderTop: data.pallet && idx !== 0 ? "1px solid black" : undefined,
-                    }, children: _jsx(PalletFace, { data: data, faceNum: faceNum }) }, faceNum))), _jsx(Box, { "data-testid": "load-station-completed", sx: {
+                    }, children: _jsx(PalletFace, { data: data, faceNum: faceNum, loadNum: props.loadNum, submitBasketLoadStationCommand: props.submitBasketLoadStationCommand }) }, faceNum))), _jsx(Box, { "data-testid": "load-station-completed", sx: {
                         borderLeft: fillViewPort ? "1px solid black" : undefined,
                         borderTop: !fillViewPort ? "1px solid black" : undefined,
                         gridArea: "completed",

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

@@ -89,11 +89,12 @@ function shakeAnimationIteration(event) {
 }
 const MatCardHeader = styled("div", { shouldForwardProp: (prop) => prop !== "fsize" })(({ fsize, theme }) => {
     if (!fsize)
-        return { fontSize: "1.25rem" };
+        return { fontSize: "1.25rem", fontWeight: "500" };
     switch (fsize) {
         case "normal":
             return {
                 fontSize: "1rem",
+                fontWeight: "500",
                 [theme.breakpoints.up("md")]: {
                     fontSize: "1.25rem",
                 },
@@ -104,6 +105,7 @@ const MatCardHeader = styled("div", { shouldForwardProp: (prop) => prop !== "fsi
         case "large":
             return {
                 fontSize: "1.5rem",
+                fontWeight: "500",
                 [theme.breakpoints.up("lg")]: {
                     fontSize: "1.75rem",
                 },
@@ -114,6 +116,7 @@ const MatCardHeader = styled("div", { shouldForwardProp: (prop) => prop !== "fsi
         case "x-large":
             return {
                 fontSize: "1.5rem",
+                fontWeight: "500",
                 [theme.breakpoints.up("md")]: {
                     fontSize: "1.75rem",
                 },
@@ -128,11 +131,12 @@ const MatCardHeader = styled("div", { shouldForwardProp: (prop) => prop !== "fsi
 });
 const MatCardDetail = styled("div", { shouldForwardProp: (prop) => prop !== "fsize" })(({ fsize, theme }) => {
     if (!fsize)
-        return { fontSize: "0.75rem" };
+        return { fontSize: "0.75rem", fontWeight: "500" };
     switch (fsize) {
         case "normal":
             return {
                 fontSize: "0.75rem",
+                fontWeight: "500",
                 [theme.breakpoints.up("md")]: {
                     fontSize: "1rem",
                 },
@@ -140,6 +144,7 @@ const MatCardDetail = styled("div", { shouldForwardProp: (prop) => prop !== "fsi
         case "large":
             return {
                 fontSize: "1rem",
+                fontWeight: "500",
                 [theme.breakpoints.up("lg")]: {
                     fontSize: "1.5rem",
                 },
@@ -150,6 +155,7 @@ const MatCardDetail = styled("div", { shouldForwardProp: (prop) => prop !== "fsi
         case "x-large":
             return {
                 fontSize: "1rem",
+                fontWeight: "500",
                 [theme.breakpoints.up("md")]: {
                     fontSize: "1.5rem",
                 },
@@ -228,16 +234,25 @@ export function MaterialAction({ mat, displayActionForSinglePallet, fsize, }) {
                     }
                 }
             }
+        case api.ActionType.LoadingToBasket:
+            return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Load into ", basketName, " ", mat.action.loadToBasketId ?? "", mat.action.loadToBasketSlot !== undefined ? ` slot ${mat.action.loadToBasketSlot}` : ""] }));
         case api.ActionType.UnloadToInProcess:
         case api.ActionType.UnloadToCompletedMaterial:
             if (mat.action.unloadToBasketId) {
                 return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Unload to ", basketName, " ", mat.action.unloadToBasketId, mat.action.unloadToBasketSlot !== undefined
-                            ? ` slot ${mat.action.unloadToBasketSlot + 1}`
+                            ? ` slot ${mat.action.unloadToBasketSlot}`
                             : ""] }));
             }
             else if (mat.action.unloadIntoQueue) {
                 return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Unload into queue ", mat.action.unloadIntoQueue] }));
             }
+            else if (mat.action.type === api.ActionType.UnloadToCompletedMaterial &&
+                mat.location.type === api.LocType.InBasket) {
+                return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Unload from ", basketName, " ", mat.location.basketId, " to completed material"] }));
+            }
+            else if (mat.location.type === api.LocType.InBasket) {
+                return (_jsxs(MatCardDetail, { fsize: fsize, children: ["Unload from ", basketName, " ", mat.location.basketId] }));
+            }
             else {
                 return _jsx(MatCardDetail, { fsize: fsize, children: "Unload from pallet" });
             }
@@ -282,7 +297,9 @@ function Warning({ mat }) {
 function JobRawMaterial({ fsize, mat, }) {
     const job = useAtomValue(currentStatus).jobs[mat.jobUnique];
     let path = mat.path;
-    if (mat.action.type === api.ActionType.Loading && mat.action.pathAfterLoad) {
+    if ((mat.action.type === api.ActionType.Loading ||
+        mat.action.type === api.ActionType.LoadingToBasket) &&
+        mat.action.pathAfterLoad) {
         path = mat.action.pathAfterLoad;
     }
     if (!job) {

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

@@ -116,5 +116,5 @@ export function useMoveMaterialArrowRef(kind) {
 }
 export function MoveMaterialArrowNode({ kind, children, }) {
     const ref = useMoveMaterialArrowRef(kind);
-    return _jsx("div", { ref: ref, children: children });
+    return (_jsx("div", { ref: ref, "data-move-material-identifier": uniqueIdForNodeKind(kind), children: children }));
 }

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

@@ -116,10 +116,13 @@ function useQuarantineMaterial(ignoreOperator) {
             }
             break;
         case LocType.InQueue:
-            if (inProcMat.action.type === ActionType.Loading && !fmsInfo.allowQuarantineToCancelLoad) {
+            if ((inProcMat.action.type === ActionType.Loading ||
+                inProcMat.action.type === ActionType.LoadingToBasket) &&
+                !fmsInfo.allowQuarantineToCancelLoad) {
                 return null;
             }
-            else if (inProcMat.action.type === ActionType.Loading) {
+            else if (inProcMat.action.type === ActionType.Loading ||
+                inProcMat.action.type === ActionType.LoadingToBasket) {
                 type = "CancelLoad";
             }
             else {

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

@@ -54,7 +54,8 @@ function useAllowAddToQueue(queueNames) {
         return false;
     if (inProcMat?.location.type === api.LocType.OnPallet)
         return false;
-    if (inProcMat?.action.type === api.ActionType.Loading)
+    if (inProcMat?.action.type === api.ActionType.Loading ||
+        inProcMat?.action.type === api.ActionType.LoadingToBasket)
         return false;
     if (existingMat === null && !possibleNewMats) {
         return false;

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

@@ -59,10 +59,13 @@ function useCellOverview() {
         .filter((m) => m.location.type === LocType.OnPallet || m.action.type === ActionType.Loading)
         .toRLookup((m) => m.location.palletNum ?? m.action.loadOntoPalletNum ?? 0);
     const matByBasket = LazySeq.of(currentSt.material)
-        .filter((m) => m.location.type === LocType.InBasket &&
+        .filter((m) => (m.location.type === LocType.InBasket &&
         m.location.basketId !== null &&
-        m.location.basketId !== undefined)
-        .toRLookup((m) => m.location.basketId ?? 0);
+        m.location.basketId !== undefined) ||
+        (m.action.type === ActionType.LoadingToBasket &&
+            m.action.loadToBasketId !== null &&
+            m.action.loadToBasketId !== undefined))
+        .toRLookup((m) => m.location.basketId ?? m.action.loadToBasketId ?? 0);
     let loads = LazySeq.ofObject(currentSt.pallets)
         .filter(([_, p]) => p.currentPalletLocation.loc === PalletLocationEnum.LoadUnload)
         .toOrderedMap(([_, p]) => [
@@ -443,7 +446,7 @@ function PalletFaces({ maxNumFaces, mats: allMats, loadingOntoPallet, noFilter,
     }
 }
 function BasketContents({ mats }) {
-    const byPosition = LazySeq.of(mats).orderedGroupBy((m) => (m.location.basketSlot ?? 0) + 1);
+    const byPosition = LazySeq.of(mats).orderedGroupBy((m) => m.location.basketSlot ?? 0);
     return (_jsx(Box, { sx: {
             display: "flex",
             flexWrap: "wrap",
@@ -582,6 +585,7 @@ function Machine({ maxNumFaces, machine }) {
 }
 function useElapsedLoadTime(material) {
     const mat = material?.find((m) => m.action.type === ActionType.Loading ||
+        m.action.type === ActionType.LoadingToBasket ||
         m.action.type === ActionType.UnloadToCompletedMaterial ||
         m.action.type === ActionType.UnloadToInProcess);
     const elapsedDurationFromCurSt = mat?.action?.elapsedLoadUnloadTime;

package/dist/data/all-material-bins.js

@@ -126,6 +126,16 @@ export function selectAllMaterialIntoBins(curSt, curBinOrder) {
                         addToMap(loadStations, lul, mat);
                         break;
                     }
+                    case api.ActionType.LoadingToBasket: {
+                        const basket = curSt.baskets?.[mat.action.loadToBasketId ?? 0];
+                        if (basket?.position.location === api.BasketLocationEnum.LoadUnload) {
+                            addToMap(loadStations, basket.position.locationNum, mat);
+                        }
+                        else {
+                            addToMap(queues, "Free Material", mat);
+                        }
+                        break;
+                    }
                     default:
                         addToMap(queues, "Free Material", mat);
                         break;

package/dist/data/current-cycles.js

@@ -47,24 +47,17 @@ function basketsAtLoad(currentSt) {
     })
         .toRMap(([basketId, loc]) => [basketId, loc]);
 }
-function locationForLoadActivity(material, jobs, palToLoc, basketToLoad) {
-    if (material.action.type === ActionType.Loading) {
+function locationForLoadActivity(material, palToLoc, basketToLoad) {
+    if (material.action.type === ActionType.LoadingToBasket) {
+        return basketToLoad.get(material.action.loadToBasketId ?? 0) ?? null;
+    }
+    else if (material.action.type === ActionType.Loading) {
         if (material.action.loadOntoPalletNum) {
             return palToLoc.get(material.action.loadOntoPalletNum) ?? null;
         }
         if (material.action.loadFromBasketId) {
             return basketToLoad.get(material.action.loadFromBasketId) ?? null;
         }
-        // queue → basket: neither pallet nor source basket set.  Find a basket at a load station
-        // that is a basket-load station for this job/process.
-        const proc = material.action.processAfterLoad ?? material.process;
-        const procInfo = jobs[material.jobUnique]?.procsAndPaths?.[proc - 1];
-        const basketLoadStations = procInfo?.basketLoadStations ?? [];
-        for (const [, loc] of basketToLoad) {
-            if (basketLoadStations.length === 0 || basketLoadStations.includes(loc.num)) {
-                return loc;
-            }
-        }
         return null;
     }
     else {
@@ -110,13 +103,14 @@ function loadCurrentCycles(currentSt, estimated, palToLoc, loadStationNames) {
         .collect((m) => {
         if (m.action.type === ActionType.UnloadToCompletedMaterial ||
             m.action.type === ActionType.UnloadToInProcess) {
-            const loc = locationForLoadActivity(m, currentSt.jobs, palToLoc, basketToLoad);
+            const loc = locationForLoadActivity(m, palToLoc, basketToLoad);
             if (!loc)
                 return null;
             return { mat: m, material: [m], proc: m.process, path: m.path, loc };
         }
-        else if (m.action.type === ActionType.Loading) {
-            const loc = locationForLoadActivity(m, currentSt.jobs, palToLoc, basketToLoad);
+        else if (m.action.type === ActionType.Loading ||
+            m.action.type === ActionType.LoadingToBasket) {
+            const loc = locationForLoadActivity(m, palToLoc, basketToLoad);
             if (!loc)
                 return null;
             return {
@@ -133,8 +127,9 @@ function loadCurrentCycles(currentSt, estimated, palToLoc, loadStationNames) {
         const job = currentSt.jobs[m.mat.jobUnique];
         const procInfo = job?.procsAndPaths?.[m.proc - 1];
         const pathData = job?.procsAndPaths?.[m.proc - 1]?.paths?.[m.path - 1];
-        if (m.mat.action.type === ActionType.Loading) {
-            const expected = m.mat.action.loadOntoPalletNum !== null && m.mat.action.loadOntoPalletNum !== undefined
+        if (m.mat.action.type === ActionType.Loading ||
+            m.mat.action.type === ActionType.LoadingToBasket) {
+            const expected = m.mat.action.type === ActionType.Loading
                 ? pathData?.expectedLoadTime
                 : (procInfo?.expectedBasketLoadTime ?? pathData?.expectedLoadTime);
             return { ...m, expectedLoadSecs: durationToSeconds(expected ?? "PT0S") };
@@ -152,7 +147,8 @@ function loadCurrentCycles(currentSt, estimated, palToLoc, loadStationNames) {
         let outlier = false;
         let expectedSecs = 0;
         for (const { cycle: m, elapsedForSingleMaterialMinutes } of matsWithTime) {
-            const stats = estimated.get(new PartAndStationOperation(m.mat.partName, statGroup, m.mat.action.type === ActionType.Loading
+            const stats = estimated.get(new PartAndStationOperation(m.mat.partName, statGroup, m.mat.action.type === ActionType.Loading ||
+                m.mat.action.type === ActionType.LoadingToBasket
                 ? "LOAD-" + m.proc.toString()
                 : "UNLOAD-" + m.proc.toString()));
             if (stats && isOutlierAbove(stats, elapsedForSingleMaterialMinutes)) {
@@ -172,10 +168,16 @@ function loadCurrentCycles(currentSt, estimated, palToLoc, loadStationNames) {
             expectedEnd: addSeconds(currentSt.timeOfCurrentStatusUTC, -elapsedSec + expectedSecs),
             isOutlier: outlier,
             parts: LazySeq.of(mats)
-                .distinctAndSortBy((m) => m.mat.partName, (m) => m.proc, (m) => (m.mat.action.type === ActionType.Loading ? "LOAD" : "UNLOAD"))
+                .distinctAndSortBy((m) => m.mat.partName, (m) => m.proc, (m) => m.mat.action.type === ActionType.Loading ||
+                m.mat.action.type === ActionType.LoadingToBasket
+                ? "LOAD"
+                : "UNLOAD")
                 .map((m) => ({
                 part: m.mat.partName + "-" + m.proc.toString(),
-                oper: m.mat.action.type === ActionType.Loading ? "LOAD" : "UNLOAD",
+                oper: m.mat.action.type === ActionType.Loading ||
+                    m.mat.action.type === ActionType.LoadingToBasket
+                    ? "LOAD"
+                    : "UNLOAD",
             }))
                 .toRArray(),
         };

package/dist/data/move-arrows.d.ts

@@ -12,6 +12,7 @@ export declare enum MoveMaterialNodeKindType {
 export type MoveMaterialNodeKind = {
     readonly type: MoveMaterialNodeKindType.Material;
     readonly material: Readonly<api.IInProcessMaterial> | null;
+    readonly identifier?: string;
 } | {
     readonly type: MoveMaterialNodeKindType.FreeMaterialZone;
 } | {

package/dist/data/move-arrows.js

@@ -45,7 +45,7 @@ export var MoveMaterialNodeKindType;
 export function uniqueIdForNodeKind(kind) {
     switch (kind.type) {
         case MoveMaterialNodeKindType.Material:
-            return "Material-" + (kind.material?.materialID ?? -1).toString();
+            return "Material-" + (kind.identifier ?? (kind.material?.materialID ?? -1).toString());
         case MoveMaterialNodeKindType.FreeMaterialZone:
             return "FreeMaterialZone";
         case MoveMaterialNodeKindType.CompletedCollapsedMaterialZone:
@@ -63,7 +63,7 @@ export function uniqueIdForNodeKind(kind) {
 export function memoPropsForNodeKind(kind) {
     switch (kind.type) {
         case MoveMaterialNodeKindType.Material:
-            return [kind.type, kind.material];
+            return [kind.type, kind.material, kind.identifier];
         case MoveMaterialNodeKindType.FreeMaterialZone:
         case MoveMaterialNodeKindType.CompletedCollapsedMaterialZone:
         case MoveMaterialNodeKindType.CompletedExpandedMaterialZone:
@@ -257,6 +257,22 @@ export function computeArrows(container, allNodes) {
                     }
                 }
                 break;
+            case api.ActionType.LoadingToBasket: {
+                const basketId = mat.action.loadToBasketId;
+                if (basketId === undefined)
+                    break;
+                const dest = byKind.baskets.get(basketId);
+                const lastSlotUsed = basketDestUsed.get(basketId) ?? 0;
+                basketDestUsed.set(basketId, lastSlotUsed + 1);
+                arrows.push({
+                    fromX: rect.right,
+                    fromY: rect.top + rect.height / 2,
+                    toX: dest !== undefined ? dest.left + 20 : container.right - 10,
+                    toY: dest !== undefined ? dest.top + 50 + 20 * lastSlotUsed : rect.top + rect.height / 2,
+                    curveDirection: -1,
+                });
+                break;
+            }
         }
     }
     return arrows.map((arr) => ({

package/dist/data/queue-material.js

@@ -107,12 +107,14 @@ function isMatAssignedRaw(unique, m) {
     return (m.jobUnique === unique &&
         m.location.type === api.LocType.InQueue &&
         m.action.type !== api.ActionType.Loading &&
+        m.action.type !== api.ActionType.LoadingToBasket &&
         m.process === 0);
 }
 function isMatUnassignedRaw(rawMatName, m) {
     return (m.partName === rawMatName &&
         m.location.type === api.LocType.InQueue &&
         m.action.type !== api.ActionType.Loading &&
+        m.action.type !== api.ActionType.LoadingToBasket &&
         m.process === 0 &&
         !m.jobUnique);
 }

package/dist/index.html

@@ -44,8 +44,8 @@
         }
       }
     </style>
-    <script type="module" crossorigin src="/assets/index-4ivKxo2f.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CbqW4-gR.css">
+    <script type="module" crossorigin src="/assets/index-BLYS5tHD.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DXfAwuj-.css">
   </head>
   <body>
     <noscript> You need to enable JavaScript to run this app. </noscript>

package/dist/index.js

@@ -30,16 +30,15 @@ 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 { render } from "./renderer.js";
-import { registerNetworkBackend } from "./network/backend.js";
-import { fmsInformation, loadInfo } from "./network/server-settings.js";
+import { bootstrapInsight } from "./bootstrap.js";
 import { ApiException } from "./network/api.js";
-import { createStore } from "jotai";
 async function main() {
-    registerNetworkBackend();
-    const store = createStore();
-    store.set(fmsInformation, await loadInfo());
-    render(null, document.getElementById("root"), store);
+    const developmentProps = import.meta.env.DEV
+        ? {
+            submitBasketLoadStationCommand: async () => "accepted",
+        }
+        : {};
+    await bootstrapInsight(developmentProps);
 }
 main().catch((e) => {
     console.log(e);
@@ -51,10 +50,3 @@ main().catch((e) => {
     p.textContent = msg;
     (document.getElementById("loading") ?? document.body).appendChild(p);
 });
-if ("serviceWorker" in navigator) {
-    void navigator.serviceWorker.getRegistrations().then((registrations) => {
-        for (const reg of registrations) {
-            void reg.unregister();
-        }
-    });
-}

package/dist/network/api.d.ts

@@ -722,6 +722,7 @@ export declare class CurrentStatus implements ICurrentStatus {
         [key: string]: BasketStatus;
     } | undefined;
     basketMoveInstructions?: BasketMoveInstruction[] | undefined;
+    customState?: unknown | undefined;
     constructor(data?: ICurrentStatus);
     init(_data?: any): void;
     static fromJS(data: any): CurrentStatus;
@@ -746,6 +747,7 @@ export interface ICurrentStatus {
         [key: string]: BasketStatus;
     } | undefined;
     basketMoveInstructions?: BasketMoveInstruction[] | undefined;
+    customState?: unknown | undefined;
 }
 export declare class HistoricJob extends Job implements IHistoricJob {
     scheduleId?: string | undefined;
@@ -902,11 +904,14 @@ export declare enum LocType {
 }
 export declare class InProcessMaterialAction implements IInProcessMaterialAction {
     type: ActionType;
+    workId?: string | undefined;
     loadOntoPalletNum?: number | undefined;
     loadOntoFace?: number | undefined;
     processAfterLoad?: number | undefined;
     pathAfterLoad?: number | undefined;
     loadFromBasketId?: number | undefined;
+    loadToBasketId?: number | undefined;
+    loadToBasketSlot?: number | undefined;
     unloadIntoQueue?: string | undefined;
     unloadToBasketId?: number | undefined;
     unloadToBasketSlot?: number | undefined;
@@ -921,11 +926,14 @@ export declare class InProcessMaterialAction implements IInProcessMaterialAction
 }
 export interface IInProcessMaterialAction {
     type: ActionType;
+    workId?: string | undefined;
     loadOntoPalletNum?: number | undefined;
     loadOntoFace?: number | undefined;
     processAfterLoad?: number | undefined;
     pathAfterLoad?: number | undefined;
     loadFromBasketId?: number | undefined;
+    loadToBasketId?: number | undefined;
+    loadToBasketSlot?: number | undefined;
     unloadIntoQueue?: string | undefined;
     unloadToBasketId?: number | undefined;
     unloadToBasketSlot?: number | undefined;
@@ -939,7 +947,8 @@ export declare enum ActionType {
     Loading = "Loading",
     UnloadToInProcess = "UnloadToInProcess",
     UnloadToCompletedMaterial = "UnloadToCompletedMaterial",
-    Machining = "Machining"
+    Machining = "Machining",
+    LoadingToBasket = "LoadingToBasket"
 }
 export declare class QueueInfo implements IQueueInfo {
     maxSizeBeforeStopUnloading?: number | undefined;

package/dist/network/api.js

@@ -3561,6 +3561,7 @@ export class CurrentStatus {
                 for (let item of _data["BasketMoveInstructions"])
                     this.basketMoveInstructions.push(BasketMoveInstruction.fromJS(item));
             }
+            this.customState = _data["CustomState"];
         }
     }
     static fromJS(data) {
@@ -3635,6 +3636,7 @@ export class CurrentStatus {
             for (let item of this.basketMoveInstructions)
                 data["BasketMoveInstructions"].push(item ? item.toJSON() : undefined);
         }
+        data["CustomState"] = this.customState;
         return data;
     }
 }
@@ -3979,11 +3981,14 @@ export class InProcessMaterialAction {
     init(_data) {
         if (_data) {
             this.type = _data["Type"];
+            this.workId = _data["WorkId"];
             this.loadOntoPalletNum = _data["LoadOntoPalletNum"];
             this.loadOntoFace = _data["LoadOntoFace"];
             this.processAfterLoad = _data["ProcessAfterLoad"];
             this.pathAfterLoad = _data["PathAfterLoad"];
             this.loadFromBasketId = _data["LoadFromBasketId"];
+            this.loadToBasketId = _data["LoadToBasketId"];
+            this.loadToBasketSlot = _data["LoadToBasketSlot"];
             this.unloadIntoQueue = _data["UnloadIntoQueue"];
             this.unloadToBasketId = _data["UnloadToBasketId"];
             this.unloadToBasketSlot = _data["UnloadToBasketSlot"];
@@ -4002,11 +4007,14 @@ export class InProcessMaterialAction {
     toJSON(data) {
         data = typeof data === "object" ? data : {};
         data["Type"] = this.type;
+        data["WorkId"] = this.workId;
         data["LoadOntoPalletNum"] = this.loadOntoPalletNum;
         data["LoadOntoFace"] = this.loadOntoFace;
         data["ProcessAfterLoad"] = this.processAfterLoad;
         data["PathAfterLoad"] = this.pathAfterLoad;
         data["LoadFromBasketId"] = this.loadFromBasketId;
+        data["LoadToBasketId"] = this.loadToBasketId;
+        data["LoadToBasketSlot"] = this.loadToBasketSlot;
         data["UnloadIntoQueue"] = this.unloadIntoQueue;
         data["UnloadToBasketId"] = this.unloadToBasketId;
         data["UnloadToBasketSlot"] = this.unloadToBasketSlot;
@@ -4024,6 +4032,7 @@ export var ActionType;
     ActionType["UnloadToInProcess"] = "UnloadToInProcess";
     ActionType["UnloadToCompletedMaterial"] = "UnloadToCompletedMaterial";
     ActionType["Machining"] = "Machining";
+    ActionType["LoadingToBasket"] = "LoadingToBasket";
 })(ActionType || (ActionType = {}));
 export class QueueInfo {
     constructor(data) {

package/dist/network/backend.d.ts

@@ -54,4 +54,6 @@ export declare function registerNetworkBackend(): void;
 export declare function setOtherLogBackends(servers: ReadonlyArray<string>): void;
 export declare function registerBackend(log: LogAPI, job: JobAPI, fms: FmsAPI, machine: MachineAPI): void;
 export declare function setUserToken(u: User): void;
+/** Performs a request using the authenticated Insight user's bearer token, when present. */
+export declare function authenticatedFetch(url: RequestInfo, init?: RequestInit): Promise<Response>;
 export declare function instructionUrl(partName: string, type: string, matId: number, pallet: number | null, proc: number | null | undefined, operator: string | null): string;