@flowselections/logistiek-engine 1.0.34 → 1.0.53

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

@@ -0,0 +1,78 @@
+export interface TraceOrderRow {
+    orderRef: string;
+    orderSource: string | null;
+    state: string;
+    lastStep: string | null;
+    lastPhase: string | null;
+    lastStatus: string | null;
+    lastReason: string | null;
+    errors: number;
+    warnings: number;
+    waiting: number;
+    attempts: number;
+    traceId: string | null;
+    firstAt: string | null;
+    lastAt: string | null;
+}
+export interface TraceEventRow {
+    id: string;
+    traceId: string | null;
+    orderRef: string | null;
+    orderSource: string | null;
+    cartRef: string | null;
+    slipRef: string | null;
+    phase: string;
+    step: string;
+    status: string;
+    actor: string | null;
+    input: unknown;
+    output: unknown;
+    reads: unknown;
+    decision: string | null;
+    reason: string | null;
+    values: unknown;
+    rule: string | null;
+    dbTable: string | null;
+    dbRecord: string | null;
+    dbAction: string | null;
+    dbOld: unknown;
+    dbNew: unknown;
+    externalSystem: string | null;
+    externalAction: string | null;
+    externalRef: string | null;
+    externalStatus: string | null;
+    externalResponse: unknown;
+    error: string | null;
+    /** Soort fout: technisch, ontbrekende_gegevens, configuratie, regel of extern. */
+    errorClass: string | null;
+    /** Vakje in de flowkaart waar deze stap hoort. */
+    nodeId: string | null;
+    /** De berekening achter de beslissing. */
+    calc: unknown;
+    /** Wat de order hierna doet. */
+    nextStep: string | null;
+    attempts: number;
+    nextAttemptAt: string | null;
+    durationMs: number | null;
+    createdAt: string;
+}
+export declare function mapEvent(r: any): TraceEventRow;
+export declare function useLogisticsTrace(): {
+    orders: TraceOrderRow[];
+    loading: boolean;
+    error: string | null;
+    search: string;
+    setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
+    status: string;
+    setStatus: import("react").Dispatch<import("react").SetStateAction<string>>;
+    hours: number;
+    setHours: import("react").Dispatch<import("react").SetStateAction<number>>;
+    refresh: () => Promise<void>;
+};
+export declare function useLogisticsTraceTimeline(orderRef: string | null): {
+    events: TraceEventRow[];
+    loading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+//# sourceMappingURL=useLogisticsTrace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLogisticsTrace.d.ts","sourceRoot":"","sources":["../../src/hooks/useLogisticsTrace.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,kFAAkF;IAClF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,kDAAkD;IAClD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,0CAA0C;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,gCAAgC;IAChC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB;AAsBD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,GAAG,aAAa,CAwC9C;AAED,wBAAgB,iBAAiB;;;;;;;;;;;EAmDhC;AAED,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;;;;;EAiChE"}

package/dist-lib/hooks/useLogisticsTrace.js

@@ -0,0 +1,152 @@
+// ============================================================================
+// src/hooks/useLogisticsTrace.ts — het logboek van de Logistiek Engine lezen
+// ============================================================================
+// Alles komt uit de database-functies logistics_trace_orders en
+// logistics_trace_timeline. Er wordt niets afgeleid of aangevuld: wat hier
+// staat, is echt door de Engine vastgelegd.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { supabase } from "../integrations/supabase/moduleClient";
+function mapOrder(r) {
+    return {
+        orderRef: String(r?.order_ref ?? ""),
+        orderSource: r?.order_source ?? null,
+        state: String(r?.state ?? "bezig"),
+        lastStep: r?.last_step ?? null,
+        lastPhase: r?.last_phase ?? null,
+        lastStatus: r?.last_status ?? null,
+        lastReason: r?.last_reason ?? null,
+        errors: Number(r?.errors ?? 0),
+        warnings: Number(r?.warnings ?? 0),
+        waiting: Number(r?.waiting ?? 0),
+        attempts: Number(r?.attempts ?? 0),
+        traceId: r?.trace_id ?? null,
+        firstAt: r?.first_at ?? null,
+        lastAt: r?.last_at ?? null,
+    };
+}
+export function mapEvent(r) {
+    return {
+        id: String(r?.id ?? ""),
+        traceId: r?.trace_id ?? null,
+        orderRef: r?.order_ref ?? null,
+        orderSource: r?.order_source ?? null,
+        cartRef: r?.cart_ref ?? null,
+        slipRef: r?.slip_ref ?? null,
+        phase: String(r?.phase ?? "onbekend"),
+        step: String(r?.step ?? "onbekend"),
+        status: String(r?.status ?? "geslaagd"),
+        actor: r?.actor ?? null,
+        input: r?.input ?? null,
+        output: r?.output ?? null,
+        reads: r?.reads ?? null,
+        decision: r?.decision ?? null,
+        reason: r?.reason ?? null,
+        values: r?.values_used ?? null,
+        rule: r?.rule ?? null,
+        dbTable: r?.db_table ?? null,
+        dbRecord: r?.db_record ?? null,
+        dbAction: r?.db_action ?? null,
+        dbOld: r?.db_old ?? null,
+        dbNew: r?.db_new ?? null,
+        externalSystem: r?.external_system ?? null,
+        externalAction: r?.external_action ?? null,
+        externalRef: r?.external_ref ?? null,
+        externalStatus: r?.external_status ?? null,
+        externalResponse: r?.external_response ?? null,
+        error: r?.error ?? null,
+        errorClass: r?.error_class ?? null,
+        nodeId: r?.node_id ?? null,
+        calc: r?.calc ?? null,
+        nextStep: r?.next_step ?? null,
+        attempts: Number(r?.attempts ?? 0),
+        nextAttemptAt: r?.next_attempt_at ?? null,
+        durationMs: r?.duration_ms === null || r?.duration_ms === undefined ? null : Number(r.duration_ms),
+        createdAt: String(r?.created_at ?? ""),
+    };
+}
+export function useLogisticsTrace() {
+    const [search, setSearch] = useState("");
+    const [status, setStatus] = useState("");
+    const [hours, setHours] = useState(48);
+    const [orders, setOrders] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const load = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const since = new Date(Date.now() - hours * 3600000).toISOString();
+            const { data, error: rpcError } = await supabase.rpc("logistics_trace_orders", {
+                p_search: search || null,
+                p_status: status || null,
+                p_since: since,
+                p_limit: 200,
+            });
+            if (rpcError)
+                throw new Error(rpcError.message);
+            const safe = Array.isArray(data) ? data : [];
+            setOrders(safe.map(mapOrder));
+        }
+        catch (e) {
+            setError(e?.message ? String(e.message) : "Het logboek kon niet worden gelezen.");
+            setOrders([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [search, status, hours]);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    useEffect(() => {
+        const timer = setInterval(() => void load(), 30000);
+        return () => clearInterval(timer);
+    }, [load]);
+    return {
+        orders,
+        loading,
+        error,
+        search,
+        setSearch,
+        status,
+        setStatus,
+        hours,
+        setHours,
+        refresh: load,
+    };
+}
+export function useLogisticsTraceTimeline(orderRef) {
+    const [events, setEvents] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const load = useCallback(async () => {
+        if (!orderRef) {
+            setEvents([]);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const { data, error: rpcError } = await supabase.rpc("logistics_trace_timeline", {
+                p_order_ref: orderRef,
+                p_limit: 500,
+            });
+            if (rpcError)
+                throw new Error(rpcError.message);
+            const safe = Array.isArray(data) ? data : [];
+            setEvents(safe.map(mapEvent));
+        }
+        catch (e) {
+            setError(e?.message ? String(e.message) : "De tijdlijn kon niet worden gelezen.");
+            setEvents([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [orderRef]);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    return { events, loading, error, refresh: load };
+}

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

@@ -0,0 +1,11 @@
+import { type NodeTraceGroep } from "../lib/nodeTrace";
+import type { OrderVersie } from "../lib/flowRoute";
+export declare function useOrderNodeTrace(orderRef: string | null, versie: OrderVersie | null): {
+    events: import("./useLogisticsTrace").TraceEventRow[];
+    groepen: Map<string, NodeTraceGroep>;
+    reis: NodeTraceGroep[];
+    loading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+//# sourceMappingURL=useOrderNodeTrace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderNodeTrace.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderNodeTrace.ts"],"names":[],"mappings":"AAUA,OAAO,EAAiC,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI;;;;;;;EAkBpF"}

package/dist-lib/hooks/useOrderNodeTrace.js

@@ -0,0 +1,26 @@
+// ============================================================================
+// src/hooks/useOrderNodeTrace.ts — de reis van één order per vakje
+// ============================================================================
+// Haalt de gebeurtenissen van een order (of van één herberekening) op en
+// groepeert ze per vakje van de flowkaart. Leest alleen.
+// ============================================================================
+import { useMemo } from "react";
+import { useLogisticsTraceTimeline } from "./useLogisticsTrace";
+import { useVersieEvents } from "./useOrderVersies";
+import { groepeerPerNode, reisVolgorde } from "../lib/nodeTrace";
+export function useOrderNodeTrace(orderRef, versie) {
+    const alles = useLogisticsTraceTimeline(versie ? null : orderRef);
+    const perVersie = useVersieEvents(versie ? orderRef : null, versie);
+    const bron = versie ? perVersie : alles;
+    const events = Array.isArray(bron.events) ? bron.events : [];
+    const groepen = useMemo(() => groepeerPerNode(events), [events]);
+    const reis = useMemo(() => reisVolgorde(groepen), [groepen]);
+    return {
+        events,
+        groepen,
+        reis,
+        loading: bron.loading,
+        error: bron.error,
+        refresh: bron.refresh,
+    };
+}

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

@@ -0,0 +1,74 @@
+export interface TraceOrderOverzicht {
+    orderNumber: string;
+    orderSource: string | null;
+    orderStatus: string | null;
+    deliveryDate: string | null;
+    customerName: string | null;
+    createdAt: string | null;
+    cancelledAt: string | null;
+    bufferId: string | null;
+    state: string;
+    events: number;
+    versions: number;
+    errors: number;
+    waiting: number;
+    warnings: number;
+    attempts: number;
+    lastAt: string | null;
+    firstAt: string | null;
+    lastStep: string | null;
+    lastPhase: string | null;
+    lastStatus: string | null;
+    lastNode: string | null;
+    lastReason: string | null;
+    errorClass: string | null;
+    traceId: string | null;
+    queueStatus: string | null;
+    reasonCode: string | null;
+    queueError: string | null;
+}
+export interface TraceOrderStand {
+    orderRef: string;
+    lastStep: string | null;
+    lastNode: string | null;
+    lastPhase: string | null;
+    lastStatus: string | null;
+    lastAt: string | null;
+    stuckStep: string | null;
+    stuckNode: string | null;
+    stuckStatus: string | null;
+    stuckReason: string | null;
+    stuckError: string | null;
+    errorClass: string | null;
+    nextStep: string | null;
+    nextAttemptAt: string | null;
+    blockedSince: string | null;
+    tries: number;
+    attempts: number;
+    queueStatus: string | null;
+    reasonCode: string | null;
+    queueError: string | null;
+}
+export interface TraceFilters {
+    search: string;
+    state: string;
+    errorClass: string;
+    source: string;
+    step: string;
+    hours: number;
+}
+export declare function useOrderTraceOverzicht(): {
+    orders: TraceOrderOverzicht[];
+    loading: boolean;
+    error: string | null;
+    filters: TraceFilters;
+    patch: (p: Partial<TraceFilters>) => void;
+    reset: () => void;
+    refresh: () => Promise<void>;
+};
+export declare function useOrderTraceStand(orderRef: string | null): {
+    stand: TraceOrderStand | null;
+    loading: boolean;
+    refresh: () => Promise<void>;
+};
+//# sourceMappingURL=useOrderTrace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderTrace.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderTrace.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAoCD,wBAAgB,sBAAsB;;;;;eAwCN,OAAO,CAAC,YAAY,CAAC;;;EAGpD;AAED,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;;;;EAkDzD"}

package/dist-lib/hooks/useOrderTrace.js

@@ -0,0 +1,134 @@
+// ============================================================================
+// src/hooks/useOrderTrace.ts — Order Trace lezen
+// ============================================================================
+// Alles komt uit de databasefuncties logistics_trace_order_overview,
+// logistics_trace_order_state en logistics_trace_timeline. Er wordt niets
+// afgeleid of aangevuld: wat hier staat is echt door de Engine vastgelegd.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { supabase } from "../integrations/supabase/moduleClient";
+const LEEG = { search: "", state: "", errorClass: "", source: "", step: "", hours: 72 };
+function mapRij(r) {
+    return {
+        orderNumber: String(r?.orderNumber ?? ""),
+        orderSource: r?.orderSource ?? null,
+        orderStatus: r?.orderStatus ?? null,
+        deliveryDate: r?.deliveryDate ?? null,
+        customerName: r?.customerName ?? null,
+        createdAt: r?.createdAt ?? null,
+        cancelledAt: r?.cancelledAt ?? null,
+        bufferId: r?.bufferId ?? null,
+        state: String(r?.state ?? "wachtend"),
+        events: Number(r?.events ?? 0),
+        versions: Number(r?.versions ?? 0),
+        errors: Number(r?.errors ?? 0),
+        waiting: Number(r?.waiting ?? 0),
+        warnings: Number(r?.warnings ?? 0),
+        attempts: Number(r?.attempts ?? 0),
+        lastAt: r?.lastAt ?? null,
+        firstAt: r?.firstAt ?? null,
+        lastStep: r?.lastStep ?? null,
+        lastPhase: r?.lastPhase ?? null,
+        lastStatus: r?.lastStatus ?? null,
+        lastNode: r?.lastNode ?? null,
+        lastReason: r?.lastReason ?? null,
+        errorClass: r?.errorClass ?? null,
+        traceId: r?.traceId ?? null,
+        queueStatus: r?.queueStatus ?? null,
+        reasonCode: r?.reasonCode ?? null,
+        queueError: r?.queueError ?? null,
+    };
+}
+export function useOrderTraceOverzicht() {
+    const [filters, setFilters] = useState(LEEG);
+    const [orders, setOrders] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const load = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const since = new Date(Date.now() - Math.max(filters.hours, 1) * 3600000).toISOString();
+            const { data, error: rpcError } = await supabase.rpc("logistics_trace_order_overview", {
+                p_search: filters.search || null,
+                p_state: filters.state || null,
+                p_error_class: filters.errorClass || null,
+                p_source: filters.source || null,
+                p_step: filters.step || null,
+                p_since: since,
+                p_limit: 300,
+            });
+            if (rpcError)
+                throw new Error(rpcError.message);
+            const safe = Array.isArray(data) ? data : [];
+            setOrders(safe.map(mapRij));
+        }
+        catch (e) {
+            setError(e?.message ? String(e.message) : "Het overzicht kon niet worden gelezen.");
+            setOrders([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [filters]);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    useEffect(() => {
+        const timer = setInterval(() => void load(), 30000);
+        return () => clearInterval(timer);
+    }, [load]);
+    const patch = useCallback((p) => setFilters((f) => ({ ...f, ...p })), []);
+    return { orders, loading, error, filters, patch, reset: () => setFilters(LEEG), refresh: load };
+}
+export function useOrderTraceStand(orderRef) {
+    const [stand, setStand] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const load = useCallback(async () => {
+        if (!orderRef) {
+            setStand(null);
+            return;
+        }
+        setLoading(true);
+        try {
+            const { data, error } = await supabase.rpc("logistics_trace_order_state", {
+                p_order_ref: orderRef,
+            });
+            if (error)
+                throw new Error(error.message);
+            const r = (data ?? {});
+            setStand({
+                orderRef,
+                lastStep: r?.lastStep ?? null,
+                lastNode: r?.lastNode ?? null,
+                lastPhase: r?.lastPhase ?? null,
+                lastStatus: r?.lastStatus ?? null,
+                lastAt: r?.lastAt ?? null,
+                stuckStep: r?.stuckStep ?? null,
+                stuckNode: r?.stuckNode ?? null,
+                stuckStatus: r?.stuckStatus ?? null,
+                stuckReason: r?.stuckReason ?? null,
+                stuckError: r?.stuckError ?? null,
+                errorClass: r?.errorClass ?? null,
+                nextStep: r?.nextStep ?? null,
+                nextAttemptAt: r?.nextAttemptAt ?? null,
+                blockedSince: r?.blockedSince ?? null,
+                tries: Number(r?.tries ?? 0),
+                attempts: Number(r?.attempts ?? 0),
+                queueStatus: r?.queueStatus ?? null,
+                reasonCode: r?.reasonCode ?? null,
+                queueError: r?.queueError ?? null,
+            });
+        }
+        catch {
+            setStand(null);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [orderRef]);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    return { stand, loading, refresh: load };
+}

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

@@ -0,0 +1,47 @@
+import { type TraceEventRow } from "./useLogisticsTrace";
+import type { KarStand, OrderKop, OrderVersie } from "../lib/flowRoute";
+export interface OrderOverzichtRij {
+    orderNumber: string;
+    orderSource: string | null;
+    orderStatus: string | null;
+    deliveryDate: string | null;
+    customerName: string | null;
+    createdAt: string | null;
+    cancelledAt: string | null;
+    bufferId: string | null;
+    events: number;
+    versions: number;
+    errors: number;
+    lastAt: string | null;
+    lastStep: string | null;
+    lastStatus: string | null;
+    queueStatus: string | null;
+    reasonCode: string | null;
+    queueError: string | null;
+}
+export declare function useAlleOrders(zoek: string): {
+    rows: OrderOverzichtRij[];
+    loading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+export interface OrderVersies {
+    order: OrderKop | null;
+    carts: KarStand | null;
+    versions: OrderVersie[];
+}
+export declare function useOrderVersies(orderRef: string | null): {
+    loading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+    order: OrderKop | null;
+    carts: KarStand | null;
+    versions: OrderVersie[];
+};
+export declare function useVersieEvents(orderRef: string | null, versie: OrderVersie | null): {
+    events: TraceEventRow[];
+    loading: boolean;
+    error: string | null;
+    refresh: () => Promise<void>;
+};
+//# sourceMappingURL=useOrderVersies.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderVersies.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderVersies.ts"],"names":[],"mappings":"AAQA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAKD,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM;;;;;EAiDzC;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AA+BD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;;;;WAlC9C,QAAQ,GAAG,IAAI;WACf,QAAQ,GAAG,IAAI;cACZ,WAAW,EAAE;EAqFxB;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI;;;;;EAwClF"}