@burdenoff/microfe-assethandler 2026.1107.1 → 2026.1107.2

package/dist/assethandler/pages/FieldModePage.js

@@ -6,18 +6,20 @@ import { SectionHeader as i } from "../components/SectionHeader.js";
 import "../components/index.js";
 import { useTr as a } from "../hooks/useTr.js";
 import { CameraTagScanner as ee } from "../components/CameraTagScanner.js";
-import { FieldQueueFullError as te, projectedCustody as ne, projectedHolder as re } from "../utils/fieldQueue.js";
-import { browserStorage as o, useFieldQueue as ie } from "../hooks/useFieldQueue.js";
-import { fieldAssetCacheKey as ae, filterFieldAssets as oe, findFieldAsset as se, loadFieldAssets as ce, normalizeScannedTag as le, saveFieldAssets as ue, toFieldAsset as s } from "../utils/fieldAssetCache.js";
-import { useCallback as c, useEffect as l, useMemo as de, useRef as u, useState as d } from "react";
-import { ArrowDownToLine as fe, ArrowUpFromLine as pe, Camera as me, CloudOff as he, RefreshCw as ge, ScanLine as _e, Smartphone as ve, Trash2 as ye, Wifi as be } from "lucide-react";
-import { useSearchParams as xe } from "react-router";
-import { gql as f } from "@apollo/client";
-import { useApolloClient as Se } from "@apollo/client/react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Button as h, GlassCard as g, Input as _, Label as v, PagePurpose as Ce } from "@burdenoff/fe-libs/ui";
+import { fieldWorkOrderCacheKey as te, loadFieldWorkOrders as ne, saveFieldWorkOrders as re, technicianIdentities as ie, toFieldWorkOrder as ae, workOrdersForAsset as oe } from "../utils/fieldWorkOrders.js";
+import { FieldWorkOrderItem as se } from "../components/FieldWorkOrderItem.js";
+import { FieldQueueFullError as ce, projectedCustody as le, projectedHolder as ue, projectedWorkOrderStatus as de } from "../utils/fieldQueue.js";
+import { browserStorage as o, useFieldQueue as fe } from "../hooks/useFieldQueue.js";
+import { fieldAssetCacheKey as pe, filterFieldAssets as me, findFieldAsset as he, loadFieldAssets as ge, normalizeScannedTag as _e, saveFieldAssets as ve, toFieldAsset as s } from "../utils/fieldAssetCache.js";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { ArrowDownToLine as ye, ArrowUpFromLine as be, Camera as xe, CloudOff as Se, RefreshCw as Ce, ScanLine as we, Smartphone as Te, Trash2 as Ee, Wifi as De, Wrench as Oe } from "lucide-react";
+import { useSearchParams as ke } from "react-router";
+import { gql as p } from "@apollo/client";
+import { useApolloClient as Ae } from "@apollo/client/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, GlassCard as _, Input as v, Label as y, PagePurpose as je } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/FieldModePage.tsx
-var we = f`
+var Me = p`
   query AssetHandlerFieldAssets {
     assets {
       id
@@ -30,7 +32,7 @@ var we = f`
     }
   }
 `;
-function y(e) {
+function b(e) {
 	return s({
 		id: e.id,
 		name: e.name,
@@ -41,7 +43,19 @@ function y(e) {
 		status: e.status
 	});
 }
-var Te = f`
+var Ne = p`
+  query AssetHandlerFieldWorkOrders($filter: WorkOrderFilterInput, $limit: Int) {
+    workOrders(filter: $filter, pagination: { limit: $limit }) {
+      id
+      title
+      status
+      priority
+      assetId
+      assignedTo
+      checklist
+    }
+  }
+`, Pe = p`
   query AssetHandlerFieldAssetByTag($tagId: String!) {
     assetByTag(tagId: $tagId) {
       id
@@ -53,7 +67,7 @@ var Te = f`
       assignedTo
     }
   }
-`, Ee = f`
+`, Fe = p`
   query AssetHandlerFieldLatestAssignment($assetId: ID!) {
     assetAssignments(assetId: $assetId, pagination: { limit: 1 }) {
       id
@@ -61,364 +75,447 @@ var Te = f`
       assignedTo
     }
   }
-`, b = "assethandler.field.lastAssignee", De = 50;
-function Oe() {
+`, x = "assethandler.field.lastAssignee", Ie = 50;
+function Le() {
 	try {
-		return o()?.getItem(b) ?? "";
+		return o()?.getItem(x) ?? "";
 	} catch {
 		return "";
 	}
 }
-function ke(e) {
+function Re(e) {
 	try {
-		o()?.setItem(b, e);
+		o()?.setItem(x, e);
 	} catch {}
 }
-function x() {
+function S() {
 	let { workspaceId: e } = t();
-	return /* @__PURE__ */ p(S, { workspaceId: e }, e || "default");
+	return /* @__PURE__ */ m(C, { workspaceId: e }, e || "default");
 }
-function S({ workspaceId: s }) {
-	let f = a(), b = Se(), { currentUser: x } = t(), S = e((e) => e.refetchBootstrap), C = ae(s), [Ae] = d(() => ce(o(), C).assets), [je, w] = d(!1), [T, E] = d(""), [D, Me] = d(""), [O, Ne] = d(null), [k, A] = d(null), [j, Pe] = d(Oe), [M, N] = d(""), [Fe, P] = d(!1), F = u(null), I = u(null), L = u(0), [Ie, Le] = d(null), R = u(!1), z = u(0);
+function C({ workspaceId: s }) {
+	let p = a(), x = Ae(), { currentUser: S } = t(), C = e((e) => e.refetchBootstrap), w = pe(s), [ze] = f(() => ge(o(), w).assets), T = te(s), [E, Be] = f(() => ne(o(), T).workOrders), D = u(() => ie(S), [S]), O = D.join("\0"), [Ve, k] = f(!1), [He, A] = f(""), [j, Ue] = f(""), [M, We] = f(null), [N, Ge] = f(null), [Ke, qe] = f(Le), [P, F] = f(""), [Je, I] = f(!1), Ye = d(null), Xe = d(null), L = d(0), [Ze, Qe] = f(null), R = d(!1), z = d(0), B = d(0);
 	l(() => (R.current = !0, () => {
-		R.current = !1, z.current += 1;
+		R.current = !1, z.current += 1, B.current += 1;
 	}), []);
-	let B = c(() => {
+	let V = c(() => {
+		if (!R.current) return;
+		let e = O ? O.split("\0") : [];
+		if (e.length === 0) return;
+		B.current += 1;
+		let t = B.current;
+		x.query({
+			query: Ne,
+			variables: {
+				filter: {
+					openOnly: !0,
+					assignedToIn: e
+				},
+				limit: 100
+			},
+			fetchPolicy: "network-only"
+		}).then((e) => {
+			if (!R.current || B.current !== t || !e.data?.workOrders) return;
+			let n = e.data.workOrders.map(ae);
+			Be(n), re(o(), T, n);
+		}, () => {});
+	}, [
+		x,
+		O,
+		T
+	]), H = c(() => {
 		if (!R.current) return;
 		z.current += 1;
 		let e = z.current;
-		b.query({
-			query: we,
+		x.query({
+			query: Me,
 			fetchPolicy: "network-only"
 		}).then((t) => {
 			if (!R.current || z.current !== e || !t.data?.assets) return;
-			let n = t.data.assets.map(y);
-			Le(n), ue(o(), C, n);
+			let n = t.data.assets.map(b);
+			Qe(n), ve(o(), w, n);
 		}, () => {});
-	}, [b, C]), V = c(async (e, t) => {
+	}, [x, w]), U = c(async (e, t) => {
 		let n = {
 			checkedOut: e.assignedTo !== "",
 			holder: e.assignedTo,
 			confirmed: !1
 		};
-		if (I.current = e.id, A(n), t) try {
-			let t = await b.query({
-				query: Ee,
+		if (Xe.current = e.id, Ge(n), t) try {
+			let t = await x.query({
+				query: Fe,
 				variables: { assetId: e.id },
 				fetchPolicy: "network-only"
 			});
-			if (I.current !== e.id) return;
+			if (Xe.current !== e.id) return;
 			let n = t.data?.assetAssignments?.[0];
-			A({
+			Ge({
 				checkedOut: !!n && n.status !== "RETURNED",
 				holder: n && n.status !== "RETURNED" ? n.assignedTo : "",
 				confirmed: !0
 			});
 		} catch {}
-	}, [b]), { queue: H, pending: U, online: W, syncing: G, sendingId: K, persisted: Re, enqueue: ze, syncNow: Be, remove: Ve, retry: He } = ie({
+	}, [x]), { queue: W, pending: $e, online: G, syncing: et, sendingId: tt, persisted: nt, enqueue: rt, syncNow: it, remove: at, retry: ot } = fe({
 		workspaceId: s,
-		client: b,
+		client: x,
 		onFlushed: (e) => {
-			e.synced.length > 0 && (r.success(f("assethandler.field.synced", "{{count}} field action(s) synced", { count: e.synced.length })), S(), B());
-			for (let t of e.rejected) r.error(f("assethandler.field.rejected", "Could not apply action for {{asset}}", { asset: t.assetName }), t.lastError);
-			O && V(O, !0);
+			e.synced.length > 0 && (r.success(p("assethandler.field.synced", "{{count}} field action(s) synced", { count: e.synced.length })), C(), H(), V());
+			for (let t of e.rejected) r.error(p("assethandler.field.rejected", "Could not apply action for {{asset}}", { asset: t.assetName }), t.lastError);
+			M && U(M, !0);
 		}
 	});
 	l(() => {
-		W && B();
-	}, [W, B]);
-	let q = Ie ?? Ae, J = c((e) => {
-		L.current += 1, P(!1), Ne(e), N(""), V(e, W);
-	}, [V, W]), Y = c(async (e) => {
-		let t = le(e);
+		G && H();
+	}, [G, H]), l(() => {
+		G && V();
+	}, [G, V]);
+	let K = Ze ?? ze, q = c((e) => {
+		L.current += 1, I(!1), We(e), F(""), U(e, G);
+	}, [U, G]), J = c(async (e) => {
+		let t = _e(e);
 		if (!t) {
-			r.warning(f("assethandler.field.enterTag", "Enter a tag"), f("assethandler.field.enterTagHint", "Scan or type the asset tag to continue."));
+			r.warning(p("assethandler.field.enterTag", "Enter a tag"), p("assethandler.field.enterTagHint", "Scan or type the asset tag to continue."));
 			return;
 		}
-		let n = se(q, t);
+		let n = he(K, t);
 		if (n) {
-			J(n), E("");
+			q(n), A("");
 			return;
 		}
-		if (!W) {
-			r.warning(f("assethandler.field.unknownOffline", "Tag not in the offline registry"), f("assethandler.field.unknownOfflineHint", "Reconnect once so this device can refresh its copy of the registry."));
+		if (!G) {
+			r.warning(p("assethandler.field.unknownOffline", "Tag not in the offline registry"), p("assethandler.field.unknownOfflineHint", "Reconnect once so this device can refresh its copy of the registry."));
 			return;
 		}
 		L.current += 1;
 		let i = L.current, a = () => L.current === i;
-		P(!0);
+		I(!0);
 		try {
-			let e = await b.query({
-				query: Te,
+			let e = await x.query({
+				query: Pe,
 				variables: { tagId: t },
 				fetchPolicy: "network-only"
 			});
 			if (!a()) return;
 			let n = e.data?.assetByTag;
 			if (!n) {
-				r.error(f("assethandler.field.notFound", "No asset found"), f("assethandler.field.notFoundHint", "No asset matches tag \"{{tag}}\".", { tag: t }));
+				r.error(p("assethandler.field.notFound", "No asset found"), p("assethandler.field.notFoundHint", "No asset matches tag \"{{tag}}\".", { tag: t }));
 				return;
 			}
-			J(y(n)), E("");
+			q(b(n)), A("");
 		} catch (e) {
 			if (!a()) return;
-			r.error(f("assethandler.field.lookupFailed", "Tag lookup failed"), e instanceof Error ? e.message : void 0);
+			r.error(p("assethandler.field.lookupFailed", "Tag lookup failed"), e instanceof Error ? e.message : void 0);
 		} finally {
-			a() && P(!1);
+			a() && I(!1);
 		}
 	}, [
-		b,
+		x,
+		K,
+		G,
 		q,
-		W,
-		J,
-		f
-	]), [Ue] = xe(), X = Ue.get("tag")?.trim() ?? "", We = u("");
+		p
+	]), [st] = ke(), Y = st.get("tag")?.trim() ?? "", ct = d("");
 	l(() => {
-		!X || We.current === X || (We.current = X, Y(X));
-	}, [X, Y]);
-	let Ge = c((e) => {
-		w(!1), Y(e);
-	}, [Y]), Z = O ? ne(H, O.tagId, k?.checkedOut ?? !1) : !1, Ke = O ? re(H, O.tagId, k?.holder ?? "") : "", qe = (e) => {
-		if (!O) return;
-		let t = j.trim();
-		if (e === "CHECK_OUT" && !t) {
-			r.warning(f("assethandler.field.assigneeRequired", "Recipient required"), f("assethandler.field.assigneeRequiredHint", "Enter who is receiving the asset."));
-			return;
-		}
+		!Y || ct.current === Y || (ct.current = Y, J(Y));
+	}, [Y, J]);
+	let lt = c((e) => {
+		k(!1), J(e);
+	}, [J]), X = M ? le(W, M.tagId, N?.checkedOut ?? !1) : !1, ut = M ? ue(W, M.tagId, N?.holder ?? "") : "", Z = (e) => {
 		try {
-			ze({
-				kind: e,
-				tagId: O.tagId,
-				assetName: O.name,
-				...e === "CHECK_OUT" ? { assignedTo: t } : {},
-				...M.trim() ? { notes: M.trim() } : {}
-			});
+			rt(e);
 		} catch (e) {
-			if (e instanceof te) {
-				r.error(f("assethandler.field.queueFull", "Offline queue is full"), f("assethandler.field.queueFullHint", "Reconnect to sync the queued actions before recording more."));
-				return;
-			}
+			if (e instanceof ce) return r.error(p("assethandler.field.queueFull", "Offline queue is full"), p("assethandler.field.queueFullHint", "Reconnect to sync the queued actions before recording more.")), !1;
 			throw e;
 		}
-		e === "CHECK_OUT" && ke(t), N(""), W || r.info(f("assethandler.field.savedOffline", "Saved on this device"), f("assethandler.field.savedOfflineHint", "It will sync automatically when you are back online.")), F.current?.focus();
-	}, Q = de(() => oe(q, D).slice(0, De), [q, D]), $ = (e) => e === "CHECK_OUT" ? f("assethandler.field.kind.checkOut", "Check out") : f("assethandler.field.kind.checkIn", "Check in");
-	return /* @__PURE__ */ m("div", {
+		return G || r.info(p("assethandler.field.savedOffline", "Saved on this device"), p("assethandler.field.savedOfflineHint", "It will sync automatically when you are back online.")), !0;
+	}, dt = (e) => {
+		if (!M) return;
+		let t = Ke.trim();
+		if (e === "CHECK_OUT" && !t) {
+			r.warning(p("assethandler.field.assigneeRequired", "Recipient required"), p("assethandler.field.assigneeRequiredHint", "Enter who is receiving the asset."));
+			return;
+		}
+		Z({
+			kind: e,
+			tagId: M.tagId,
+			assetName: M.name,
+			...e === "CHECK_OUT" ? { assignedTo: t } : {},
+			...P.trim() ? { notes: P.trim() } : {}
+		}) && (e === "CHECK_OUT" && Re(t), F(""), Ye.current?.focus());
+	}, ft = u(() => new Map(K.map((e) => [e.id, e])), [K]), pt = (e) => ({
+		tagId: ft.get(e.assetId)?.tagId ?? "",
+		assetName: e.title,
+		workOrderId: e.id
+	}), mt = (e) => {
+		Z({
+			kind: "WO_START",
+			...pt(e)
+		});
+	}, ht = (e, t) => Z({
+		kind: "WO_COMPLETE",
+		...pt(e),
+		...t.notes ? { notes: t.notes } : {},
+		...t.actualCost === void 0 ? {} : { actualCost: t.actualCost },
+		checklist: t.checklist
+	}), gt = (e, t) => /* @__PURE__ */ m(se, {
+		workOrder: e,
+		projectedStatus: de(W, e.id, e.status),
+		queued: W.some((t) => t.workOrderId === e.id && t.state === "pending"),
+		assetName: t ? ft.get(e.assetId)?.name : void 0,
+		onStart: mt,
+		onComplete: ht
+	}, e.id), _t = M ? oe(E, M.id) : [], Q = u(() => me(K, j).slice(0, Ie), [K, j]), $ = (e) => {
+		switch (e) {
+			case "CHECK_OUT": return p("assethandler.field.kind.checkOut", "Check out");
+			case "CHECK_IN": return p("assethandler.field.kind.checkIn", "Check in");
+			case "WO_START": return p("assethandler.field.kind.woStart", "Start work");
+			case "WO_COMPLETE": return p("assethandler.field.kind.woComplete", "Complete work order");
+		}
+	};
+	return /* @__PURE__ */ h("div", {
 		className: "mx-auto max-w-2xl space-y-4 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ p(i, {
+			/* @__PURE__ */ m(i, {
 				hero: !0,
-				icon: ve,
-				title: f("assethandler.field.title", "Field Mode"),
-				description: f("assethandler.field.description", "Scan, check out and check in assets on site, with or without signal")
+				icon: Te,
+				title: p("assethandler.field.title", "Field Mode"),
+				description: p("assethandler.field.description", "Scan, check out and check in assets on site, with or without signal")
 			}),
-			/* @__PURE__ */ p(Ce, { children: f("assethandler.field.purpose", "Built for the phone in your hand. Scan a tag to open the asset, then check it out or in with one tap. Actions are saved on this device first and sync automatically, so a dead spot never loses a record.") }),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ m(je, { children: p("assethandler.field.purpose", "Built for the phone in your hand. Scan a tag to open the asset, then check it out or in with one tap. Actions are saved on this device first and sync automatically, so a dead spot never loses a record.") }),
+			/* @__PURE__ */ h("div", {
 				role: "status",
 				"data-testid": "field-connectivity",
-				className: n("flex flex-wrap items-center justify-between gap-2 rounded-xl px-3 py-2 text-sm", W ? "bg-status-success-subtle text-status-success-text" : "bg-status-warning-subtle text-status-warning-text"),
-				children: [/* @__PURE__ */ m("span", {
+				className: n("flex flex-wrap items-center justify-between gap-2 rounded-xl px-3 py-2 text-sm", G ? "bg-status-success-subtle text-status-success-text" : "bg-status-warning-subtle text-status-warning-text"),
+				children: [/* @__PURE__ */ h("span", {
 					className: "flex items-center gap-2 font-medium",
-					children: [p(W ? be : he, {
+					children: [m(G ? De : Se, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
-					}), W ? f("assethandler.field.online", "Online") : f("assethandler.field.offline", "Offline — actions are saved on this device")]
-				}), /* @__PURE__ */ m("span", {
+					}), G ? p("assethandler.field.online", "Online") : p("assethandler.field.offline", "Offline — actions are saved on this device")]
+				}), /* @__PURE__ */ h("span", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ p("span", {
+					children: [/* @__PURE__ */ m("span", {
 						"data-testid": "field-pending-count",
-						children: f("assethandler.field.pending", "{{count}} waiting to sync", { count: U })
-					}), U > 0 && W ? /* @__PURE__ */ m(h, {
+						children: p("assethandler.field.pending", "{{count}} waiting to sync", { count: $e })
+					}), $e > 0 && G ? /* @__PURE__ */ h(g, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
-						onClick: () => void Be(),
-						disabled: G,
-						children: [/* @__PURE__ */ p(ge, {
-							className: n("h-4 w-4", G && "animate-spin"),
+						onClick: () => void it(),
+						disabled: et,
+						children: [/* @__PURE__ */ m(Ce, {
+							className: n("h-4 w-4", et && "animate-spin"),
 							"aria-hidden": "true"
-						}), f("assethandler.field.syncNow", "Sync now")]
+						}), p("assethandler.field.syncNow", "Sync now")]
 					}) : null]
 				})]
 			}),
-			Re ? null : /* @__PURE__ */ p("p", {
+			nt ? null : /* @__PURE__ */ m("p", {
 				role: "alert",
 				className: "text-sm text-status-error-text",
-				children: f("assethandler.field.notPersisted", "This browser is not letting the app save data, so queued actions will be lost if you close the page. Stay on this page until they sync.")
+				children: p("assethandler.field.notPersisted", "This browser is not letting the app save data, so queued actions will be lost if you close the page. Stay on this page until they sync.")
 			}),
-			/* @__PURE__ */ m(g, {
+			/* @__PURE__ */ h(_, {
 				className: "space-y-3 p-4",
 				children: [
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
-						children: [/* @__PURE__ */ p(_e, {
+						children: [/* @__PURE__ */ m(we, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
-						}), f("assethandler.field.scanTitle", "Scan a tag")]
+						}), p("assethandler.field.scanTitle", "Scan a tag")]
 					}),
-					je ? /* @__PURE__ */ p(ee, {
-						onDetected: Ge,
-						onClose: () => w(!1)
-					}) : /* @__PURE__ */ m(h, {
+					Ve ? /* @__PURE__ */ m(ee, {
+						onDetected: lt,
+						onClose: () => k(!1)
+					}) : /* @__PURE__ */ h(g, {
 						type: "button",
 						className: "h-14 w-full text-base",
-						onClick: () => w(!0),
-						children: [/* @__PURE__ */ p(me, {
+						onClick: () => k(!0),
+						children: [/* @__PURE__ */ m(xe, {
 							className: "h-5 w-5",
 							"aria-hidden": "true"
-						}), f("assethandler.field.openCamera", "Scan with camera")]
+						}), p("assethandler.field.openCamera", "Scan with camera")]
 					}),
-					/* @__PURE__ */ m("form", {
+					/* @__PURE__ */ h("form", {
 						className: "flex gap-2",
 						onSubmit: (e) => {
-							e.preventDefault(), Y(T);
+							e.preventDefault(), J(He);
 						},
 						children: [
-							/* @__PURE__ */ p(v, {
+							/* @__PURE__ */ m(y, {
 								htmlFor: "field-tag-input",
 								className: "sr-only",
-								children: f("assethandler.field.tagLabel", "Asset tag")
+								children: p("assethandler.field.tagLabel", "Asset tag")
 							}),
-							/* @__PURE__ */ p(_, {
+							/* @__PURE__ */ m(v, {
 								id: "field-tag-input",
-								ref: F,
-								value: T,
-								onChange: (e) => E(e.target.value),
-								placeholder: f("assethandler.field.tagPlaceholder", "Type or scan a tag"),
+								ref: Ye,
+								value: He,
+								onChange: (e) => A(e.target.value),
+								placeholder: p("assethandler.field.tagPlaceholder", "Type or scan a tag"),
 								autoComplete: "off",
 								autoCapitalize: "off",
 								enterKeyHint: "search",
 								className: "h-12 flex-1"
 							}),
-							/* @__PURE__ */ p(h, {
+							/* @__PURE__ */ m(g, {
 								type: "submit",
 								variant: "outline",
 								className: "h-12",
-								disabled: Fe,
-								children: f("assethandler.field.find", "Find")
+								disabled: Je,
+								children: p("assethandler.field.find", "Find")
 							})
 						]
 					})
 				]
 			}),
-			O ? /* @__PURE__ */ m(g, {
+			M ? /* @__PURE__ */ h(_, {
 				className: "space-y-4 p-4",
 				"data-testid": "field-selected-asset",
 				children: [
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "flex items-start justify-between gap-3",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ p("h2", {
+							children: [/* @__PURE__ */ m("h2", {
 								className: "truncate text-lg font-semibold text-text-primary",
-								children: O.name
-							}), /* @__PURE__ */ m("p", {
+								children: M.name
+							}), /* @__PURE__ */ h("p", {
 								className: "truncate text-xs text-text-secondary",
-								children: [f("assethandler.field.tagValue", "Tag {{tag}}", { tag: O.tagId }), O.location ? ` · ${O.location}` : ""]
+								children: [p("assethandler.field.tagValue", "Tag {{tag}}", { tag: M.tagId }), M.location ? ` · ${M.location}` : ""]
 							})]
-						}), /* @__PURE__ */ p("span", {
+						}), /* @__PURE__ */ m("span", {
 							"data-testid": "field-custody",
-							className: n("shrink-0 rounded-full px-2.5 py-0.5 text-xs font-medium", Z ? "bg-status-warning-subtle text-status-warning-text" : "bg-status-success-subtle text-status-success-text"),
-							children: Z ? f("assethandler.field.checkedOut", "Checked out") : f("assethandler.field.available", "Available")
+							className: n("shrink-0 rounded-full px-2.5 py-0.5 text-xs font-medium", X ? "bg-status-warning-subtle text-status-warning-text" : "bg-status-success-subtle text-status-success-text"),
+							children: X ? p("assethandler.field.checkedOut", "Checked out") : p("assethandler.field.available", "Available")
 						})]
 					}),
-					Ke && Z ? /* @__PURE__ */ p("p", {
+					ut && X ? /* @__PURE__ */ m("p", {
 						className: "text-sm text-text-secondary",
-						children: f("assethandler.field.heldBy", "Held by {{holder}}", { holder: Ke })
+						children: p("assethandler.field.heldBy", "Held by {{holder}}", { holder: ut })
 					}) : null,
-					k && !k.confirmed ? /* @__PURE__ */ p("p", {
+					N && !N.confirmed ? /* @__PURE__ */ m("p", {
 						className: "text-xs text-text-secondary",
-						children: f("assethandler.field.unconfirmed", "Custody shown from this device’s last sync; the server confirms it when the action syncs.")
+						children: p("assethandler.field.unconfirmed", "Custody shown from this device’s last sync; the server confirms it when the action syncs.")
 					}) : null,
-					Z ? null : /* @__PURE__ */ m("div", {
+					X ? null : /* @__PURE__ */ h("div", {
 						className: "space-y-1",
-						children: [/* @__PURE__ */ p(v, {
+						children: [/* @__PURE__ */ m(y, {
 							htmlFor: "field-assignee",
-							children: f("assethandler.field.assignee", "Checking out to")
-						}), /* @__PURE__ */ p(_, {
+							children: p("assethandler.field.assignee", "Checking out to")
+						}), /* @__PURE__ */ m(v, {
 							id: "field-assignee",
-							value: j,
-							onChange: (e) => Pe(e.target.value),
-							placeholder: x?.email ?? "name@company.com",
+							value: Ke,
+							onChange: (e) => qe(e.target.value),
+							placeholder: S?.email ?? "name@company.com",
 							autoComplete: "email",
 							className: "h-12"
 						})]
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "space-y-1",
-						children: [/* @__PURE__ */ p(v, {
+						children: [/* @__PURE__ */ m(y, {
 							htmlFor: "field-notes",
-							children: f("assethandler.field.notes", "Notes (optional)")
-						}), /* @__PURE__ */ p(_, {
+							children: p("assethandler.field.notes", "Notes (optional)")
+						}), /* @__PURE__ */ m(v, {
 							id: "field-notes",
-							value: M,
-							onChange: (e) => N(e.target.value),
-							placeholder: f("assethandler.field.notesPlaceholder", "Condition, location, job…"),
+							value: P,
+							onChange: (e) => F(e.target.value),
+							placeholder: p("assethandler.field.notesPlaceholder", "Condition, location, job…"),
 							className: "h-12"
 						})]
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "grid grid-cols-2 gap-3",
-						children: [/* @__PURE__ */ m(h, {
+						children: [/* @__PURE__ */ h(g, {
 							type: "button",
 							className: "h-14 text-base",
-							variant: Z ? "outline" : "default",
-							onClick: () => qe("CHECK_OUT"),
-							children: [/* @__PURE__ */ p(pe, {
+							variant: X ? "outline" : "default",
+							onClick: () => dt("CHECK_OUT"),
+							children: [/* @__PURE__ */ m(be, {
 								className: "h-5 w-5",
 								"aria-hidden": "true"
 							}), $("CHECK_OUT")]
-						}), /* @__PURE__ */ m(h, {
+						}), /* @__PURE__ */ h(g, {
 							type: "button",
 							className: "h-14 text-base",
-							variant: Z ? "default" : "outline",
-							onClick: () => qe("CHECK_IN"),
-							children: [/* @__PURE__ */ p(fe, {
+							variant: X ? "default" : "outline",
+							onClick: () => dt("CHECK_IN"),
+							children: [/* @__PURE__ */ m(ye, {
 								className: "h-5 w-5",
 								"aria-hidden": "true"
 							}), $("CHECK_IN")]
 						})]
-					})
+					}),
+					_t.length > 0 ? /* @__PURE__ */ h("div", {
+						className: "space-y-2",
+						"data-testid": "field-asset-work-orders",
+						children: [/* @__PURE__ */ m("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: p("assethandler.field.wo.forAsset", "Your work orders on this asset")
+						}), /* @__PURE__ */ m("ul", {
+							className: "space-y-2",
+							children: _t.map((e) => gt(e, !1))
+						})]
+					}) : null
 				]
 			}) : null,
-			H.length > 0 ? /* @__PURE__ */ m(g, {
+			/* @__PURE__ */ h(_, {
+				className: "space-y-3 p-4",
+				"data-testid": "field-work-orders",
+				children: [/* @__PURE__ */ h("h2", {
+					className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+					children: [/* @__PURE__ */ m(Oe, {
+						className: "h-4 w-4",
+						"aria-hidden": "true"
+					}), p("assethandler.field.wo.title", "My open work orders")]
+				}), E.length === 0 ? /* @__PURE__ */ m("p", {
+					className: "py-2 text-center text-sm text-text-secondary",
+					children: D.length === 0 ? p("assethandler.field.wo.noIdentity", "Sign in to see the work orders assigned to you.") : p("assethandler.field.wo.empty", "No open work orders are assigned to you. Open this page while online to refresh them.")
+				}) : /* @__PURE__ */ m("ul", {
+					className: "space-y-2",
+					children: E.map((e) => gt(e, !0))
+				})]
+			}),
+			W.length > 0 ? /* @__PURE__ */ h(_, {
 				className: "space-y-2 p-4",
 				"data-testid": "field-queue",
-				children: [/* @__PURE__ */ p("h2", {
+				children: [/* @__PURE__ */ m("h2", {
 					className: "text-sm font-semibold text-text-primary",
-					children: f("assethandler.field.queueTitle", "On this device")
-				}), /* @__PURE__ */ p("ul", {
+					children: p("assethandler.field.queueTitle", "On this device")
+				}), /* @__PURE__ */ m("ul", {
 					className: "divide-y divide-border-seam",
-					children: H.map((e) => /* @__PURE__ */ m("li", {
+					children: W.map((e) => /* @__PURE__ */ h("li", {
 						className: "flex items-center justify-between gap-3 py-2",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ m("p", {
+							children: [/* @__PURE__ */ h("p", {
 								className: "truncate text-sm text-text-primary",
 								children: [
 									$(e.kind),
 									" · ",
 									e.assetName
 								]
-							}), /* @__PURE__ */ p("p", {
+							}), /* @__PURE__ */ m("p", {
 								className: n("truncate text-xs", e.state === "rejected" ? "text-status-error-text" : "text-text-secondary"),
-								children: e.state === "rejected" ? e.lastError ?? f("assethandler.field.refused", "Refused by the server") : e.id === K ? f("assethandler.field.sending", "Sending…") : new Date(e.scannedAt).toLocaleString()
+								children: e.state === "rejected" ? e.lastError ?? p("assethandler.field.refused", "Refused by the server") : e.id === tt ? p("assethandler.field.sending", "Sending…") : new Date(e.scannedAt).toLocaleString()
 							})]
-						}), /* @__PURE__ */ m("div", {
+						}), /* @__PURE__ */ h("div", {
 							className: "flex shrink-0 gap-1",
-							children: [e.state === "rejected" ? /* @__PURE__ */ p(h, {
+							children: [e.state === "rejected" ? /* @__PURE__ */ m(g, {
 								type: "button",
 								size: "sm",
 								variant: "outline",
-								onClick: () => He(e.id),
-								children: f("assethandler.field.retry", "Retry")
-							}) : null, /* @__PURE__ */ p(h, {
+								onClick: () => ot(e.id),
+								children: p("assethandler.field.retry", "Retry")
+							}) : null, /* @__PURE__ */ m(g, {
 								type: "button",
 								size: "icon",
 								variant: "ghost",
-								onClick: () => Ve(e.id),
-								disabled: e.id === K,
-								"aria-label": f("assethandler.field.discard", "Discard queued action"),
-								children: /* @__PURE__ */ p(ye, {
+								onClick: () => at(e.id),
+								disabled: e.id === tt,
+								"aria-label": p("assethandler.field.discard", "Discard queued action"),
+								children: /* @__PURE__ */ m(Ee, {
 									className: "h-4 w-4",
 									"aria-hidden": "true"
 								})
@@ -427,41 +524,41 @@ function S({ workspaceId: s }) {
 					}, e.id))
 				})]
 			}) : null,
-			/* @__PURE__ */ m(g, {
+			/* @__PURE__ */ h(_, {
 				className: "space-y-3 p-4",
 				children: [
-					/* @__PURE__ */ p(v, {
+					/* @__PURE__ */ m(y, {
 						htmlFor: "field-search",
 						className: "text-sm font-semibold",
-						children: f("assethandler.field.browse", "Browse assets")
+						children: p("assethandler.field.browse", "Browse assets")
 					}),
-					/* @__PURE__ */ p(_, {
+					/* @__PURE__ */ m(v, {
 						id: "field-search",
-						value: D,
-						onChange: (e) => Me(e.target.value),
-						placeholder: f("assethandler.field.searchPlaceholder", "Name, tag, location or holder"),
+						value: j,
+						onChange: (e) => Ue(e.target.value),
+						placeholder: p("assethandler.field.searchPlaceholder", "Name, tag, location or holder"),
 						className: "h-12"
 					}),
-					Q.length === 0 ? /* @__PURE__ */ p("p", {
+					Q.length === 0 ? /* @__PURE__ */ m("p", {
 						className: "py-4 text-center text-sm text-text-secondary",
-						children: q.length === 0 ? f("assethandler.field.noAssets", "No assets on this device yet. Open this page once while online to load the registry.") : f("assethandler.field.noMatches", "No assets match your search.")
-					}) : /* @__PURE__ */ p("ul", {
+						children: K.length === 0 ? p("assethandler.field.noAssets", "No assets on this device yet. Open this page once while online to load the registry.") : p("assethandler.field.noMatches", "No assets match your search.")
+					}) : /* @__PURE__ */ m("ul", {
 						className: "space-y-2",
 						"data-testid": "field-asset-list",
-						children: Q.map((e) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m("button", {
+						children: Q.map((e) => /* @__PURE__ */ m("li", { children: /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: () => J(e),
-							className: n("flex min-h-14 w-full items-center justify-between gap-3 rounded-xl border border-border-seam px-3 py-2 text-left transition-colors hover:bg-bg-sunken", O?.id === e.id && "border-action-primary-bg"),
-							children: [/* @__PURE__ */ m("span", {
+							onClick: () => q(e),
+							className: n("flex min-h-14 w-full items-center justify-between gap-3 rounded-xl border border-border-seam px-3 py-2 text-left transition-colors hover:bg-bg-sunken", M?.id === e.id && "border-action-primary-bg"),
+							children: [/* @__PURE__ */ h("span", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "block truncate text-sm font-medium text-text-primary",
 									children: e.name
-								}), /* @__PURE__ */ m("span", {
+								}), /* @__PURE__ */ h("span", {
 									className: "block truncate text-xs text-text-secondary",
 									children: [e.assetTag || e.tagId, e.location ? ` · ${e.location}` : ""]
 								})]
-							}), e.assignedTo ? /* @__PURE__ */ p("span", {
+							}), e.assignedTo ? /* @__PURE__ */ m("span", {
 								className: "max-w-[40%] shrink-0 truncate rounded-full bg-status-warning-subtle px-2 py-0.5 text-[11px] text-status-warning-text",
 								children: e.assignedTo
 							}) : null]
@@ -473,6 +570,6 @@ function S({ workspaceId: s }) {
 	});
 }
 //#endregion
-export { x as FieldModePage };
+export { S as FieldModePage };
 
 //# sourceMappingURL=FieldModePage.js.map