@flowselections/pick-schermen-kwekers 1.0.84 → 1.0.89

package/dist-lib/components/pick/werkvloer/Werkvloer.d.ts

@@ -0,0 +1,52 @@
+import { type WerkvloerCard } from "../../../lib/werkvloer.js";
+/** Inhoud van de vaste meldingsplek. */
+export type Slot = {
+    kind: "none";
+} | {
+    kind: "offline";
+} | {
+    kind: "busy";
+    lines: string[];
+} | {
+    kind: "success";
+    text: string;
+} | {
+    kind: "error";
+    text: string;
+} | {
+    kind: "info";
+    text: string;
+};
+/**
+ * Vaste meldingsplek: altijd even hoog, zodat de lijst eronder nooit
+ * verspringt als er een melding verschijnt of verdwijnt.
+ */
+export declare function MeldingsPlek({ slot, onDismiss }: {
+    slot: Slot;
+    onDismiss: () => void;
+}): import("react").JSX.Element;
+export interface CardState {
+    /** Uitgeschakeld met deze tekst op de knop (bijv. "Wordt geprint"). */
+    disabledLabel: string | null;
+    /** Nog niet printklaar: reden + knop "Pakbon ophalen". */
+    notReadyReason: string | null;
+    /** Korte statusregel uit de Engine (printstatus, sticker, uitwijk). */
+    statusLine: string | null;
+}
+interface KaartProps {
+    card: WerkvloerCard;
+    state: CardState;
+    tz: string | null;
+    mode: "todo" | "printed";
+    leaving: boolean;
+    disabled: boolean;
+    showLead: boolean;
+    onPrint: (card: WerkvloerCard) => void;
+    onFetch: (card: WerkvloerCard) => void;
+    onPreview: (card: WerkvloerCard) => void;
+    onMarkPrinted: (card: WerkvloerCard) => void;
+}
+/** Eén order of gezamenlijke levering. Alleen opnieuw getekend als iets echt verandert. */
+export declare const WerkvloerKaart: import("react").NamedExoticComponent<KaartProps>;
+export {};
+//# sourceMappingURL=Werkvloer.d.ts.map

package/dist-lib/components/pick/werkvloer/Werkvloer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Werkvloer.d.ts","sourceRoot":"","sources":["../../../../src/components/pick/werkvloer/Werkvloer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAoC,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE9F,wCAAwC;AACxC,MAAM,MAAM,IAAI,GACZ;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnC;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,IAAI,CAAA;CAAE,+BA6CtF;AAED,MAAM,WAAW,SAAS;IACxB,uEAAuE;IACvE,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,uEAAuE;IACvE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,UAAU,UAAU;IAClB,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC9C;AAED,2FAA2F;AAC3F,eAAO,MAAM,cAAc,kDA2DzB,CAAC"}

package/dist-lib/components/pick/werkvloer/Werkvloer.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { AlertTriangle, CheckCircle2, Loader2, MoreVertical, Printer, WifiOff, Zap } from "lucide-react";
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@flowselections/core";
+import { wv } from "../../../lib/labels.js";
+import { cartsText, sinceLabel, timeLabel } from "../../../lib/werkvloer.js";
+/**
+ * Vaste meldingsplek: altijd even hoog, zodat de lijst eronder nooit
+ * verspringt als er een melding verschijnt of verdwijnt.
+ */
+export function MeldingsPlek({ slot, onDismiss }) {
+    const base = "flex min-h-[88px] w-full items-center gap-4 rounded-lg px-5 py-3 text-xl font-semibold transition-opacity duration-300";
+    if (slot.kind === "none")
+        return _jsx("div", { "aria-hidden": true, className: `${base} opacity-0` });
+    if (slot.kind === "offline")
+        return (_jsxs("div", { role: "alert", className: `${base} bg-destructive text-destructive-foreground`, children: [_jsx(WifiOff, { className: "h-8 w-8 shrink-0" }), _jsx("span", { children: wv("offline") })] }));
+    if (slot.kind === "busy")
+        return (_jsxs("div", { role: "status", "aria-live": "polite", className: `${base} border-2 border-primary bg-muted text-foreground`, children: [_jsx(Loader2, { className: "h-8 w-8 shrink-0 animate-spin" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { children: wv("busy") }), slot.lines.length > 0 && (_jsx("ul", { className: "mt-1 space-y-0.5 text-lg font-normal", children: slot.lines.map((l) => (_jsx("li", { className: "truncate", children: l }, l))) }))] })] }));
+    const tone = slot.kind === "success"
+        ? "bg-primary text-primary-foreground"
+        : slot.kind === "error"
+            ? "bg-destructive text-destructive-foreground"
+            : "border-2 border-border bg-muted text-foreground";
+    const Icon = slot.kind === "success" ? CheckCircle2 : AlertTriangle;
+    return (_jsxs("button", { type: "button", role: slot.kind === "error" ? "alert" : "status", "aria-live": "polite", onClick: onDismiss, className: `${base} ${tone} text-left`, children: [_jsx(Icon, { className: "h-8 w-8 shrink-0" }), _jsx("span", { children: slot.text })] }));
+}
+/** Eén order of gezamenlijke levering. Alleen opnieuw getekend als iets echt verandert. */
+export const WerkvloerKaart = memo(function WerkvloerKaart({ card, state, tz, mode, leaving, disabled, showLead, onPrint, onFetch, onPreview, onMarkPrinted, }) {
+    const when = mode === "printed" ? (timeLabel(card.printedAt, tz) ? `geprint ${timeLabel(card.printedAt, tz)}` : null) : sinceLabel(card.since, tz);
+    const carts = cartsText(card.carts);
+    const buttonLabel = state.disabledLabel ?? (state.notReadyReason ? wv("fetchData") : mode === "printed" ? wv("reprint") : wv("print"));
+    return (_jsxs("li", { className: `flex flex-col gap-3 rounded-xl border-2 bg-card p-4 text-card-foreground transition-opacity duration-300 animate-in fade-in sm:flex-row sm:items-center sm:gap-4 ${card.urgent && mode === "todo" ? "border-destructive" : "border-border"} ${leaving ? "pointer-events-none opacity-0" : "opacity-100"}`, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1", children: [_jsx("span", { className: "text-2xl font-bold tabular-nums text-foreground sm:text-3xl", children: card.orderNumbers.join(" + ") || "—" }), carts && _jsx("span", { className: "text-2xl font-bold tabular-nums text-foreground", children: carts }), card.urgent && mode === "todo" && (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-md bg-destructive px-2 py-1 text-lg font-bold uppercase text-destructive-foreground", children: [_jsx(Zap, { className: "h-5 w-5" }), " ", wv("urgentBadge")] }))] }), _jsx("p", { className: "mt-1 truncate text-lg text-muted-foreground", children: [card.customer, when].filter(Boolean).join(" · ") }), (state.notReadyReason || state.statusLine) && (_jsx("p", { className: "mt-1 text-lg text-foreground", children: state.notReadyReason ?? state.statusLine }))] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [showLead && mode === "todo" && (_jsx(Button, { variant: "outline", className: "h-16 px-4 text-lg", disabled: disabled, onClick: () => onMarkPrinted(card), children: wv("markPrinted") })), _jsxs(Button, { className: "h-16 min-w-[9rem] flex-1 px-6 text-xl sm:flex-none [&_svg]:!size-6", variant: state.notReadyReason ? "secondary" : mode === "printed" ? "outline" : "default", disabled: disabled || state.disabledLabel !== null, onClick: () => (state.notReadyReason ? onFetch(card) : onPrint(card)), children: [_jsx(Printer, { className: "mr-2 h-6 w-6" }), buttonLabel] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", className: "h-16 w-14 [&_svg]:!size-6", "aria-label": `${wv("more")} ${card.orderNumbers.join(" + ")}`, children: _jsx(MoreVertical, { className: "h-6 w-6" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: _jsx(DropdownMenuItem, { className: "min-h-14 text-lg", onSelect: () => onPreview(card), children: wv("preview") }) })] })] })] }));
+});

package/dist-lib/hooks/useCartStickerStates.d.ts

@@ -4,5 +4,5 @@ export declare const STICKER_POLL = 15000;
  * karren van de order in één aanroep. Vult de cache van de losse onderdelen,
  * die met een slug zelf niet meer opvragen.
  */
-export declare function useCartStickerStates(cartIds: string[], slug: string | null): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../lib/pickStickerBundle.js").CartStickerBundleItem[]>, Error>;
+export declare function useCartStickerStates(cartIds: string[], slug: string | null): import("@tanstack/react-query").UseQueryResult<import("../lib/pickStickerBundle.js").CartStickerBundleItem[], Error>;
 //# sourceMappingURL=useCartStickerStates.d.ts.map

package/dist-lib/hooks/useCartStickerStates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCartStickerStates.d.ts","sourceRoot":"","sources":["../../src/hooks/useCartStickerStates.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY,QAAS,CAAC;AAEnC;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,8HA2B1E"}
+{"version":3,"file":"useCartStickerStates.d.ts","sourceRoot":"","sources":["../../src/hooks/useCartStickerStates.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY,QAAS,CAAC;AAEnC;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,qHA2B1E"}

package/dist-lib/hooks/usePickConfig.d.ts

@@ -1,15 +1,15 @@
-export declare function usePickCountries(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickCountry[]>, Error>;
-export declare function usePickStatuses(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickStatus[]>, Error>;
-export declare function usePickPrinters(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickPrinter[]>, Error>;
-export declare function usePickDocumentTypes(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickDocumentType[]>, Error>;
-export declare function usePickStationTypes(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickStationType[]>, Error>;
-export declare function usePickTasks(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickTask[]>, Error>;
-export declare function usePickStations(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickStation[]>, Error>;
+export declare function usePickCountries(): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickCountry[], Error>;
+export declare function usePickStatuses(): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickStatus[], Error>;
+export declare function usePickPrinters(): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickPrinter[], Error>;
+export declare function usePickDocumentTypes(): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickDocumentType[], Error>;
+export declare function usePickStationTypes(): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickStationType[], Error>;
+export declare function usePickTasks(): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickTask[], Error>;
+export declare function usePickStations(): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickStation[], Error>;
 /** Actieve printplekken uit de Layout maker. */
-export declare function usePickPrintPlekken(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickPrintPlek[]>, Error>;
+export declare function usePickPrintPlekken(): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickPrintPlek[], Error>;
 /** Koppelingen pickstation → printplek (beheerpagina). */
-export declare function useStationPrintPlekken(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickStationPrintPlekRow[]>, Error>;
+export declare function useStationPrintPlekken(): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickStationPrintPlekRow[], Error>;
 /** De printplek van één pickstation (ook in openbare pickschermen). */
-export declare function useStationPrintPlek(stationId?: string): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickStationPrintPlek | null>, Error>;
-export declare function usePickScreens(stationId?: string): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickScreen[]>, Error>;
+export declare function useStationPrintPlek(stationId?: string): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickStationPrintPlek | null, Error>;
+export declare function usePickScreens(stationId?: string): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickScreen[], Error>;
 //# sourceMappingURL=usePickConfig.d.ts.map

package/dist-lib/hooks/usePickConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePickConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickConfig.ts"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,+FAE/B;AACD,wBAAgB,eAAe,8FAE9B;AACD,wBAAgB,eAAe,+FAE9B;AACD,wBAAgB,oBAAoB,oGAEnC;AACD,wBAAgB,mBAAmB,mGAElC;AACD,wBAAgB,YAAY,4FAE3B;AACD,wBAAgB,eAAe,+FAE9B;AACD,gDAAgD;AAChD,wBAAgB,mBAAmB,iGAElC;AACD,0DAA0D;AAC1D,wBAAgB,sBAAsB,2GAKrC;AACD,uEAAuE;AACvE,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,MAAM,4GAMrD;AAED,wBAAgB,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,6FAKhD"}
+{"version":3,"file":"usePickConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickConfig.ts"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,sFAE/B;AACD,wBAAgB,eAAe,qFAE9B;AACD,wBAAgB,eAAe,sFAE9B;AACD,wBAAgB,oBAAoB,2FAEnC;AACD,wBAAgB,mBAAmB,0FAElC;AACD,wBAAgB,YAAY,mFAE3B;AACD,wBAAgB,eAAe,sFAE9B;AACD,gDAAgD;AAChD,wBAAgB,mBAAmB,wFAElC;AACD,0DAA0D;AAC1D,wBAAgB,sBAAsB,kGAKrC;AACD,uEAAuE;AACvE,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,MAAM,mGAMrD;AAED,wBAAgB,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,oFAKhD"}

package/dist-lib/hooks/usePickPrintStatus.d.ts

@@ -1,14 +1,14 @@
 import { type PrintStatusResult } from "../lib/pickPrintStatus.js";
 /**
  * Eén aanroep voor alle zichtbare regels. Openbaar station (slug):
- * pickstation_print_status; ingelogd scherm: logistics_print_status direct.
+ * altijd pickstation_print_status, ook zonder gekoppeld apparaat.
  * Fout: "niet beschikbaar" met reden, nooit terugvallen op printed_at.
  */
 export declare function fetchPrintStatus(ids: string[], slug: string | null): Promise<PrintStatusResult>;
 export declare function usePickPrintStatus(ids: string[], slug: string | null, enabled?: boolean): {
-    result: NoInfer<PrintStatusResult> | null;
+    result: PrintStatusResult | null;
     loading: boolean;
     inPrint: Set<string>;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<PrintStatusResult>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<PrintStatusResult, Error>>;
 };
 //# sourceMappingURL=usePickPrintStatus.d.ts.map

package/dist-lib/hooks/usePickPrintStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePickPrintStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickPrintStatus.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgC,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAQ9F;;;;GAIG;AACH,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAgBrG;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,UAAO;;;;;EAkBpF"}
+{"version":3,"file":"usePickPrintStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickPrintStatus.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgC,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAQ9F;;;;GAIG;AACH,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAerG;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,UAAO;;;;;EAkBpF"}

package/dist-lib/hooks/usePickPrintStatus.js

@@ -8,14 +8,14 @@ const db = keyedRpc(supabase);
 const MAX_IDS = 500;
 /**
  * Eén aanroep voor alle zichtbare regels. Openbaar station (slug):
- * pickstation_print_status; ingelogd scherm: logistics_print_status direct.
+ * altijd pickstation_print_status, ook zonder gekoppeld apparaat.
  * Fout: "niet beschikbaar" met reden, nooit terugvallen op printed_at.
  */
 export async function fetchPrintStatus(ids, slug) {
     const list = ids.slice(0, MAX_IDS);
-    const { data, error } = await pickMeasure("printstatus", () => slug
-        ? db.rpc("pickstation_print_status", { p_slug: slug, p_queue_item_ids: list })
-        : db.rpc("logistics_print_status", { p_queue_item_ids: list }));
+    if (!slug?.trim())
+        return { beschikbaar: false, reden: "Het pickstation ontbreekt; open het scherm opnieuw.", byId: new Map() };
+    const { data, error } = await pickMeasure("printstatus", () => db.rpc("pickstation_print_status", { p_slug: slug, p_queue_item_ids: list }));
     if (error) {
         const missing = /could not find|does not exist|PGRST202/i.test(error.message);
         return {

package/dist-lib/hooks/usePickQueue.d.ts

@@ -50,12 +50,12 @@ export declare function usePickHeartbeat(stationId?: string, screenId?: string |
 export declare function usePickCountryCounts(args: {
     stationId?: string;
     screenId?: string;
-}): import("@tanstack/react-query").UseQueryResult<NoInfer<Record<string, number>>, Error>;
+}): import("@tanstack/react-query").UseQueryResult<Record<string, number>, Error>;
 /** Pickdagen waarop nog orders klaarstaan (vandaag en later). */
-export declare function usePickDays(enabled?: boolean): import("@tanstack/react-query").UseQueryResult<NoInfer<{
+export declare function usePickDays(enabled?: boolean): import("@tanstack/react-query").UseQueryResult<{
     day: string;
     orders: number;
-}[]>, Error>;
+}[], Error>;
 /** Zelfde station, scherm en pickdag (positie 2-4 van de wachtrij-sleutel). */
 export declare function sameQueueScope(a: readonly unknown[], b: readonly unknown[]): boolean;
 //# sourceMappingURL=usePickQueue.d.ts.map

package/dist-lib/hooks/usePickQueue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePickQueue.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickQueue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAY,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAM9E,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,YAS5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;;;;;;;IAuNG,sDAAsD;;;;;;IAMtD,gEAAgE;;IAEhE,4EAA4E;;IAE5E,6EAA6E;;;EAIhF;AAED,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM;;EAuBhG;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,0FAOnF;AACD,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,OAAO,UAAO;;;aAQzC;AAED,+EAA+E;AAC/E,wBAAgB,cAAc,CAAC,CAAC,EAAE,SAAS,OAAO,EAAE,EAAE,CAAC,EAAE,SAAS,OAAO,EAAE,GAAG,OAAO,CAEpF"}
+{"version":3,"file":"usePickQueue.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickQueue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAY,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAM9E,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,EAAE,YAS5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;;;;;;;IAuNG,sDAAsD;;;;;;IAMtD,gEAAgE;;IAEhE,4EAA4E;;IAE5E,6EAA6E;;;EAIhF;AAED,qEAAqE;AACrE,wBAAgB,gBAAgB,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,MAAM;;EAuBhG;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,iFAOnF;AACD,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,OAAO,UAAO;;;YAQzC;AAED,+EAA+E;AAC/E,wBAAgB,cAAc,CAAC,CAAC,EAAE,SAAS,OAAO,EAAE,EAAE,CAAC,EAAE,SAAS,OAAO,EAAE,GAAG,OAAO,CAEpF"}

package/dist-lib/hooks/usePickReferenceData.d.ts

@@ -1,4 +1,4 @@
 export declare const PICK_REFERENCE_QUERY_KEY: readonly ["pick", "referenceData"];
 /** Eén bron voor de instellingenkaart en de waarschuwingsbanner. */
-export declare function usePickReferenceData(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("../index.js").PickReferenceStatus>, Error>;
+export declare function usePickReferenceData(): import("@tanstack/react-query").UseQueryResult<import("../index.js").PickReferenceStatus, Error>;
 //# sourceMappingURL=usePickReferenceData.d.ts.map

package/dist-lib/hooks/usePickReferenceData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePickReferenceData.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickReferenceData.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB,oCAAqC,CAAC;AAE3E,oEAAoE;AACpE,wBAAgB,oBAAoB,qGAKnC"}
+{"version":3,"file":"usePickReferenceData.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickReferenceData.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB,oCAAqC,CAAC;AAE3E,oEAAoE;AACpE,wBAAgB,oBAAoB,4FAKnC"}

package/dist-lib/hooks/useShippingNoteStatus.d.ts

@@ -11,7 +11,7 @@ export interface WatchedShippingNote {
  * wacht, geprint is of is mislukt. Uitsluitend lezen: er wordt nooit een nieuwe
  * aanvraag of printopdracht gemaakt.
  */
-export declare function useShippingNoteStatus(): {
+export declare function useShippingNoteStatus(slug: string | null): {
     shippingNotes: WatchedShippingNote[];
     watchShippingNotes: (entries: {
         jobId: string;

package/dist-lib/hooks/useShippingNoteStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useShippingNoteStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useShippingNoteStatus.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,mBAAmB;IAClC,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,kBAAkB,CAAC;CAC3B;AAMD;;;;GAIG;AACH,wBAAgB,qBAAqB;;kCAYvB;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,EAAE;;mCA4C5B,OAAO,CAAC;QAC5D,EAAE,EAAE,OAAO,CAAC;QACZ,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;KACxB,CAAC;EAuFH"}
+{"version":3,"file":"useShippingNoteStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useShippingNoteStatus.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,mBAAmB;IAClC,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,kBAAkB,CAAC;CAC3B;AAMD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;;kCAY3C;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,EAAE;;mCA4C5B,OAAO,CAAC;QAC5D,EAAE,EAAE,OAAO,CAAC;QACZ,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;KACxB,CAAC;EAyFH"}

package/dist-lib/hooks/useShippingNoteStatus.js

@@ -8,7 +8,7 @@ const MAX_MS = 15 * 60 * 1000;
  * wacht, geprint is of is mislukt. Uitsluitend lezen: er wordt nooit een nieuwe
  * aanvraag of printopdracht gemaakt.
  */
-export function useShippingNoteStatus() {
+export function useShippingNoteStatus(slug) {
     const [notes, setNotes] = useState([]);
     const notesRef = useRef([]);
     const startedAt = useRef({});
@@ -63,9 +63,10 @@ export function useShippingNoteStatus() {
         if (current.length > 0) {
             const results = await Promise.all(current.map(async (note) => {
                 try {
-                    return { jobId: note.jobId, state: await readShippingNoteStatus(note.jobId, note.cartId) };
+                    return { jobId: note.jobId, state: await readShippingNoteStatus(note.jobId, note.cartId, slug) };
                 }
-                catch {
+                catch (error) {
+                    console.error("Pickstation: verzendbriefstatus kon niet worden gelezen", error);
                     return null;
                 }
             }));
@@ -73,11 +74,11 @@ export function useShippingNoteStatus() {
                 .filter((r) => r !== null)
                 .map((r) => [r.jobId, r.state]));
             if (byJob.size > 0) {
-                apply(notesRef.current.map((note) => byJob.has(note.jobId) ? { ...note, state: byJob.get(note.jobId) } : note));
+                apply(notesRef.current.map((note) => byJob.get(note.jobId) ? { ...note, state: byJob.get(note.jobId) ?? note.state } : note));
             }
         }
         return result;
-    }, [apply]);
+    }, [apply, slug]);
     const key = notes.map((note) => note.jobId).join(",");
     useEffect(() => {
         if (!key)
@@ -104,9 +105,10 @@ export function useShippingNoteStatus() {
             }
             const results = await Promise.all(pending.map(async (note) => {
                 try {
-                    return { jobId: note.jobId, state: await readShippingNoteStatus(note.jobId, note.cartId) };
+                    return { jobId: note.jobId, state: await readShippingNoteStatus(note.jobId, note.cartId, slug) };
                 }
-                catch {
+                catch (error) {
+                    console.error("Pickstation: verzendbriefstatus kon niet worden gelezen", error);
                     // Status tijdelijk niet leesbaar; volgende ronde volgt.
                     return null;
                 }
@@ -117,7 +119,7 @@ export function useShippingNoteStatus() {
                 .map((r) => [r.jobId, r.state]));
             if (byJob.size === 0)
                 return;
-            const updated = notesRef.current.map((note) => byJob.has(note.jobId) ? { ...note, state: byJob.get(note.jobId) } : note);
+            const updated = notesRef.current.map((note) => byJob.get(note.jobId) ? { ...note, state: byJob.get(note.jobId) ?? note.state } : note);
             notesRef.current = updated;
             setNotes(updated);
         };
@@ -127,6 +129,6 @@ export function useShippingNoteStatus() {
             stopped = true;
             stop();
         };
-    }, [key]);
+    }, [key, slug]);
     return { shippingNotes: notes, watchShippingNotes, clearShippingNotes, refreshShippingNotesNow };
 }

package/dist-lib/hooks/useWerkvloer.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Houdt de getoonde lijst vast terwijl iemand het scherm aanraakt en tot 2 s
+ * daarna. Verdwenen kaarten blijven 300 ms staan (fade-out) op hun plek.
+ */
+export declare function useStableList<T>(items: T[], keyOf: (item: T) => string, holdMs?: number): {
+    shown: {
+        item: T;
+        leaving: boolean;
+    }[];
+    handlers: {
+        onPointerDown: () => void;
+        onPointerUp: () => void;
+        onPointerCancel: () => void;
+    };
+};
+/** Na `ms` zonder aanraking of toets: onIdle. */
+export declare function useIdle(ms: number, onIdle: () => void): void;
+/** Browser meldt verbinding (navigator.onLine + online/offline-events). */
+export declare function useBrowserOnline(): boolean;
+//# sourceMappingURL=useWerkvloer.d.ts.map

package/dist-lib/hooks/useWerkvloer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWerkvloer.d.ts","sourceRoot":"","sources":["../../src/hooks/useWerkvloer.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,EAAE,MAAM,SAAO;;cACzC,CAAC;iBAAW,OAAO;;;;;;;EAuD/D;AAED,iDAAiD;AACjD,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAI,QAgBrD;AAED,2EAA2E;AAC3E,wBAAgB,gBAAgB,YAc/B"}

package/dist-lib/hooks/useWerkvloer.js

@@ -0,0 +1,98 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+/**
+ * Houdt de getoonde lijst vast terwijl iemand het scherm aanraakt en tot 2 s
+ * daarna. Verdwenen kaarten blijven 300 ms staan (fade-out) op hun plek.
+ */
+export function useStableList(items, keyOf, holdMs = 2000) {
+    const [shown, setShown] = useState(() => items.map((item) => ({ item, leaving: false })));
+    const touching = useRef(false);
+    const releaseTimer = useRef(null);
+    const latest = useRef(items);
+    latest.current = items;
+    const [tick, setTick] = useState(0);
+    const apply = useCallback(() => {
+        const next = latest.current;
+        setShown((prev) => {
+            const nextKeys = new Set(next.map(keyOf));
+            const out = next.map((item) => ({ item, leaving: false }));
+            // Verdwenen kaarten op hun oude plek laten uitfaden.
+            prev.forEach((entry, index) => {
+                const k = keyOf(entry.item);
+                if (!nextKeys.has(k) && !entry.leaving)
+                    out.splice(Math.min(index, out.length), 0, { item: entry.item, leaving: true });
+            });
+            // Niets veranderd: zelfde lijst teruggeven, zodat React niets opnieuw tekent.
+            if (out.length === prev.length && out.every((e, i) => e.item === prev[i].item && e.leaving === prev[i].leaving))
+                return prev;
+            return out;
+        });
+    }, [keyOf]);
+    useEffect(() => {
+        if (!touching.current && releaseTimer.current === null)
+            apply();
+    }, [items, apply, tick]);
+    // Uitgefade kaarten na 300 ms echt weghalen.
+    useEffect(() => {
+        if (!shown.some((e) => e.leaving))
+            return;
+        const t = window.setTimeout(() => setShown((prev) => prev.filter((e) => !e.leaving)), 300);
+        return () => window.clearTimeout(t);
+    }, [shown]);
+    const onPointerDown = useCallback(() => {
+        touching.current = true;
+        if (releaseTimer.current !== null) {
+            window.clearTimeout(releaseTimer.current);
+            releaseTimer.current = null;
+        }
+    }, []);
+    const onPointerUp = useCallback(() => {
+        touching.current = false;
+        if (releaseTimer.current !== null)
+            window.clearTimeout(releaseTimer.current);
+        releaseTimer.current = window.setTimeout(() => {
+            releaseTimer.current = null;
+            setTick((n) => n + 1);
+        }, holdMs);
+    }, [holdMs]);
+    useEffect(() => () => {
+        if (releaseTimer.current !== null)
+            window.clearTimeout(releaseTimer.current);
+    }, []);
+    return { shown, handlers: { onPointerDown, onPointerUp, onPointerCancel: onPointerUp } };
+}
+/** Na `ms` zonder aanraking of toets: onIdle. */
+export function useIdle(ms, onIdle) {
+    const cb = useRef(onIdle);
+    cb.current = onIdle;
+    useEffect(() => {
+        let timer = window.setTimeout(() => cb.current(), ms);
+        const reset = () => {
+            window.clearTimeout(timer);
+            timer = window.setTimeout(() => cb.current(), ms);
+        };
+        const events = ["pointerdown", "keydown", "wheel", "touchstart"];
+        for (const e of events)
+            window.addEventListener(e, reset, { passive: true });
+        return () => {
+            window.clearTimeout(timer);
+            for (const e of events)
+                window.removeEventListener(e, reset);
+        };
+    }, [ms]);
+}
+/** Browser meldt verbinding (navigator.onLine + online/offline-events). */
+export function useBrowserOnline() {
+    const [online, setOnline] = useState(true);
+    useEffect(() => {
+        setOnline(navigator.onLine);
+        const on = () => setOnline(true);
+        const off = () => setOnline(false);
+        window.addEventListener("online", on);
+        window.addEventListener("offline", off);
+        return () => {
+            window.removeEventListener("online", on);
+            window.removeEventListener("offline", off);
+        };
+    }, []);
+    return online;
+}

package/dist-lib/integrations/supabase/client.js

@@ -1,5 +1,5 @@
 // Geen project-URL of sleutel in module-code: de client komt van @flowselections/core (env-gebaseerd, dezelfde sessie als de shell).
 import { supabase as coreSupabase } from "@flowselections/core";
 // Import the supabase client like this:
-// import { supabase } from "../../integrations/supabase/client.js";
+// import { supabase } from "./client.js";
 export const supabase = coreSupabase;

package/dist-lib/integrations/supabase/client.server.js

@@ -20,7 +20,7 @@ function createSupabaseAdminClient() {
 let _supabaseAdmin;
 // Server-side Supabase client with service role - bypasses RLS
 // SECURITY: Only use this for trusted server-side operations, never expose to client code
-// Import like: import { supabaseAdmin } from "../../integrations/supabase/client.server.js";
+// Import like: import { supabaseAdmin } from "./client.server.js";
 export const supabaseAdmin = new Proxy({}, {
     get(_, prop, receiver) {
         if (!_supabaseAdmin)