@burdenoff/microfe-assethandler 2026.820.2 → 2026.820.4

package/dist/assethandler/pages/AssetsAssetCheckInOutPage.js

@@ -7,14 +7,14 @@ import { StatTile as a } from "../components/StatTile.js";
 import { ChartCard as o } from "../components/ChartCard.js";
 import { SectionHeader as ee } from "../components/SectionHeader.js";
 import "../components/index.js";
-import { useMemo as s, useState as c } from "react";
-import { AlertTriangle as l, ArrowDownToLine as u, ArrowUpFromLine as d, Clock as f, PackageCheck as p, Search as te } from "lucide-react";
-import { gql as m } from "@apollo/client";
-import { useMutation as h, useQuery as ne } from "@apollo/client/react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, GlassCard as y, IllustratedEmptyState as re, Input as b, Label as x, PagePurpose as ie, Select as ae, SelectContent as S, SelectItem as oe, SelectTrigger as se, SelectValue as ce, Tabs as le, TabsContent as ue, TabsList as C, TabsTrigger as w, Textarea as T } from "@burdenoff/fe-libs/ui";
+import { useEffect as te, useMemo as s, useRef as ne, useState as c } from "react";
+import { AlertTriangle as re, ArrowDownToLine as l, ArrowUpFromLine as u, Clock as ie, PackageCheck as ae, ScanLine as d, Search as oe } from "lucide-react";
+import { gql as f } from "@apollo/client";
+import { useMutation as p, useQuery as se } from "@apollo/client/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, GlassCard as _, IllustratedEmptyState as ce, Input as v, Label as y, PagePurpose as le, Select as ue, SelectContent as de, SelectItem as fe, SelectTrigger as pe, SelectValue as me, Tabs as he, TabsContent as ge, TabsList as _e, TabsTrigger as b, Textarea as ve } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/AssetsAssetCheckInOutPage.tsx
-var E = m`
+var ye = f`
   query AssetHandlerAssetAssignments {
     assetAssignments {
       id
@@ -29,113 +29,137 @@ var E = m`
       notes
     }
   }
-`, D = m`
+`, be = f`
   mutation AssetHandlerCheckOutAsset($input: CheckOutAssetInput!) {
     checkOutAsset(input: $input) {
       id
       status
     }
   }
-`, de = m`
+`, xe = f`
   mutation AssetHandlerCheckInAsset($input: CheckInAssetInput!) {
     checkInAsset(input: $input) {
       id
       status
     }
   }
-`, O = {
+`, Se = f`
+  mutation AssetHandlerCheckOutAssetByTag($input: CheckOutAssetByTagInput!) {
+    checkOutAssetByTag(input: $input) {
+      id
+      status
+    }
+  }
+`, Ce = f`
+  mutation AssetHandlerCheckInAssetByTag($input: CheckInAssetByTagInput!) {
+    checkInAssetByTag(input: $input) {
+      id
+      status
+    }
+  }
+`, x = {
 	CHECKED_OUT: "bg-status-warning-subtle text-status-warning-text",
 	RETURNED: "bg-status-success-subtle text-status-success-text",
 	OVERDUE: "bg-status-error-subtle text-status-error-text"
-}, k = {
+}, S = {
 	CHECKED_OUT: "Checked out",
 	RETURNED: "Returned",
 	OVERDUE: "Overdue"
-}, A = {
+}, C = {
 	CHECKED_OUT: "var(--color-status-warning-bg)",
 	OVERDUE: "var(--color-status-error-bg)",
 	RETURNED: "var(--color-status-success-bg)"
 };
-function j({ status: e }) {
-	return /* @__PURE__ */ g("span", {
-		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", O[e]),
-		children: k[e]
+function w({ status: e }) {
+	return /* @__PURE__ */ m("span", {
+		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", x[e]),
+		children: S[e]
 	});
 }
-function M(e) {
+function T(e) {
 	let t = e.trim();
 	if (!t) return "?";
 	let n = t.split(/[\s@._-]+/).filter(Boolean);
 	return ((n[0]?.[0] ?? t[0]) + (n.length > 1 ? n[1][0] : "")).toUpperCase();
 }
-function N({ name: e, by: t }) {
-	return /* @__PURE__ */ _("div", {
+function E({ name: e, by: t }) {
+	return /* @__PURE__ */ h("div", {
 		className: "flex items-center gap-2.5",
-		children: [/* @__PURE__ */ g("span", {
+		children: [/* @__PURE__ */ m("span", {
 			"aria-hidden": "true",
 			className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-xs font-semibold text-action-primary-text",
-			children: M(e)
-		}), /* @__PURE__ */ _("div", {
+			children: T(e)
+		}), /* @__PURE__ */ h("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ g("p", {
+			children: [/* @__PURE__ */ m("p", {
 				className: "truncate text-sm text-text-primary",
 				children: e || "—"
-			}), /* @__PURE__ */ _("p", {
+			}), /* @__PURE__ */ h("p", {
 				className: "truncate text-xs text-text-secondary",
 				children: ["by ", t]
 			})]
 		})]
 	});
 }
-function P(e) {
+function D(e) {
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return null;
 	let n = /* @__PURE__ */ new Date(), r = new Date(n.getFullYear(), n.getMonth(), n.getDate()), i = new Date(t.getFullYear(), t.getMonth(), t.getDate());
 	return Math.round((i.getTime() - r.getTime()) / 864e5);
 }
-function F({ dueAt: e, status: n }) {
+function O({ dueAt: e, status: n }) {
 	if (n === "RETURNED" || !e) return null;
-	let r = P(e);
+	let r = D(e);
 	if (r === null) return null;
 	let i, a;
-	return r < 0 ? (i = `${-r}d overdue`, a = "bg-status-error-subtle text-status-error-text") : r === 0 ? (i = "Due today", a = "bg-status-warning-subtle text-status-warning-text") : r <= 3 ? (i = `Due in ${r}d`, a = "bg-status-warning-subtle text-status-warning-text") : (i = `Due in ${r}d`, a = "bg-bg-sunken text-text-secondary"), /* @__PURE__ */ g("span", {
+	return r < 0 ? (i = `${-r}d overdue`, a = "bg-status-error-subtle text-status-error-text") : r === 0 ? (i = "Due today", a = "bg-status-warning-subtle text-status-warning-text") : r <= 3 ? (i = `Due in ${r}d`, a = "bg-status-warning-subtle text-status-warning-text") : (i = `Due in ${r}d`, a = "bg-bg-sunken text-text-secondary"), /* @__PURE__ */ m("span", {
 		className: t("inline-flex rounded-full px-2 py-0.5 text-[11px] font-medium", a),
 		children: i
 	});
 }
-var I = (e) => e ? new Date(e).toLocaleDateString(void 0, {
+var k = (e) => e ? new Date(e).toLocaleDateString(void 0, {
 	month: "short",
 	day: "numeric",
 	year: "numeric"
 }) : "—";
-function L() {
-	let { assets: m } = e(), [O, k] = c(""), [M, P] = c(""), [L, R] = c(""), [z, B] = c(""), [V, H] = c(""), { data: U, loading: W, refetch: G } = ne(E, { fetchPolicy: "cache-and-network" }), [fe, { loading: K }] = h(D, {
+function A() {
+	let { assets: f } = e(), [x, S] = c(""), [T, D] = c(""), [A, j] = c(""), [M, N] = c(""), [P, F] = c(""), I = ne(null), [L, R] = c(""), [z, B] = c(!1), [V, H] = c(""), [U, we] = c(""), [W, Te] = c(""), { data: Ee, loading: De, refetch: G } = se(ye, { fetchPolicy: "cache-and-network" }), [Oe, { loading: ke }] = p(be, {
 		onCompleted: () => {
-			n.success("Asset checked out", "The assignment has been recorded."), P(""), R(""), B(""), H(""), G();
+			n.success("Asset checked out", "The assignment has been recorded."), D(""), j(""), N(""), F(""), G();
 		},
 		onError: (e) => n.error("Check-out failed", e.message)
-	}), [pe, { loading: me }] = h(de, {
+	}), [Ae, { loading: je }] = p(xe, {
 		onCompleted: () => {
 			n.success("Asset checked in", "The asset has been returned."), G();
 		},
 		onError: (e) => n.error("Check-in failed", e.message)
-	}), q = s(() => U?.assetAssignments ?? [], [U]), J = q.filter((e) => e.status === "CHECKED_OUT"), Y = q.filter((e) => e.status === "OVERDUE"), X = q.filter((e) => e.status === "RETURNED"), Z = q.filter((e) => O === "" || e.assetName.toLowerCase().includes(O.toLowerCase()) || e.assignedTo.toLowerCase().includes(O.toLowerCase())), he = [
+	}), [Me, { loading: Ne }] = p(Se, {
+		onCompleted: () => {
+			n.success("Asset checked out", "The assignment has been recorded."), Q(), G();
+		},
+		onError: (e) => n.error("Scan check-out failed", e.message)
+	}), [Pe, { loading: Fe }] = p(Ce, {
+		onCompleted: () => {
+			n.success("Asset checked in", "The asset has been returned."), Q(), G();
+		},
+		onError: (e) => n.error("Scan check-in failed", e.message)
+	}), K = s(() => Ee?.assetAssignments ?? [], [Ee]), q = K.filter((e) => e.status === "CHECKED_OUT"), J = K.filter((e) => e.status === "OVERDUE"), Y = K.filter((e) => e.status === "RETURNED"), X = K.filter((e) => x === "" || e.assetName.toLowerCase().includes(x.toLowerCase()) || e.assignedTo.toLowerCase().includes(x.toLowerCase())), Ie = [
 		{
 			name: "Checked out",
-			value: J.length,
-			color: A.CHECKED_OUT
+			value: q.length,
+			color: C.CHECKED_OUT
 		},
 		{
 			name: "Overdue",
-			value: Y.length,
-			color: A.OVERDUE
+			value: J.length,
+			color: C.OVERDUE
 		},
 		{
 			name: "Returned",
-			value: X.length,
-			color: A.RETURNED
+			value: Y.length,
+			color: C.RETURNED
 		}
-	], Q = s(() => {
+	], Z = s(() => {
 		let e = /* @__PURE__ */ new Date(), t = Array.from({ length: 6 }, (t, n) => {
 			let r = new Date(e.getFullYear(), e.getMonth() - (5 - n), 1);
 			return {
@@ -144,116 +168,162 @@ function L() {
 				checkouts: 0
 			};
 		}), n = new Map(t.map((e, t) => [e.key, t]));
-		for (let e of q) {
+		for (let e of K) {
 			let r = new Date(e.checkedOutAt);
 			if (Number.isNaN(r.getTime())) continue;
 			let i = n.get(`${r.getFullYear()}-${r.getMonth()}`);
 			i !== void 0 && (t[i].checkouts += 1);
 		}
 		return t;
-	}, [q]), ge = Q.some((e) => e.checkouts > 0), _e = q.length > 0, ve = (e) => {
-		if (e.preventDefault(), !M || !L.trim()) {
+	}, [K]), Le = Z.some((e) => e.checkouts > 0), Re = K.length > 0, ze = (e) => {
+		let t = f.find((t) => t.tagId === e || t.assetTag === e || t.id === e);
+		if (t) return K.find((e) => e.assetId === t.id && e.status !== "RETURNED");
+	}, Q = () => {
+		R(""), B(!1), H(""), we(""), Te(""), I.current?.focus();
+	}, Be = (e) => {
+		e.preventDefault();
+		let t = L.trim();
+		if (!t) {
+			n.warning("Enter a tag", "Scan or type the asset tag to continue.");
+			return;
+		}
+		let r = f.find((e) => e.tagId === t || e.assetTag === t || e.id === t);
+		if (!r) {
+			n.error("Unknown tag", `No asset matched "${t}".`);
+			return;
+		}
+		let i = ze(t);
+		if (z) {
+			if (!V.trim()) {
+				n.warning("Assignee required", "Enter who is receiving the asset.");
+				return;
+			}
+			Me({ variables: { input: {
+				tagId: r.tagId,
+				assignedTo: V.trim(),
+				dueAt: U ? new Date(U).toISOString() : null,
+				notes: W.trim() || null
+			} } });
+			return;
+		}
+		if (i) {
+			Pe({ variables: { input: {
+				tagId: r.tagId,
+				notes: W.trim() || null
+			} } });
+			return;
+		}
+		B(!0), n.info("Ready to check out", `${r.name} is available. Add assignee details and scan again.`);
+	};
+	te(() => {
+		let e = (e) => {
+			e.key === "/" && !["INPUT", "TEXTAREA"].includes(e.target?.tagName) && (e.preventDefault(), I.current?.focus());
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, []);
+	let Ve = (e) => {
+		if (e.preventDefault(), !T || !A.trim()) {
 			n.warning("Missing details", "Choose an asset and who is receiving it.");
 			return;
 		}
-		fe({ variables: { input: {
-			assetId: M,
-			assignedTo: L.trim(),
-			dueAt: z ? new Date(z).toISOString() : null,
-			notes: V.trim() || null
+		Oe({ variables: { input: {
+			assetId: T,
+			assignedTo: A.trim(),
+			dueAt: M ? new Date(M).toISOString() : null,
+			notes: P.trim() || null
 		} } });
-	}, $ = (e) => e.status === "RETURNED" ? null : /* @__PURE__ */ _(v, {
+	}, $ = (e) => e.status === "RETURNED" ? null : /* @__PURE__ */ h(g, {
 		size: "sm",
 		variant: "outline",
-		disabled: me,
-		onClick: () => void pe({ variables: { input: { assignmentId: e.id } } }),
-		children: [/* @__PURE__ */ g(u, { className: "mr-1.5 h-3.5 w-3.5" }), "Check In"]
-	}), ye = (e) => /* @__PURE__ */ _(y, {
+		disabled: je,
+		onClick: () => void Ae({ variables: { input: { assignmentId: e.id } } }),
+		children: [/* @__PURE__ */ m(l, { className: "mr-1.5 h-3.5 w-3.5" }), "Check In"]
+	}), He = (e) => /* @__PURE__ */ h(_, {
 		treatment: "glass",
 		className: "overflow-hidden border-border-seam",
 		children: [
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ m("div", {
 				className: "hidden overflow-x-auto md:block",
-				children: /* @__PURE__ */ _("table", {
+				children: /* @__PURE__ */ h("table", {
 					className: "w-full text-sm",
-					children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ _("tr", {
+					children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
 						className: "border-b border-border-seam bg-bg-sunken/40",
 						children: [
-							/* @__PURE__ */ g("th", {
+							/* @__PURE__ */ m("th", {
 								className: "p-3 text-left font-medium text-text-secondary",
 								children: "Asset"
 							}),
-							/* @__PURE__ */ g("th", {
+							/* @__PURE__ */ m("th", {
 								className: "p-3 text-left font-medium text-text-secondary",
 								children: "Assigned to"
 							}),
-							/* @__PURE__ */ g("th", {
+							/* @__PURE__ */ m("th", {
 								className: "p-3 text-left font-medium text-text-secondary",
 								children: "Checked out"
 							}),
-							/* @__PURE__ */ g("th", {
+							/* @__PURE__ */ m("th", {
 								className: "p-3 text-left font-medium text-text-secondary",
 								children: "Due"
 							}),
-							/* @__PURE__ */ g("th", {
+							/* @__PURE__ */ m("th", {
 								className: "p-3 text-left font-medium text-text-secondary",
 								children: "Returned"
 							}),
-							/* @__PURE__ */ g("th", {
+							/* @__PURE__ */ m("th", {
 								className: "p-3 text-left font-medium text-text-secondary",
 								children: "Status"
 							}),
-							/* @__PURE__ */ g("th", {
+							/* @__PURE__ */ m("th", {
 								className: "p-3 text-right font-medium text-text-secondary",
 								children: "Action"
 							})
 						]
-					}) }), /* @__PURE__ */ g("tbody", { children: e.map((e) => /* @__PURE__ */ _("tr", {
+					}) }), /* @__PURE__ */ m("tbody", { children: e.map((e) => /* @__PURE__ */ h("tr", {
 						className: t("border-b border-border-seam/70 transition-colors", e.status === "OVERDUE" ? "border-l-2 border-l-status-error-text bg-status-error-subtle/50 hover:bg-status-error-subtle" : "hover:bg-bg-sunken/50"),
 						children: [
-							/* @__PURE__ */ _("td", {
+							/* @__PURE__ */ h("td", {
 								className: "p-3",
-								children: [/* @__PURE__ */ g("p", {
+								children: [/* @__PURE__ */ m("p", {
 									className: "font-medium text-text-primary",
 									children: e.assetName
-								}), /* @__PURE__ */ g("p", {
+								}), /* @__PURE__ */ m("p", {
 									className: "font-mono text-xs text-text-secondary",
 									children: e.assetId
 								})]
 							}),
-							/* @__PURE__ */ g("td", {
+							/* @__PURE__ */ m("td", {
 								className: "p-3",
-								children: /* @__PURE__ */ g(N, {
+								children: /* @__PURE__ */ m(E, {
 									name: e.assignedTo,
 									by: e.assignedBy
 								})
 							}),
-							/* @__PURE__ */ g("td", {
+							/* @__PURE__ */ m("td", {
 								className: "p-3 text-xs text-text-secondary",
-								children: I(e.checkedOutAt)
+								children: k(e.checkedOutAt)
 							}),
-							/* @__PURE__ */ g("td", {
+							/* @__PURE__ */ m("td", {
 								className: "p-3",
-								children: /* @__PURE__ */ _("div", {
+								children: /* @__PURE__ */ h("div", {
 									className: "flex flex-col items-start gap-1",
-									children: [/* @__PURE__ */ g("span", {
+									children: [/* @__PURE__ */ m("span", {
 										className: "text-xs text-text-secondary",
-										children: I(e.dueAt)
-									}), /* @__PURE__ */ g(F, {
+										children: k(e.dueAt)
+									}), /* @__PURE__ */ m(O, {
 										dueAt: e.dueAt,
 										status: e.status
 									})]
 								})
 							}),
-							/* @__PURE__ */ g("td", {
+							/* @__PURE__ */ m("td", {
 								className: "p-3 text-xs text-text-secondary",
-								children: I(e.checkedInAt)
+								children: k(e.checkedInAt)
 							}),
-							/* @__PURE__ */ g("td", {
+							/* @__PURE__ */ m("td", {
 								className: "p-3",
-								children: /* @__PURE__ */ g(j, { status: e.status })
+								children: /* @__PURE__ */ m(w, { status: e.status })
 							}),
-							/* @__PURE__ */ g("td", {
+							/* @__PURE__ */ m("td", {
 								className: "p-3 text-right",
 								children: $(e)
 							})
@@ -261,119 +331,119 @@ function L() {
 					}, e.id)) })]
 				})
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ m("div", {
 				className: "divide-y divide-border-seam md:hidden",
 				children: e.map((e) => {
 					let n = e.status === "OVERDUE", r = $(e);
-					return /* @__PURE__ */ _("div", {
+					return /* @__PURE__ */ h("div", {
 						className: t("space-y-3 p-4", n && "border-l-2 border-l-status-error-text bg-status-error-subtle/40"),
 						children: [
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ h("div", {
 								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ g("p", {
+									children: [/* @__PURE__ */ m("p", {
 										className: "truncate font-medium text-text-primary",
 										children: e.assetName
-									}), /* @__PURE__ */ g("p", {
+									}), /* @__PURE__ */ m("p", {
 										className: "font-mono text-xs text-text-secondary",
 										children: e.assetId
 									})]
-								}), /* @__PURE__ */ g(j, { status: e.status })]
+								}), /* @__PURE__ */ m(w, { status: e.status })]
 							}),
-							/* @__PURE__ */ g(N, {
+							/* @__PURE__ */ m(E, {
 								name: e.assignedTo,
 								by: e.assignedBy
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ h("div", {
 								className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-secondary",
 								children: [
-									/* @__PURE__ */ _("span", { children: ["Out ", I(e.checkedOutAt)] }),
-									/* @__PURE__ */ _("span", { children: ["Due ", I(e.dueAt)] }),
-									/* @__PURE__ */ g(F, {
+									/* @__PURE__ */ h("span", { children: ["Out ", k(e.checkedOutAt)] }),
+									/* @__PURE__ */ h("span", { children: ["Due ", k(e.dueAt)] }),
+									/* @__PURE__ */ m(O, {
 										dueAt: e.dueAt,
 										status: e.status
 									})
 								]
 							}),
-							r ? /* @__PURE__ */ g("div", { children: r }) : null
+							r ? /* @__PURE__ */ m("div", { children: r }) : null
 						]
 					}, e.id);
 				})
 			}),
-			e.length === 0 && !W && /* @__PURE__ */ g(re, {
-				illustration: O ? "empty-search" : "empty-people",
-				title: O ? "No matching records" : "No check-in / out records",
-				description: O ? "No records match your search — try a different name." : "Check an asset out to someone and the activity will appear here."
+			e.length === 0 && !De && /* @__PURE__ */ m(ce, {
+				illustration: x ? "empty-search" : "empty-people",
+				title: x ? "No matching records" : "No check-in / out records",
+				description: x ? "No records match your search — try a different name." : "Check an asset out to someone and the activity will appear here."
 			}),
-			W && e.length === 0 ? /* @__PURE__ */ g("div", {
+			De && e.length === 0 ? /* @__PURE__ */ m("div", {
 				className: "space-y-2 p-4",
-				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ g("div", { className: "h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ m("div", { className: "h-10 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
 			}) : null
 		]
 	});
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-4 sm:p-6",
 		children: [
-			/* @__PURE__ */ g(ee, {
+			/* @__PURE__ */ m(ee, {
 				hero: !0,
-				icon: p,
+				icon: ae,
 				title: "Asset Check-In / Check-Out",
 				description: "Manage asset assignments and returns"
 			}),
-			/* @__PURE__ */ g(ie, { children: "Know who has what, right now. Check assets out to people for a job or loan period and check them back in on return. Use it to chase overdue items and make sure nothing walks off without a trace." }),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ m(le, { children: "Know who has what, right now. Check assets out to people for a job or loan period and check them back in on return. Use it to chase overdue items and make sure nothing walks off without a trace." }),
+			/* @__PURE__ */ h("div", {
 				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
 				children: [
-					/* @__PURE__ */ g(a, {
+					/* @__PURE__ */ m(a, {
 						label: "Active checkouts",
-						value: J.length,
-						icon: d,
+						value: q.length,
+						icon: u,
 						hero: !0
 					}),
-					/* @__PURE__ */ g(a, {
+					/* @__PURE__ */ m(a, {
 						label: "Overdue",
-						value: Y.length,
-						icon: l,
-						delta: Y.length > 0 ? "chase now" : void 0,
+						value: J.length,
+						icon: re,
+						delta: J.length > 0 ? "chase now" : void 0,
 						deltaTone: "negative",
 						deltaDirection: "up"
 					}),
-					/* @__PURE__ */ g(a, {
+					/* @__PURE__ */ m(a, {
 						label: "Returned",
-						value: X.length,
-						icon: u
+						value: Y.length,
+						icon: l
 					}),
-					/* @__PURE__ */ g(a, {
+					/* @__PURE__ */ m(a, {
 						label: "Total records",
-						value: q.length,
-						icon: f
+						value: K.length,
+						icon: ie
 					})
 				]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid gap-6 xl:grid-cols-[minmax(0,1fr)_340px]",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "min-w-0 space-y-6",
 					children: [
-						_e && /* @__PURE__ */ _("div", {
+						Re && /* @__PURE__ */ h("div", {
 							className: "grid gap-4 lg:grid-cols-2",
-							children: [/* @__PURE__ */ g(o, {
+							children: [/* @__PURE__ */ m(o, {
 								title: "Custody mix",
 								subtitle: "Where every record stands right now",
-								icon: p,
-								children: /* @__PURE__ */ g(i, {
-									data: he,
+								icon: ae,
+								children: /* @__PURE__ */ m(i, {
+									data: Ie,
 									centerLabel: "Records",
-									centerValue: q.length,
+									centerValue: K.length,
 									ariaLabel: "Custody status mix"
 								})
-							}), /* @__PURE__ */ g(o, {
+							}), /* @__PURE__ */ m(o, {
 								title: "Checkouts over time",
 								subtitle: "Custody activity, last 6 months",
-								icon: d,
-								children: ge ? /* @__PURE__ */ g(r, {
-									data: Q,
+								icon: u,
+								children: Le ? /* @__PURE__ */ m(r, {
+									data: Z,
 									xKey: "label",
 									series: [{
 										key: "checkouts",
@@ -381,55 +451,148 @@ function L() {
 									}],
 									height: 220,
 									ariaLabel: "Checkouts per month"
-								}) : /* @__PURE__ */ g("div", {
+								}) : /* @__PURE__ */ m("div", {
 									className: "flex h-[220px] items-center justify-center text-sm text-text-secondary",
 									children: "Not enough dated history yet."
 								})
 							})]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ m(_, {
+							treatment: "glass",
+							className: "border-border-seam",
+							children: /* @__PURE__ */ h("form", {
+								className: "space-y-4 p-5",
+								onSubmit: Be,
+								children: [
+									/* @__PURE__ */ h("div", {
+										className: "flex items-center gap-2",
+										children: [
+											/* @__PURE__ */ m(d, { className: "h-4 w-4 text-action-primary-text" }),
+											/* @__PURE__ */ m("h2", {
+												className: "text-base font-semibold text-text-primary",
+												children: "Scan asset tag"
+											}),
+											/* @__PURE__ */ m("span", {
+												className: "ml-auto text-xs text-text-secondary",
+												children: "Press / to focus"
+											})
+										]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex flex-col gap-4 sm:flex-row sm:items-end",
+										children: [/* @__PURE__ */ h("div", {
+											className: "relative min-w-0 flex-1",
+											children: [/* @__PURE__ */ m(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ m(v, {
+												ref: I,
+												placeholder: "Scan or type asset tag…",
+												value: L,
+												onChange: (e) => R(e.target.value),
+												className: "pl-9",
+												autoFocus: !0
+											})]
+										}), /* @__PURE__ */ h(g, {
+											type: "submit",
+											disabled: Ne || Fe,
+											className: "w-full sm:w-auto",
+											children: [/* @__PURE__ */ m(d, { className: "mr-2 h-4 w-4" }), Ne || Fe ? "Processing…" : z ? "Check Out" : "Scan"]
+										})]
+									}),
+									z && /* @__PURE__ */ h("div", {
+										className: "grid gap-4 sm:grid-cols-3",
+										children: [
+											/* @__PURE__ */ h("div", {
+												className: "space-y-1.5",
+												children: [/* @__PURE__ */ m(y, {
+													htmlFor: "scan-assignee",
+													children: "Assign to"
+												}), /* @__PURE__ */ m(v, {
+													id: "scan-assignee",
+													placeholder: "Name or email",
+													value: V,
+													onChange: (e) => H(e.target.value)
+												})]
+											}),
+											/* @__PURE__ */ h("div", {
+												className: "space-y-1.5",
+												children: [/* @__PURE__ */ m(y, {
+													htmlFor: "scan-due",
+													children: "Due date"
+												}), /* @__PURE__ */ m(v, {
+													id: "scan-due",
+													type: "date",
+													value: U,
+													onChange: (e) => we(e.target.value)
+												})]
+											}),
+											/* @__PURE__ */ h("div", {
+												className: "space-y-1.5",
+												children: [/* @__PURE__ */ m(y, {
+													htmlFor: "scan-notes",
+													children: "Notes"
+												}), /* @__PURE__ */ m(v, {
+													id: "scan-notes",
+													placeholder: "Optional notes",
+													value: W,
+													onChange: (e) => Te(e.target.value)
+												})]
+											})
+										]
+									}),
+									z && /* @__PURE__ */ h("div", {
+										className: "flex items-center gap-2 text-xs text-text-secondary",
+										children: [/* @__PURE__ */ m("button", {
+											type: "button",
+											className: "text-action-primary-text hover:underline",
+											onClick: Q,
+											children: "Cancel"
+										}), /* @__PURE__ */ m("span", { children: "to start over." })]
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ h("div", {
 							className: "relative max-w-md",
-							children: [/* @__PURE__ */ g(te, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ g(b, {
+							children: [/* @__PURE__ */ m(oe, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ m(v, {
 								placeholder: "Search by asset or person…",
-								value: O,
-								onChange: (e) => k(e.target.value),
+								value: x,
+								onChange: (e) => S(e.target.value),
 								className: "pl-9"
 							})]
 						}),
-						/* @__PURE__ */ _(le, {
+						/* @__PURE__ */ h(he, {
 							defaultValue: "all",
-							children: [/* @__PURE__ */ _(C, {
+							children: [/* @__PURE__ */ h(_e, {
 								className: "max-w-full justify-start overflow-x-auto",
 								children: [
-									/* @__PURE__ */ _(w, {
+									/* @__PURE__ */ h(b, {
 										value: "all",
 										children: [
 											"All (",
-											Z.length,
+											X.length,
 											")"
 										]
 									}),
-									/* @__PURE__ */ _(w, {
+									/* @__PURE__ */ h(b, {
 										value: "active",
 										children: [
 											"Active (",
-											J.length,
+											q.length,
 											")"
 										]
 									}),
-									/* @__PURE__ */ _(w, {
+									/* @__PURE__ */ h(b, {
 										value: "overdue",
 										children: [
 											"Overdue (",
-											Y.length,
+											J.length,
 											")"
 										]
 									}),
-									/* @__PURE__ */ _(w, {
+									/* @__PURE__ */ h(b, {
 										value: "returned",
 										children: [
 											"Returned (",
-											X.length,
+											Y.length,
 											")"
 										]
 									})
@@ -439,42 +602,42 @@ function L() {
 								["active", "CHECKED_OUT"],
 								["overdue", "OVERDUE"],
 								["returned", "RETURNED"]
-							].map(([e, t]) => /* @__PURE__ */ g(ue, {
+							].map(([e, t]) => /* @__PURE__ */ m(ge, {
 								value: e,
 								className: "mt-4",
-								children: ye(t === null ? Z : Z.filter((e) => e.status === t))
+								children: He(t === null ? X : X.filter((e) => e.status === t))
 							}, e))]
 						})
 					]
-				}), /* @__PURE__ */ g("aside", {
+				}), /* @__PURE__ */ m("aside", {
 					className: "xl:sticky xl:top-4 xl:h-fit",
-					children: /* @__PURE__ */ g(y, {
+					children: /* @__PURE__ */ m(_, {
 						treatment: "glass",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ _("form", {
+						children: /* @__PURE__ */ h("form", {
 							className: "space-y-4 p-5",
-							onSubmit: ve,
+							onSubmit: Ve,
 							children: [
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ h("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ g(d, { className: "h-4 w-4 text-action-primary-text" }), /* @__PURE__ */ g("h2", {
+									children: [/* @__PURE__ */ m(u, { className: "h-4 w-4 text-action-primary-text" }), /* @__PURE__ */ m("h2", {
 										className: "text-base font-semibold text-text-primary",
 										children: "Check out an asset"
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ h("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ g(x, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "checkout-asset",
 										children: "Asset"
-									}), /* @__PURE__ */ _(ae, {
-										value: M,
-										onValueChange: P,
-										children: [/* @__PURE__ */ g(se, {
+									}), /* @__PURE__ */ h(ue, {
+										value: T,
+										onValueChange: D,
+										children: [/* @__PURE__ */ m(pe, {
 											id: "checkout-asset",
 											className: "w-full",
-											children: /* @__PURE__ */ g(ce, { placeholder: "Select an asset…" })
-										}), /* @__PURE__ */ g(S, { children: m.map((e) => /* @__PURE__ */ _(oe, {
+											children: /* @__PURE__ */ m(me, { placeholder: "Select an asset…" })
+										}), /* @__PURE__ */ m(de, { children: f.map((e) => /* @__PURE__ */ h(fe, {
 											value: e.id,
 											children: [
 												e.name,
@@ -485,48 +648,48 @@ function L() {
 										}, e.id)) })]
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ h("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ g(x, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "checkout-assignee",
 										children: "Assign to"
-									}), /* @__PURE__ */ g(b, {
+									}), /* @__PURE__ */ m(v, {
 										id: "checkout-assignee",
 										placeholder: "Name or email",
-										value: L,
-										onChange: (e) => R(e.target.value)
+										value: A,
+										onChange: (e) => j(e.target.value)
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ h("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ g(x, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "checkout-due",
 										children: "Due date"
-									}), /* @__PURE__ */ g(b, {
+									}), /* @__PURE__ */ m(v, {
 										id: "checkout-due",
 										type: "date",
-										value: z,
-										onChange: (e) => B(e.target.value)
+										value: M,
+										onChange: (e) => N(e.target.value)
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ h("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ g(x, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "checkout-notes",
 										children: "Notes"
-									}), /* @__PURE__ */ g(T, {
+									}), /* @__PURE__ */ m(ve, {
 										id: "checkout-notes",
 										placeholder: "Optional context for this checkout…",
 										rows: 3,
-										value: V,
-										onChange: (e) => H(e.target.value)
+										value: P,
+										onChange: (e) => F(e.target.value)
 									})]
 								}),
-								/* @__PURE__ */ _(v, {
+								/* @__PURE__ */ h(g, {
 									type: "submit",
 									className: "w-full",
-									disabled: K,
-									children: [/* @__PURE__ */ g(d, { className: "mr-2 h-4 w-4" }), K ? "Checking out…" : "Check Out Asset"]
+									disabled: ke,
+									children: [/* @__PURE__ */ m(u, { className: "mr-2 h-4 w-4" }), ke ? "Checking out…" : "Check Out Asset"]
 								})
 							]
 						})
@@ -537,6 +700,6 @@ function L() {
 	});
 }
 //#endregion
-export { L as AssetsAssetCheckInOutPage };
+export { A as AssetsAssetCheckInOutPage };
 
 //# sourceMappingURL=AssetsAssetCheckInOutPage.js.map