@flowselections/pick-schermen-kwekers 1.0.82 → 1.0.87

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/components/settings/ReferentiedataPickdocumentenCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReferentiedataPickdocumentenCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/ReferentiedataPickdocumentenCard.tsx"],"names":[],"mappings":"AAwEA,wBAAgB,gCAAgC,gCAyT/C"}
+{"version":3,"file":"ReferentiedataPickdocumentenCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/ReferentiedataPickdocumentenCard.tsx"],"names":[],"mappings":"AA+EA,wBAAgB,gCAAgC,gCAqU/C"}

package/dist-lib/components/settings/ReferentiedataPickdocumentenCard.js

@@ -4,7 +4,10 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Label, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, toast, } from "@flowselections/core";
 import { FileText, Loader2, Plus, RotateCcw } from "lucide-react";
 import { pickReferenceApi } from "../../lib/pickReferenceApi.js";
+import { PillTabs } from "../fs-ui/PillTabs.js";
 import { usePickReferenceData, PICK_REFERENCE_QUERY_KEY } from "../../hooks/usePickReferenceData.js";
+/** Tabelopmaak volgens Verkooporders: kop 40 px/11 px hoofdletters, rij 60 px, cellen 8 px links. */
+const REF_TABLE = "w-full min-w-[900px] text-sm [&_thead_th]:h-10 [&_thead_th]:bg-card [&_thead_th]:px-2 [&_thead_th]:text-[11px] [&_thead_th]:font-semibold [&_thead_th]:uppercase [&_thead_th]:tracking-wide [&_thead_th]:text-muted-foreground [&_tbody_tr]:h-[60px] [&_tbody_td]:px-2 [&_tbody_td]:py-0 [&_tbody_td]:align-middle";
 function NumberCell({ value, onSave, }) {
     const [local, setLocal] = useState(String(value ?? 0));
     return (_jsx(Input, { className: "h-8 w-20", inputMode: "numeric", value: local, onChange: (e) => setLocal(e.target.value), onBlur: () => {
@@ -29,6 +32,7 @@ export function ReferentiedataPickdocumentenCard() {
     const { data, isLoading } = usePickReferenceData();
     const queryClient = useQueryClient();
     const [nieuw, setNieuw] = useState(null);
+    const [tab, setTab] = useState("types");
     const types = Array.isArray(data?.types) ? data.types : [];
     const statussen = Array.isArray(data?.statussen) ? data.statussen : [];
     const verplichteTypes = Array.isArray(data?.verplichte_types) ? data.verplichte_types : [];
@@ -74,11 +78,14 @@ export function ReferentiedataPickdocumentenCard() {
         },
         onError: (e) => toast.error(e instanceof Error ? e.message : "Herstellen mislukt."),
     });
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Referentiedata pickdocumenten" })] }), _jsx(CardDescription, { children: "De synchronisatie zoekt hardcoded op deze codes: zonder documenttype 'pakbon' komt er niets in de pickwachtrij. De kolom code is daarom niet te wijzigen." })] }), _jsxs(CardContent, { className: "space-y-8", children: [_jsx("div", { className: "flex flex-wrap gap-2", children: _jsxs(Button, { variant: "outline", onClick: () => seed.mutate(), disabled: seed.isPending, children: [seed.isPending ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(RotateCcw, { className: "mr-2 h-4 w-4" })), "Standaardwaarden herstellen"] }) }), isLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Laden..."] })) : (_jsxs(_Fragment, { children: [_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("h3", { className: "font-semibold text-foreground", children: ["Documenttypes (", types.length, ")"] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setNieuw({ tabel: "types", code: "", naam: "" }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Type toevoegen"] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Code" }), _jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Kleur" }), _jsx(TableHead, { children: "Icoon" }), _jsx(TableHead, { children: "Prioriteit" }), _jsx(TableHead, { children: "Sortering" }), _jsx(TableHead, { children: "Actief" })] }) }), _jsx(TableBody, { children: types.map((t) => {
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Referentiedata pickdocumenten" })] }), _jsx(CardDescription, { children: "De synchronisatie zoekt hardcoded op deze codes: zonder documenttype 'pakbon' komt er niets in de pickwachtrij. De kolom code is daarom niet te wijzigen." })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx("div", { className: "flex flex-wrap gap-2", children: _jsxs(Button, { variant: "outline", onClick: () => seed.mutate(), disabled: seed.isPending, children: [seed.isPending ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(RotateCcw, { className: "mr-2 h-4 w-4" })), "Standaardwaarden herstellen"] }) }), isLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Laden..."] })) : (_jsxs(_Fragment, { children: [_jsx(PillTabs, { label: "Referentiedata", value: tab, onChange: setTab, tabs: [
+                                    { id: "types", label: "Documentsoorten", count: types.length },
+                                    { id: "statussen", label: "Statussen", count: statussen.length },
+                                ] }), tab === "types" && (_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("h3", { className: "font-semibold text-foreground", children: ["Documenttypes (", types.length, ")"] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setNieuw({ tabel: "types", code: "", naam: "" }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Type toevoegen"] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsxs(Table, { className: REF_TABLE, children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Code" }), _jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Kleur" }), _jsx(TableHead, { children: "Icoon" }), _jsx(TableHead, { children: "Prioriteit" }), _jsx(TableHead, { children: "Sortering" }), _jsx(TableHead, { children: "Actief" })] }) }), _jsx(TableBody, { children: types.map((t) => {
                                                         const verplicht = verplichteTypes.includes(t.code);
                                                         return (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-mono text-xs", children: t.code }), _jsx(TableCell, { children: _jsx(TextCell, { value: t.name, className: "w-40", onSave: (name) => saveType.mutate({ id: t.id, patch: { name } }) }) }), _jsx(TableCell, { children: _jsx(TextCell, { value: t.color ?? "", className: "w-28 font-mono text-xs", onSave: (color) => saveType.mutate({ id: t.id, patch: { color } }) }) }), _jsx(TableCell, { children: _jsx(TextCell, { value: t.icon ?? "", className: "w-32", onSave: (icon) => saveType.mutate({ id: t.id, patch: { icon } }) }) }), _jsx(TableCell, { children: _jsx(NumberCell, { value: t.priority, onSave: (priority) => saveType.mutate({ id: t.id, patch: { priority } }) }) }), _jsx(TableCell, { children: _jsx(NumberCell, { value: t.sort_order, onSave: (sort_order) => saveType.mutate({ id: t.id, patch: { sort_order } }) }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: t.active, disabled: verplicht && t.active, onCheckedChange: (active) => saveType.mutate({ id: t.id, patch: { active } }) }), verplicht && (_jsx("span", { className: "text-xs text-muted-foreground", children: "Verplicht \u2014 kan niet uit" }))] }) })] }, t.id));
-                                                    }) })] }) })] }), _jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("h3", { className: "font-semibold text-foreground", children: ["Documentstatussen (", statussen.length, ")"] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setNieuw({ tabel: "statussen", code: "", naam: "" }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Status toevoegen"] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Code" }), _jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Kleur" }), _jsx(TableHead, { children: "Sortering" }), _jsx(TableHead, { children: "Open" }), _jsx(TableHead, { children: "Eindstatus" }), _jsx(TableHead, { children: "Actief" })] }) }), _jsx(TableBody, { children: statussen.map((s) => {
+                                                    }) })] }) })] })), tab === "statussen" && (_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("h3", { className: "font-semibold text-foreground", children: ["Documentstatussen (", statussen.length, ")"] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setNieuw({ tabel: "statussen", code: "", naam: "" }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Status toevoegen"] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsxs(Table, { className: REF_TABLE, children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Code" }), _jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Kleur" }), _jsx(TableHead, { children: "Sortering" }), _jsx(TableHead, { children: "Open" }), _jsx(TableHead, { children: "Eindstatus" }), _jsx(TableHead, { children: "Actief" })] }) }), _jsx(TableBody, { children: statussen.map((s) => {
                                                         const verplicht = verplichteStatussen.includes(s.code);
                                                         return (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-mono text-xs", children: s.code }), _jsx(TableCell, { children: _jsx(TextCell, { value: s.name, className: "w-40", onSave: (name) => saveStatus.mutate({ id: s.id, patch: { name } }) }) }), _jsx(TableCell, { children: _jsx(TextCell, { value: s.color ?? "", className: "w-28 font-mono text-xs", onSave: (color) => saveStatus.mutate({ id: s.id, patch: { color } }) }) }), _jsx(TableCell, { children: _jsx(NumberCell, { value: s.sort_order, onSave: (sort_order) => saveStatus.mutate({ id: s.id, patch: { sort_order } }) }) }), _jsx(TableCell, { children: _jsx(Switch, { checked: s.is_open, onCheckedChange: (is_open) => saveStatus.mutate({ id: s.id, patch: { is_open } }) }) }), _jsx(TableCell, { children: _jsx(Switch, { checked: s.is_terminal, onCheckedChange: (is_terminal) => saveStatus.mutate({ id: s.id, patch: { is_terminal } }) }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: s.active, disabled: verplicht && s.active, onCheckedChange: (active) => saveStatus.mutate({ id: s.id, patch: { active } }) }), verplicht && (_jsx("span", { className: "text-xs text-muted-foreground", children: "Verplicht \u2014 kan niet uit" }))] }) })] }, s.id));
-                                                    }) })] }) })] })] })), nieuw && (_jsxs("div", { className: "space-y-3 rounded-md border p-4", children: [_jsxs("p", { className: "text-sm font-medium text-foreground", children: ["Nieuwe ", nieuw.tabel === "types" ? "documenttype" : "documentstatus"] }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "ref-code", children: "Code" }), _jsx(Input, { id: "ref-code", value: nieuw.code, onChange: (e) => setNieuw({ ...nieuw, code: e.target.value }), placeholder: "bijv. wagenlijst" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "ref-naam", children: "Naam" }), _jsx(Input, { id: "ref-naam", value: nieuw.naam, onChange: (e) => setNieuw({ ...nieuw, naam: e.target.value }) })] })] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => setNieuw(null), children: "Annuleren" }), _jsxs(Button, { disabled: !nieuw.code.trim() || !nieuw.naam.trim() || addRow.isPending, onClick: () => addRow.mutate(nieuw), children: [addRow.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), " Toevoegen"] })] })] }))] })] }));
+                                                    }) })] }) })] }))] })), nieuw && (_jsxs("div", { className: "space-y-3 rounded-md border p-4", children: [_jsxs("p", { className: "text-sm font-medium text-foreground", children: ["Nieuwe ", nieuw.tabel === "types" ? "documenttype" : "documentstatus"] }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "ref-code", children: "Code" }), _jsx(Input, { id: "ref-code", value: nieuw.code, onChange: (e) => setNieuw({ ...nieuw, code: e.target.value }), placeholder: "bijv. wagenlijst" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "ref-naam", children: "Naam" }), _jsx(Input, { id: "ref-naam", value: nieuw.naam, onChange: (e) => setNieuw({ ...nieuw, naam: e.target.value }) })] })] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => setNieuw(null), children: "Annuleren" }), _jsxs(Button, { disabled: !nieuw.code.trim() || !nieuw.naam.trim() || addRow.isPending, onClick: () => addRow.mutate(nieuw), children: [addRow.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), " Toevoegen"] })] })] }))] })] }));
 }

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

@@ -1,7 +1,7 @@
 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>;

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/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/types.d.ts

@@ -19970,6 +19970,33 @@ export type Database = {
                     }
                 ];
             };
+            pick_order_claims: {
+                Row: {
+                    created_at: string;
+                    idempotency_key: string;
+                    queue_item_ids: string[];
+                    session_id: string;
+                    station_id: string;
+                    unit_ref: string;
+                };
+                Insert: {
+                    created_at?: string;
+                    idempotency_key: string;
+                    queue_item_ids?: string[];
+                    session_id: string;
+                    station_id: string;
+                    unit_ref: string;
+                };
+                Update: {
+                    created_at?: string;
+                    idempotency_key?: string;
+                    queue_item_ids?: string[];
+                    session_id?: string;
+                    station_id?: string;
+                    unit_ref?: string;
+                };
+                Relationships: [];
+            };
             pick_queue: {
                 Row: {
                     announced_at: string;
@@ -33047,6 +33074,17 @@ export type Database = {
                 };
                 Returns: undefined;
             };
+            _pick_claim_order_core: {
+                Args: {
+                    _idempotency_key: string;
+                    _pick_day: string;
+                    _session_id: string;
+                    _station_id: string;
+                    _timeout_seconds: number;
+                    _unit_refs: string[];
+                };
+                Returns: Json;
+            };
             _pick_defaults_apply: {
                 Args: {
                     p_rijen: Json;
@@ -41916,6 +41954,28 @@ export type Database = {
                     isSetofReturn: false;
                 };
             };
+            pick_claim_order_v1: {
+                Args: {
+                    _idempotency_key: string;
+                    _pick_day: string;
+                    _session_id: string;
+                    _station_id: string;
+                    _timeout_seconds: number;
+                    _unit_refs: string[];
+                };
+                Returns: Json;
+            } | {
+                Args: {
+                    _idempotency_key: string;
+                    _pick_day: string;
+                    _session_id: string;
+                    _station_id: string;
+                    _timeout_seconds: number;
+                    _unit_refs: string[];
+                    p_device_key: string;
+                };
+                Returns: Json;
+            };
             pick_cleanup_maintenance: {
                 Args: {
                     _heartbeat_hours?: number;
@@ -43672,6 +43732,15 @@ export type Database = {
                 };
                 Returns: undefined;
             };
+            pickstation_shipping_note_status: {
+                Args: {
+                    p_cart_id?: string;
+                    p_device_key?: string;
+                    p_slip_job_id?: string;
+                    p_slug: string;
+                };
+                Returns: Json;
+            };
             pickstation_sticker_past_controle: {
                 Args: {
                     p_cart_id: string;