@burdenoff/microfe-movethewheels 2026.923.1 → 2026.924.1

package/dist/components/CustomerPicker.js

@@ -3,128 +3,121 @@ import { RefreshCw as t } from "../node_modules/lucide-react/dist/esm/icons/refr
 import { UserPlus as n } from "../node_modules/lucide-react/dist/esm/icons/user-plus.js";
 import { Button as r, Dialog as i, DialogContent as a, DialogDescription as o, DialogFooter as s, DialogHeader as c, DialogTitle as l, Input as u, Label as d, Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g } from "./ui.js";
 import { FormError as _ } from "./FormError.js";
-import { useState as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EntityCombobox as v } from "./EntityCombobox.js";
+import { useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/movethewheels/components/CustomerPicker.tsx
-var x = {
+var C = {
 	name: "",
 	type: "b2c",
 	email: "",
 	phone: "",
 	company: ""
 };
-function S(e, t) {
-	return !t || e.some((e) => e.id === t.id) ? e : [t, ...e];
-}
-function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCustomer: D, isLoading: O, error: k, onRetry: A, onOpenCustomers: j, selectedCustomer: M, searchQuery: N = "", onSearchQueryChange: P, disabled: F = !1 }) {
-	let [I, L] = v(!1), [R, z] = v(x), [B, V] = v(!1), [H, U] = v(null), W = S(C, M), G = () => {
-		U(null), z(x), L(!0);
-	}, K = () => {
+function w({ customers: w, value: T, onValueChange: E, onCreated: D, createCustomer: O, isLoading: k, error: A, onRetry: j, onOpenCustomers: M, selectedCustomer: N, onSearchQueryChange: P, disabled: F = !1 }) {
+	let [I, L] = y(!1), [R, z] = y(C), [B, V] = y(!1), [H, U] = y(null), W = () => {
+		U(null), z(C), L(!0);
+	}, G = () => {
 		B || L(!1);
 	};
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "space-y-2",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ y(d, {
+				children: [/* @__PURE__ */ x(d, {
 					htmlFor: "customer",
 					children: "Customer"
-				}), /* @__PURE__ */ b(r, {
+				}), /* @__PURE__ */ S(r, {
 					type: "button",
 					variant: "ghost",
 					size: "sm",
-					onClick: G,
-					disabled: F || O,
-					children: [/* @__PURE__ */ y(e, {
+					onClick: W,
+					disabled: F || k,
+					children: [/* @__PURE__ */ x(e, {
 						size: 14,
 						className: "mr-1"
 					}), "Add customer"]
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-start",
-				children: [
-					P && /* @__PURE__ */ y(u, {
-						value: N,
-						onChange: (e) => P(e.target.value),
-						placeholder: "Search customers",
-						"aria-label": "Search customers",
-						disabled: F,
-						className: "sm:max-w-56"
-					}),
-					/* @__PURE__ */ b(f, {
-						value: w,
-						onValueChange: T,
-						disabled: F || O || !!k,
-						children: [/* @__PURE__ */ y(h, {
-							id: "customer",
-							className: "flex-1",
-							children: /* @__PURE__ */ y(g, { placeholder: O ? "Loading customers..." : "Select customer" })
-						}), /* @__PURE__ */ y(p, { children: W.map((e) => /* @__PURE__ */ b(m, {
-							value: e.id,
-							children: [
-								e.name,
-								" ",
-								e.email ? `(${e.email})` : ""
-							]
-						}, e.id)) })]
-					}),
-					k && /* @__PURE__ */ b(r, {
-						type: "button",
-						variant: "outline",
-						size: "sm",
-						onClick: A,
-						children: [/* @__PURE__ */ y(t, {
-							size: 14,
-							className: "mr-1"
-						}), "Retry"]
-					})
-				]
+				children: [/* @__PURE__ */ x(v, {
+					id: "customer",
+					value: T,
+					onChange: E,
+					options: w,
+					loading: k,
+					getId: (e) => e.id,
+					getLabel: (e) => `${e.name}${e.email ? ` (${e.email})` : ""}`,
+					renderOption: (e) => /* @__PURE__ */ S(b, { children: [
+						e.name,
+						" ",
+						e.email ? `(${e.email})` : ""
+					] }),
+					selectedOption: N,
+					required: !0,
+					placeholder: k ? "Loading customers..." : "Select customer",
+					searchPlaceholder: "Search customers",
+					emptyText: "No customers found.",
+					disabled: F || !!A,
+					error: A ? "Customers could not be loaded" : void 0,
+					onSearchChange: P,
+					className: "flex-1"
+				}), A && /* @__PURE__ */ S(r, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: j,
+					children: [/* @__PURE__ */ x(t, {
+						size: 14,
+						className: "mr-1"
+					}), "Retry"]
+				})]
 			}),
-			k ? /* @__PURE__ */ b("div", {
+			A ? /* @__PURE__ */ S("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ y("p", {
+				children: [/* @__PURE__ */ x("p", {
 					role: "alert",
 					className: "text-sm text-status-error-text",
 					children: "Customers could not be loaded. Retry or add a customer to continue."
-				}), j && /* @__PURE__ */ y(r, {
+				}), M && /* @__PURE__ */ x(r, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
-					onClick: j,
+					onClick: M,
 					children: "Open customer page"
 				})]
-			}) : !O && W.length === 0 ? /* @__PURE__ */ b("div", {
+			}) : !k && w.length === 0 ? /* @__PURE__ */ S("div", {
 				className: "rounded-lg border border-border-seam bg-bg-sunken/40 p-3",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ S("div", {
 					className: "flex items-start gap-2",
-					children: [/* @__PURE__ */ y(n, {
+					children: [/* @__PURE__ */ x(n, {
 						size: 16,
 						className: "mt-0.5 shrink-0 text-text-secondary"
-					}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+					}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 						className: "text-sm font-medium text-text-primary",
 						children: "Add a customer to continue"
-					}), /* @__PURE__ */ y("p", {
+					}), /* @__PURE__ */ x("p", {
 						className: "text-sm text-text-secondary",
 						children: "The customer will be selected automatically and your order details will stay here."
 					})] })]
-				}), /* @__PURE__ */ b(r, {
+				}), /* @__PURE__ */ S(r, {
 					type: "button",
 					size: "sm",
 					className: "mt-3",
-					onClick: G,
+					onClick: W,
 					disabled: F,
-					children: [/* @__PURE__ */ y(e, {
+					children: [/* @__PURE__ */ x(e, {
 						size: 14,
 						className: "mr-1.5"
 					}), "Create customer"]
 				})]
 			}) : null,
-			/* @__PURE__ */ y(i, {
+			/* @__PURE__ */ x(i, {
 				open: I,
-				onOpenChange: (e) => e ? L(!0) : K(),
-				children: /* @__PURE__ */ b(a, { children: [/* @__PURE__ */ b(c, { children: [/* @__PURE__ */ y(l, { children: "Create customer" }), /* @__PURE__ */ y(o, { children: "Add the customer without leaving this order. They will be selected automatically." })] }), /* @__PURE__ */ b("form", {
+				onOpenChange: (e) => e ? L(!0) : G(),
+				children: /* @__PURE__ */ S(a, { children: [/* @__PURE__ */ S(c, { children: [/* @__PURE__ */ x(l, { children: "Create customer" }), /* @__PURE__ */ x(o, { children: "Add the customer without leaving this order. They will be selected automatically." })] }), /* @__PURE__ */ S("form", {
 					onSubmit: async (e) => {
 						e.preventDefault(), e.stopPropagation();
 						let t = R.name.trim();
@@ -134,13 +127,13 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 						}
 						V(!0), U(null);
 						try {
-							E(await D({
+							D(await O({
 								name: t,
 								type: R.type,
 								email: R.email.trim() || void 0,
 								phone: R.phone.trim() || void 0,
 								company: R.company.trim() || void 0
-							})), L(!1), z(x);
+							})), L(!1), z(C);
 						} catch (e) {
 							U(e instanceof Error ? e.message : "Could not create the customer. Please try again.");
 						} finally {
@@ -149,13 +142,13 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 					},
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ y(_, { message: H }),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x(_, { message: H }),
+						/* @__PURE__ */ S("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ x(d, {
 								htmlFor: "quick-customer-name",
 								children: "Name"
-							}), /* @__PURE__ */ y(u, {
+							}), /* @__PURE__ */ x(u, {
 								id: "quick-customer-name",
 								value: R.name,
 								onChange: (e) => z((t) => ({
@@ -167,37 +160,37 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 								required: !0
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ x(d, {
 								htmlFor: "quick-customer-type",
 								children: "Customer type"
-							}), /* @__PURE__ */ b(f, {
+							}), /* @__PURE__ */ S(f, {
 								value: R.type,
 								onValueChange: (e) => z((t) => ({
 									...t,
 									type: e
 								})),
-								children: [/* @__PURE__ */ y(h, {
+								children: [/* @__PURE__ */ x(h, {
 									id: "quick-customer-type",
-									children: /* @__PURE__ */ y(g, {})
-								}), /* @__PURE__ */ b(p, { children: [/* @__PURE__ */ y(m, {
+									children: /* @__PURE__ */ x(g, {})
+								}), /* @__PURE__ */ S(p, { children: [/* @__PURE__ */ x(m, {
 									value: "b2c",
 									children: "B2C (Individual)"
-								}), /* @__PURE__ */ y(m, {
+								}), /* @__PURE__ */ x(m, {
 									value: "b2b",
 									children: "B2B (Business)"
 								})] })]
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ S("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y(d, {
+								children: [/* @__PURE__ */ x(d, {
 									htmlFor: "quick-customer-email",
 									children: "Email"
-								}), /* @__PURE__ */ y(u, {
+								}), /* @__PURE__ */ x(u, {
 									id: "quick-customer-email",
 									type: "email",
 									value: R.email,
@@ -207,12 +200,12 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 									})),
 									placeholder: "customer@example.com"
 								})]
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ S("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y(d, {
+								children: [/* @__PURE__ */ x(d, {
 									htmlFor: "quick-customer-phone",
 									children: "Phone"
-								}), /* @__PURE__ */ y(u, {
+								}), /* @__PURE__ */ x(u, {
 									id: "quick-customer-phone",
 									value: R.phone,
 									onChange: (e) => z((t) => ({
@@ -223,12 +216,12 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 								})]
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ x(d, {
 								htmlFor: "quick-customer-company",
 								children: "Company"
-							}), /* @__PURE__ */ y(u, {
+							}), /* @__PURE__ */ x(u, {
 								id: "quick-customer-company",
 								value: R.company,
 								onChange: (e) => z((t) => ({
@@ -238,27 +231,27 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 								placeholder: "Company name (optional)"
 							})]
 						}),
-						/* @__PURE__ */ b(s, { children: [
-							j && /* @__PURE__ */ y(r, {
+						/* @__PURE__ */ S(s, { children: [
+							M && /* @__PURE__ */ x(r, {
 								type: "button",
 								variant: "outline",
 								onClick: () => {
-									K(), j();
+									G(), M();
 								},
 								disabled: B,
 								children: "Use customer page"
 							}),
-							/* @__PURE__ */ y(r, {
+							/* @__PURE__ */ x(r, {
 								type: "button",
 								variant: "outline",
-								onClick: K,
+								onClick: G,
 								disabled: B,
 								children: "Cancel"
 							}),
-							/* @__PURE__ */ b(r, {
+							/* @__PURE__ */ S(r, {
 								type: "submit",
 								disabled: B,
-								children: [/* @__PURE__ */ y(e, { size: 16 }), B ? "Creating..." : "Create and select"]
+								children: [/* @__PURE__ */ x(e, { size: 16 }), B ? "Creating..." : "Create and select"]
 							})
 						] })
 					]
@@ -268,4 +261,4 @@ function C({ customers: C, value: w, onValueChange: T, onCreated: E, createCusto
 	});
 }
 //#endregion
-export { C as CustomerPicker };
+export { w as CustomerPicker };

package/dist/components/EntityCombobox.js

@@ -0,0 +1,105 @@
+import { Check as e } from "../node_modules/lucide-react/dist/esm/icons/check.js";
+import { ChevronsUpDown as t } from "../node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js";
+import { cn as n } from "../utils/cn.js";
+import { Command as r, CommandEmpty as i, CommandInput as a, CommandItem as o, CommandList as s, Popover as c, PopoverContent as l, PopoverTrigger as u } from "./ui.js";
+import { useDebouncedValue as d } from "../hooks/useDebouncedValue.js";
+import { useEffect as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/movethewheels/components/EntityCombobox.tsx
+function g({ value: g, onChange: _, options: v, loading: y = !1, getId: b, renderOption: x, getLabel: S, selectedOption: C = null, selectedLoading: w = !1, required: T = !1, placeholder: E = "Select…", searchPlaceholder: D = "Search…", emptyText: O = "No results found.", noneLabel: k = "None", disabled: A = !1, id: j, error: M, className: N, onSearchChange: P, hasMore: F = !1, totalCount: I }) {
+	let [L, R] = p(!1), [z, B] = p(""), V = d(z.trim(), 200);
+	f(() => {
+		P && P(V);
+	}, [V]);
+	let H = C ? S(C) : g ? w ? "Loading…" : g : E, U = n("w-full flex items-center justify-between gap-2 px-3 py-2", "bg-surface", "border border-default", "rounded-lg", "text-left text-sm text-text-primary", "focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)]", "disabled:bg-bg-sunken disabled:cursor-not-allowed", "transition-all duration-200", M && "border-[var(--color-status-error)]", !C && "text-text-tertiary", N), W = F && typeof I == "number" && I > v.length;
+	return /* @__PURE__ */ h(c, {
+		open: L,
+		onOpenChange: (e) => {
+			R(e), e || B("");
+		},
+		children: [/* @__PURE__ */ m(u, {
+			asChild: !0,
+			children: /* @__PURE__ */ h("button", {
+				type: "button",
+				id: j,
+				role: "combobox",
+				"aria-expanded": L,
+				"aria-required": T,
+				"aria-invalid": M ? !0 : void 0,
+				disabled: A,
+				className: U,
+				children: [/* @__PURE__ */ m("span", {
+					className: "truncate",
+					children: H
+				}), /* @__PURE__ */ m(t, {
+					size: 16,
+					className: "shrink-0 text-text-tertiary",
+					"aria-hidden": "true"
+				})]
+			})
+		}), /* @__PURE__ */ m(l, {
+			align: "start",
+			className: "w-[var(--radix-popover-trigger-width)] p-0 border border-default bg-surface",
+			children: /* @__PURE__ */ h(r, {
+				shouldFilter: !1,
+				className: "bg-surface text-text-primary",
+				children: [P && /* @__PURE__ */ m(a, {
+					value: z,
+					onValueChange: B,
+					placeholder: D,
+					className: "text-text-primary placeholder:text-text-tertiary"
+				}), /* @__PURE__ */ h(s, { children: [
+					/* @__PURE__ */ m(i, {
+						className: "text-text-tertiary",
+						children: y ? "Searching…" : O
+					}),
+					!T && /* @__PURE__ */ h(o, {
+						value: "__none__",
+						onSelect: () => {
+							_(""), R(!1);
+						},
+						className: "text-text-tertiary",
+						children: [/* @__PURE__ */ m(e, {
+							size: 16,
+							className: n("shrink-0", g === "" ? "opacity-100" : "opacity-0"),
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ m("span", {
+							className: "truncate italic",
+							children: k
+						})]
+					}),
+					v.map((t) => {
+						let r = b(t);
+						return /* @__PURE__ */ h(o, {
+							value: r,
+							onSelect: () => {
+								_(r), R(!1);
+							},
+							className: "text-text-primary",
+							children: [/* @__PURE__ */ m(e, {
+								size: 16,
+								className: n("shrink-0", r === g ? "opacity-100" : "opacity-0"),
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ m("span", {
+								className: "truncate",
+								children: x(t)
+							})]
+						}, r);
+					}),
+					W && /* @__PURE__ */ h("div", {
+						className: "px-2 py-1.5 text-xs text-text-tertiary border-t border-border-seam",
+						children: [
+							"Showing ",
+							v.length,
+							" of ",
+							I,
+							P ? " — keep typing to narrow results." : "."
+						]
+					})
+				] })]
+			})
+		})]
+	});
+}
+//#endregion
+export { g as EntityCombobox };

package/dist/components/ui.js

@@ -1,7 +1,7 @@
 import { cn as e } from "../utils/cn.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
-import { Badge as r, Button as i, Card as a, CardContent as o, CardDescription as s, CardFooter as c, CardHeader as l, CardTitle as u, Checkbox as d, Dialog as f, DialogContent as p, DialogDescription as m, DialogFooter as h, DialogHeader as g, DialogTitle as _, DialogTrigger as v, DropdownMenu as y, DropdownMenuContent as b, DropdownMenuItem as x, DropdownMenuSeparator as S, DropdownMenuTrigger as C, Input as w, Label as T, ScrollArea as E, Select as D, SelectContent as O, SelectItem as k, SelectTrigger as A, SelectValue as j, Separator as M, Skeleton as N, Switch as P, Table as F, TableBody as I, TableCell as L, TableHead as R, TableHeader as z, TableRow as B, Tabs as V, TabsContent as H, TabsList as U, TabsTrigger as W, Textarea as G, Tooltip as K, TooltipContent as q, TooltipProvider as J, TooltipTrigger as Y } from "@burdenoff/fe-libs/ui";
+import { Badge as r, Button as i, Card as a, CardContent as o, CardDescription as s, CardFooter as c, CardHeader as ee, CardTitle as te, Checkbox as ne, Command as re, CommandEmpty as l, CommandGroup as u, CommandInput as d, CommandItem as f, CommandList as p, Dialog as m, DialogContent as h, DialogDescription as g, DialogFooter as _, DialogHeader as v, DialogTitle as y, DialogTrigger as b, DropdownMenu as x, DropdownMenuContent as S, DropdownMenuItem as C, DropdownMenuSeparator as w, DropdownMenuTrigger as T, Input as E, Label as D, Popover as O, PopoverContent as k, PopoverTrigger as A, ScrollArea as j, Select as M, SelectContent as ie, SelectItem as N, SelectTrigger as P, SelectValue as F, Separator as I, Skeleton as L, Switch as R, Table as z, TableBody as B, TableCell as V, TableHead as H, TableHeader as U, TableRow as W, Tabs as G, TabsContent as K, TabsList as q, TabsTrigger as J, Textarea as Y, Tooltip as ae, TooltipContent as oe, TooltipProvider as se, TooltipTrigger as ce } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/components/ui.tsx
 var X = t.forwardRef(({ className: t, value: r = 0, max: i = 100, ...a }, o) => {
 	let s = Math.min(Math.max(r / i * 100, 0), 100);
@@ -35,4 +35,4 @@ var $ = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
 }));
 $.displayName = "AvatarFallback";
 //#endregion
-export { Z as Avatar, $ as AvatarFallback, Q as AvatarImage, r as Badge, i as Button, a as Card, o as CardContent, s as CardDescription, c as CardFooter, l as CardHeader, u as CardTitle, d as Checkbox, f as Dialog, p as DialogContent, m as DialogDescription, h as DialogFooter, g as DialogHeader, _ as DialogTitle, v as DialogTrigger, y as DropdownMenu, b as DropdownMenuContent, x as DropdownMenuItem, S as DropdownMenuSeparator, C as DropdownMenuTrigger, w as Input, T as Label, X as Progress, E as ScrollArea, D as Select, O as SelectContent, k as SelectItem, A as SelectTrigger, j as SelectValue, M as Separator, N as Skeleton, P as Switch, F as Table, I as TableBody, L as TableCell, R as TableHead, z as TableHeader, B as TableRow, V as Tabs, H as TabsContent, U as TabsList, W as TabsTrigger, G as Textarea, K as Tooltip, q as TooltipContent, J as TooltipProvider, Y as TooltipTrigger };
+export { Z as Avatar, $ as AvatarFallback, Q as AvatarImage, r as Badge, i as Button, a as Card, o as CardContent, s as CardDescription, c as CardFooter, ee as CardHeader, te as CardTitle, ne as Checkbox, re as Command, l as CommandEmpty, u as CommandGroup, d as CommandInput, f as CommandItem, p as CommandList, m as Dialog, h as DialogContent, g as DialogDescription, _ as DialogFooter, v as DialogHeader, y as DialogTitle, b as DialogTrigger, x as DropdownMenu, S as DropdownMenuContent, C as DropdownMenuItem, w as DropdownMenuSeparator, T as DropdownMenuTrigger, E as Input, D as Label, O as Popover, k as PopoverContent, A as PopoverTrigger, X as Progress, j as ScrollArea, M as Select, ie as SelectContent, N as SelectItem, P as SelectTrigger, F as SelectValue, I as Separator, L as Skeleton, R as Switch, z as Table, B as TableBody, V as TableCell, H as TableHead, U as TableHeader, W as TableRow, G as Tabs, K as TabsContent, q as TabsList, J as TabsTrigger, Y as Textarea, ae as Tooltip, oe as TooltipContent, se as TooltipProvider, ce as TooltipTrigger };

package/dist/hooks/useFleet.js

@@ -258,66 +258,68 @@ function E(e = {}) {
 	};
 }
 function D(e = {}) {
-	let { limit: i = 20, offset: s = 0, search: c, status: l, vehicleType: f } = e, p = T(), [m, h] = a([]), [g, _] = a(0), [v, y] = a(!1), [x, S] = a(!1), [w, E] = a(null), D = n(async () => {
-		S(!0), E(null);
+	let { limit: i = 20, offset: s = 0, search: c, status: l, vehicleType: f, driverId: p } = e, m = T(), [h, g] = a([]), [_, v] = a(0), [y, x] = a(!1), [S, w] = a(!1), [E, D] = a(null), O = n(async () => {
+		w(!0), D(null);
 		try {
-			let e = await t(p, o, {
+			let e = await t(m, o, {
 				filter: {
 					search: c || void 0,
 					status: l ? b(l) : void 0,
-					type: f?.toUpperCase()
+					type: f?.toUpperCase(),
+					driverId: p || void 0
 				},
 				pagination: {
 					limit: i,
 					offset: s
 				}
 			});
-			y(s + e.vehicles.length < e.vehiclesCount), _(e.vehiclesCount), h(e.vehicles.map(C));
+			x(s + e.vehicles.length < e.vehiclesCount), v(e.vehiclesCount), g(e.vehicles.map(C));
 		} catch (e) {
-			E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load vehicles"));
+			D(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load vehicles"));
 		} finally {
-			S(!1);
+			w(!1);
 		}
 	}, [
-		p,
+		m,
 		i,
 		s,
 		c,
 		l,
-		f
+		f,
+		p
 	]);
 	return r(() => {
-		D();
-	}, [D]), {
-		vehicles: m,
-		totalVehicles: g,
-		hasMore: v,
-		isLoading: x,
-		error: w,
+		O();
+	}, [O]), {
+		vehicles: h,
+		totalVehicles: _,
+		hasMore: y,
+		isLoading: S,
+		error: E,
 		refetch: n(() => {
-			D();
-		}, [D]),
+			O();
+		}, [O]),
 		updateVehicleStatus: n(async (e, n) => {
-			let r = C((await t(p, u, {
+			let r = C((await t(m, u, {
 				id: e,
 				status: b(n)
 			})).updateVehicleStatus);
-			return h((t) => t.map((t) => t.id === e ? r : t)), r;
-		}, [p]),
+			return g((t) => t.map((t) => t.id === e ? r : t)), r;
+		}, [m]),
 		assignDriver: n(async (e, n) => {
-			await t(p, d, {
+			await t(m, d, {
 				id: n,
 				vehicleId: e
 			});
-			let r = m.find((t) => t.id === e);
+			let r = h.find((t) => t.id === e);
 			if (!r) throw Error("Vehicle not found");
 			let i = {
 				...r,
 				driverId: n,
 				status: "assigned"
 			};
-			return h((t) => t.map((t) => t.id === e ? i : t)), i;
-		}, [p, m])
+			return g((t) => t.map((t) => t.id === e ? i : t)), i;
+		}, [m, h])
 	};
 }
 function O(e) {
@@ -348,59 +350,61 @@ function O(e) {
 	};
 }
 function k(e = {}) {
-	let { limit: i = 20, offset: o = 0, status: c, search: l, licenseClass: u } = e, p = T(), [m, h] = a([]), [g, _] = a(0), [v, y] = a(!1), [b, x] = a(!1), [C, E] = a(null), D = n(async () => {
-		x(!0), E(null);
+	let { limit: i = 20, offset: o = 0, status: c, search: l, licenseClass: u, vehicleId: p } = e, m = T(), [h, g] = a([]), [_, v] = a(0), [y, b] = a(!1), [x, C] = a(!1), [E, D] = a(null), O = n(async () => {
+		C(!0), D(null);
 		try {
-			let e = await t(p, s, {
+			let e = await t(m, s, {
 				filter: {
 					status: c ? S(c) : void 0,
 					search: l || void 0,
-					licenseClass: u || void 0
+					licenseClass: u || void 0,
+					vehicleId: p || void 0
 				},
 				pagination: {
 					limit: i,
 					offset: o
 				}
 			});
-			y(o + e.drivers.length < e.driversCount), _(e.driversCount), h(e.drivers.map(w));
+			b(o + e.drivers.length < e.driversCount), v(e.driversCount), g(e.drivers.map(w));
 		} catch (e) {
-			E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load drivers"));
+			D(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load drivers"));
 		} finally {
-			x(!1);
+			C(!1);
 		}
 	}, [
-		p,
+		m,
 		i,
 		o,
 		c,
 		l,
-		u
+		u,
+		p
 	]);
 	return r(() => {
-		D();
-	}, [D]), {
-		drivers: m,
-		totalDrivers: g,
-		hasMore: v,
-		isLoading: b,
-		error: C,
+		O();
+	}, [O]), {
+		drivers: h,
+		totalDrivers: _,
+		hasMore: y,
+		isLoading: x,
+		error: E,
 		refetch: n(() => {
-			D();
-		}, [D]),
+			O();
+		}, [O]),
 		updateDriverStatus: n(async (e, n) => {
-			let r = w((await t(p, f, {
+			let r = w((await t(m, f, {
 				id: e,
 				status: S(n)
 			})).updateDriverStatus);
-			return h((t) => t.map((t) => t.id === e ? r : t)), r;
-		}, [p]),
+			return g((t) => t.map((t) => t.id === e ? r : t)), r;
+		}, [m]),
 		assignVehicle: n(async (e, n) => {
-			let r = w((await t(p, d, {
+			let r = w((await t(m, d, {
 				id: e,
 				vehicleId: n
 			})).assignDriverVehicle);
-			return h((t) => t.map((t) => t.id === e ? r : t)), r;
-		}, [p])
+			return g((t) => t.map((t) => t.id === e ? r : t)), r;
+		}, [m])
 	};
 }
 function A(e) {