@naisys/erp 3.0.2 → 3.0.3

package/client-dist/assets/{index-D5R6NBeW.js → index-CiuQ3CYv.js}

@@ -650,6 +650,12 @@ function useAuth() {
 	return ctx;
 }
 //#endregion
+//#region src/lib/userLabel.ts
+/** Format a user as "Title (username)" — falls back to just `username` when no title. */
+function formatUserLabel(username, title) {
+	return title ? `${title} (${username})` : username;
+}
+//#endregion
 //#region src/components/error/RouteErrorPage.tsx
 var RouteErrorPage = ({ error }) => {
 	const navigate = useNavigate();
@@ -1326,8 +1332,10 @@ var StepRunSchema = object({
 	fieldValues: array(FieldValueEntrySchema).optional(),
 	createdAt: datetime(),
 	createdBy: string(),
+	createdByTitle: string(),
 	updatedAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	_links: array(HateoasLinkSchema).optional(),
 	_actions: array(HateoasActionSchema).optional(),
 	_actionTemplates: array(HateoasActionTemplateSchema).optional()
@@ -1361,6 +1369,7 @@ object({
 	note: string().nullable(),
 	updatedAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	_actions: array(HateoasActionSchema).optional(),
 	_actionTemplates: array(HateoasActionTemplateSchema).optional()
 });
@@ -1383,8 +1392,10 @@ var ItemInstanceSchema = object({
 	quantity: number().nullable(),
 	fieldValues: array(FieldValueEntrySchema),
 	createdBy: string(),
+	createdByTitle: string(),
 	createdAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	updatedAt: datetime(),
 	_links: array(HateoasLinkSchema).optional(),
 	_actions: array(HateoasActionSchema).optional(),
@@ -1435,8 +1446,10 @@ var FieldSchema = object({
 	required: boolean(),
 	createdAt: datetime(),
 	createdBy: string(),
+	createdByTitle: string(),
 	updatedAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	_links: array(HateoasLinkSchema).optional(),
 	_actions: array(HateoasActionSchema).optional()
 });
@@ -1471,8 +1484,10 @@ var ItemSchema = object({
 	description: string(),
 	fields: FieldListResponseSchema,
 	createdBy: string(),
+	createdByTitle: string(),
 	createdAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	updatedAt: datetime(),
 	_links: array(HateoasLinkSchema).optional(),
 	_actions: array(HateoasActionSchema).optional()
@@ -1516,6 +1531,7 @@ var FieldRefSchema = object({
 	fields: array(FieldRefFieldSchema),
 	createdAt: datetime(),
 	createdBy: string(),
+	createdByTitle: string(),
 	_links: array(HateoasLinkSchema).optional(),
 	_actions: array(HateoasActionSchema).optional()
 });
@@ -1565,8 +1581,10 @@ var OperationSchema = object({
 	predecessors: array(OperationPredecessorSchema).optional(),
 	createdAt: datetime(),
 	createdBy: string(),
+	createdByTitle: string(),
 	updatedAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	_links: array(HateoasLinkSchema).optional(),
 	_actions: array(HateoasActionSchema).optional()
 });
@@ -1621,6 +1639,7 @@ var OperationRunSchema = object({
 	predecessors: array(OperationPredecessorSchema).optional(),
 	status: OperationRunStatusEnum,
 	assignedTo: string().nullable(),
+	assignedToTitle: string().nullable(),
 	cost: number().nullable(),
 	tokens: number().nullable(),
 	note: string().nullable(),
@@ -1629,8 +1648,10 @@ var OperationRunSchema = object({
 	fieldRefSummary: array(FieldRefValueSummarySchema).optional(),
 	createdAt: datetime(),
 	createdBy: string(),
+	createdByTitle: string(),
 	updatedAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	_links: array(HateoasLinkSchema).optional(),
 	_actions: array(HateoasActionSchema).optional()
 });
@@ -1644,12 +1665,14 @@ object({
 	id: number(),
 	status: OperationRunStatusEnum,
 	assignedTo: string().nullable(),
+	assignedToTitle: string().nullable(),
 	cost: number().nullable(),
 	tokens: number().nullable(),
 	note: string().nullable(),
 	completedAt: datetime().nullable(),
 	updatedAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	_actions: array(HateoasActionSchema).optional()
 });
 object({
@@ -1682,8 +1705,10 @@ var OrderRevisionSchema = object({
 	operationSummary: array(RevisionOperationSummarySchema).optional(),
 	createdAt: datetime(),
 	createdBy: string(),
+	createdByTitle: string(),
 	updatedAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	_links: array(HateoasLinkSchema).optional(),
 	_actions: array(HateoasActionSchema).optional()
 });
@@ -1748,8 +1773,10 @@ var OrderRunSchema = object({
 	operationSummary: array(OperationRunSummarySchema).optional(),
 	createdAt: datetime(),
 	createdBy: string(),
+	createdByTitle: string(),
 	updatedAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	_links: array(HateoasLinkSchema).optional(),
 	_actions: array(HateoasActionSchema).optional()
 });
@@ -1791,7 +1818,7 @@ object({
 object({
 	...paginationQuery(),
 	status: OperationRunStatusEnum.optional(),
-	priority: OrderRunPriorityEnum.optional(),
+	workCenter: string().optional(),
 	search: string().optional(),
 	viewAs: string().optional(),
 	canWork: union([literal("true"), literal("false")]).transform((v) => v === "true").optional(),
@@ -1808,8 +1835,8 @@ object({
 		workCenterKey: string().nullable(),
 		canWork: boolean(),
 		status: OperationRunStatusEnum,
-		priority: OrderRunPriorityEnum,
 		assignedTo: string().nullable(),
+		assignedToTitle: string().nullable(),
 		dueAt: string().nullable(),
 		createdAt: datetime()
 	})),
@@ -1908,7 +1935,8 @@ var OperationDependencySchema = object({
 	predecessorSeqNo: number(),
 	predecessorTitle: string(),
 	createdAt: datetime(),
-	createdBy: string()
+	createdBy: string(),
+	createdByTitle: string()
 });
 var CreateOperationDependencySchema = object({ predecessorSeqNo: number().int().min(1) }).strict();
 object({
@@ -1933,6 +1961,7 @@ var OperationRunCommentSchema = object({
 	body: string(),
 	createdAt: datetime(),
 	createdBy: string(),
+	createdByTitle: string(),
 	_links: array(HateoasLinkSchema).optional()
 });
 object({
@@ -1958,8 +1987,10 @@ var OrderSchema = object({
 	itemKey: string().nullable(),
 	latestApprovedRevNo: number().int().nullable().optional(),
 	createdBy: string(),
+	createdByTitle: string(),
 	createdAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	updatedAt: datetime(),
 	_links: array(HateoasLinkSchema).optional(),
 	_actions: array(HateoasActionSchema).optional()
@@ -1994,8 +2025,10 @@ object({
 var WorkCenterUserSchema = object({
 	userId: number(),
 	username: string(),
+	userTitle: string(),
 	createdAt: string(),
 	createdBy: string().nullable(),
+	createdByTitle: string().nullable(),
 	_actions: array(HateoasActionSchema).optional()
 });
 object({
@@ -2005,8 +2038,10 @@ object({
 	userAssignments: array(WorkCenterUserSchema),
 	createdAt: datetime(),
 	createdBy: string(),
+	createdByTitle: string(),
 	updatedAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	_links: array(HateoasLinkSchema),
 	_actions: array(HateoasActionSchema).optional()
 });
@@ -2031,8 +2066,10 @@ object({
 		userCount: number(),
 		createdAt: datetime(),
 		createdBy: string(),
+		createdByTitle: string(),
 		updatedAt: datetime(),
-		updatedBy: string()
+		updatedBy: string(),
+		updatedByTitle: string()
 	})),
 	total: number(),
 	page: number(),
@@ -2111,6 +2148,7 @@ var LaborTicketSchema = object({
 	operationRunId: number(),
 	userId: number(),
 	username: string(),
+	userTitle: string(),
 	runId: number().nullable(),
 	clockIn: datetime(),
 	clockOut: datetime().nullable(),
@@ -2118,8 +2156,10 @@ var LaborTicketSchema = object({
 	tokens: number().nullable(),
 	createdAt: datetime(),
 	createdBy: string(),
+	createdByTitle: string(),
 	updatedAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	_links: array(HateoasLinkSchema).optional()
 });
 object({
@@ -2146,8 +2186,10 @@ var StepSchema = object({
 	fieldCount: number().optional(),
 	createdAt: datetime(),
 	createdBy: string(),
+	createdByTitle: string(),
 	updatedAt: datetime(),
 	updatedBy: string(),
+	updatedByTitle: string(),
 	fields: FieldListResponseSchema,
 	_links: array(HateoasLinkSchema).optional(),
 	_actions: array(HateoasActionSchema).optional()
@@ -2182,6 +2224,7 @@ var LoginRequestSchema = object({
 object({ user: object({
 	id: number(),
 	username: string(),
+	title: string(),
 	permissions: array(string()).optional()
 }) });
 //#endregion
@@ -2201,7 +2244,8 @@ object({
 }).strict();
 object({
 	username: urlSafeUsername.optional(),
-	password: string().min(6).optional()
+	password: string().min(6).optional(),
+	title: string().max(255).optional()
 }).strict();
 object({ permission: ErpPermissionEnum }).strict();
 object({ agentId: number().int() }).strict();
@@ -2215,6 +2259,7 @@ var UserPermissionSchema = object({
 object({
 	id: number(),
 	username: string(),
+	title: string(),
 	isAgent: boolean(),
 	createdAt: string(),
 	updatedAt: string(),
@@ -2227,6 +2272,7 @@ object({
 	items: array(object({
 		id: number(),
 		username: string(),
+		title: string(),
 		isAgent: boolean(),
 		createdAt: string(),
 		permissionCount: number()
@@ -2497,7 +2543,7 @@ var AppLayout = ({ supervisorAuth }) => {
 							size: "xs",
 							color: "gray",
 							style: { flexShrink: 0 },
-							children: user.username
+							children: formatUserLabel(user.username, user.title)
 						}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Menu.Dropdown, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu.Item, {
 							leftSection: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconUser, { size: "0.9rem" }),
 							onClick: () => navigate(`/users/${user.username}`),
@@ -2738,7 +2784,8 @@ var UserAutocomplete = ({ value, onChange, onUserSelect, ...rest }) => {
 			if (search) params.set("search", search);
 			setOptions((await api.get(`${apiEndpoints.users}?${params}`)).items.map((u) => ({
 				id: u.id,
-				username: u.username
+				username: u.username,
+				title: u.title
 			})));
 		} catch {
 			setOptions([]);
@@ -2748,7 +2795,10 @@ var UserAutocomplete = ({ value, onChange, onUserSelect, ...rest }) => {
 		fetchOptions(debouncedValue);
 	}, [debouncedValue, fetchOptions]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Autocomplete, {
-		data: options.map((o) => o.username),
+		data: options.map((o) => ({
+			value: o.username,
+			label: formatUserLabel(o.username, o.title)
+		})),
 		value,
 		onChange,
 		onOptionSubmit: (val) => {
@@ -2760,6 +2810,31 @@ var UserAutocomplete = ({ value, onChange, onUserSelect, ...rest }) => {
 	});
 };
 //#endregion
+//#region src/components/WorkCenterAutocomplete.tsx
+var WorkCenterAutocomplete = ({ value, onChange, ...rest }) => {
+	const [debouncedValue] = useDebouncedValue(value, 300);
+	const [options, setOptions] = (0, import_react.useState)([]);
+	const fetchOptions = (0, import_react.useCallback)(async (search) => {
+		try {
+			const params = new URLSearchParams();
+			params.set("pageSize", "10");
+			if (search) params.set("search", search);
+			setOptions((await api.get(`${apiEndpoints.workCenters}?${params}`)).items.map((wc) => wc.key));
+		} catch {
+			setOptions([]);
+		}
+	}, []);
+	(0, import_react.useEffect)(() => {
+		fetchOptions(debouncedValue);
+	}, [debouncedValue, fetchOptions]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Autocomplete, {
+		data: options,
+		value,
+		onChange,
+		...rest
+	});
+};
+//#endregion
 //#region src/lib/tableStyles.ts
 /** Style for a <Link> that fills an entire table cell, replacing the cell's own padding. Use with `<Table.Td style={{ padding: 0 }}>`. */
 var cellLinkStyle = {
@@ -2778,12 +2853,6 @@ var STATUS_COLORS$7 = {
 	[OperationRunStatus.skipped]: "gray",
 	[OperationRunStatus.failed]: "red"
 };
-var PRIORITY_COLORS$4 = {
-	low: "gray",
-	medium: "blue",
-	high: "orange",
-	critical: "red"
-};
 var STATUS_OPTIONS = [
 	{
 		value: OperationRunStatus.pending,
@@ -2803,13 +2872,14 @@ var DispatchList = () => {
 	const [searchParams, setSearchParams] = useSearchParams();
 	const page = Number(searchParams.get("page")) || 1;
 	const status = searchParams.get("status") || void 0;
-	const priority = searchParams.get("priority") || void 0;
+	const workCenter = searchParams.get("workCenter") || "";
 	const search = searchParams.get("search") || "";
 	const viewAs = searchParams.get("viewAs") || "";
 	const canWork = searchParams.get("canWork") === "true";
 	const clockedIn = searchParams.get("clockedIn") === "true";
 	const [searchInput, setSearchInput] = (0, import_react.useState)(search);
 	const [viewAsInput, setViewAsInput] = (0, import_react.useState)(viewAs);
+	const [workCenterInput, setWorkCenterInput] = (0, import_react.useState)(workCenter);
 	const [debouncedSearch] = useDebouncedValue(searchInput, 300);
 	const isFirstRender = (0, import_react.useRef)(true);
 	(0, import_react.useEffect)(() => {
@@ -2823,7 +2893,7 @@ var DispatchList = () => {
 			prev.set("page", "1");
 			return prev;
 		});
-	}, [debouncedSearch, setSearchParams]);
+	}, [debouncedSearch]);
 	const [data, setData] = (0, import_react.useState)(null);
 	const [loading, setLoading] = (0, import_react.useState)(true);
 	const fetchData = (0, import_react.useCallback)(async () => {
@@ -2833,7 +2903,7 @@ var DispatchList = () => {
 			params.set("page", String(page));
 			params.set("pageSize", "20");
 			if (status) params.set("status", status);
-			if (priority) params.set("priority", priority);
+			if (workCenter) params.set("workCenter", workCenter);
 			if (search) params.set("search", search);
 			if (viewAs) params.set("viewAs", viewAs);
 			if (canWork) params.set("canWork", "true");
@@ -2847,7 +2917,7 @@ var DispatchList = () => {
 	}, [
 		page,
 		status,
-		priority,
+		workCenter,
 		search,
 		viewAs,
 		canWork,
@@ -2906,22 +2976,26 @@ var DispatchList = () => {
 						},
 						clearable: true
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Select, {
-						placeholder: "All priorities",
-						data: OrderRunPriorityEnum.options.map((v) => ({
-							value: v,
-							label: v.charAt(0).toUpperCase() + v.slice(1)
-						})),
-						value: priority ?? null,
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(WorkCenterAutocomplete, {
+						placeholder: "Work center...",
+						value: workCenterInput,
 						onChange: (val) => {
+							setWorkCenterInput(val);
+							if (!val) setSearchParams((prev) => {
+								prev.delete("workCenter");
+								prev.set("page", "1");
+								return prev;
+							});
+						},
+						onOptionSubmit: (val) => {
+							setWorkCenterInput(val);
 							setSearchParams((prev) => {
-								if (val) prev.set("priority", val);
-								else prev.delete("priority");
+								prev.set("workCenter", val);
 								prev.set("page", "1");
 								return prev;
 							});
 						},
-						clearable: true
+						w: 180
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserAutocomplete, {
 						placeholder: "View as user...",
@@ -2983,7 +3057,7 @@ var DispatchList = () => {
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Operation" }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Can Work" }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Status" }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Priority" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Work Center" }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Assigned To" }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Due" })
 				] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Tbody, { children: data.items.map((item) => {
@@ -3068,11 +3142,11 @@ var DispatchList = () => {
 								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
 									to: opRunLink,
 									style: cellLinkStyle,
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
-										color: PRIORITY_COLORS$4[item.priority] ?? "gray",
-										variant: "light",
-										children: item.priority
-									})
+									children: item.workCenterKey ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+										size: "sm",
+										ff: "monospace",
+										children: item.workCenterKey
+									}) : "—"
 								})
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, {
@@ -3080,7 +3154,7 @@ var DispatchList = () => {
 								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
 									to: opRunLink,
 									style: cellLinkStyle,
-									children: item.assignedTo ?? "—"
+									children: item.assignedTo ? formatUserLabel(item.assignedTo, item.assignedToTitle) : "—"
 								})
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, {
@@ -3142,7 +3216,7 @@ var DispatchReadyToClose = () => {
 			prev.set("page", "1");
 			return prev;
 		});
-	}, [debouncedSearch, setSearchParams]);
+	}, [debouncedSearch]);
 	const [data, setData] = (0, import_react.useState)(null);
 	const [loading, setLoading] = (0, import_react.useState)(true);
 	const fetchData = (0, import_react.useCallback)(async () => {
@@ -3365,7 +3439,7 @@ var InventoryList = () => {
 			prev.set("page", "1");
 			return prev;
 		});
-	}, [debouncedSearch, setSearchParams]);
+	}, [debouncedSearch]);
 	const [data, setData] = (0, import_react.useState)(null);
 	const [loading, setLoading] = (0, import_react.useState)(true);
 	const fetchData = (0, import_react.useCallback)(async () => {
@@ -3565,7 +3639,7 @@ var ItemCreate = () => {
 };
 //#endregion
 //#region src/components/MetadataTooltip.tsx
-var MetadataTooltip = ({ createdBy, createdAt, updatedBy, updatedAt }) => {
+var MetadataTooltip = ({ createdBy, createdByTitle, createdAt, updatedBy, updatedByTitle, updatedAt }) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
 		label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Stack, {
 			gap: 4,
@@ -3573,7 +3647,7 @@ var MetadataTooltip = ({ createdBy, createdAt, updatedBy, updatedAt }) => {
 				size: "xs",
 				children: [
 					"Created",
-					createdBy ? ` by ${createdBy}` : "",
+					createdBy ? ` by ${formatUserLabel(createdBy, createdByTitle)}` : "",
 					",",
 					" ",
 					new Date(createdAt).toLocaleString()
@@ -3582,7 +3656,7 @@ var MetadataTooltip = ({ createdBy, createdAt, updatedBy, updatedAt }) => {
 				size: "xs",
 				children: [
 					"Modified",
-					updatedBy ? ` by ${updatedBy}` : "",
+					updatedBy ? ` by ${formatUserLabel(updatedBy, updatedByTitle)}` : "",
 					",",
 					" ",
 					new Date(updatedAt).toLocaleString()
@@ -3812,8 +3886,10 @@ var FieldDefList = ({ fieldsEndpoint, fieldEndpoint, initialData }) => {
 					children: [
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetadataTooltip, {
 							createdBy: field.createdBy,
+							createdByTitle: field.createdByTitle,
 							createdAt: field.createdAt,
 							updatedBy: field.updatedBy,
+							updatedByTitle: field.updatedByTitle,
 							updatedAt: field.updatedAt
 						}),
 						hasAction(field._actions, "update") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
@@ -3974,8 +4050,10 @@ var ItemDetail = () => {
 					children: item.key
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetadataTooltip, {
 					createdBy: item.createdBy,
+					createdByTitle: item.createdByTitle,
 					createdAt: item.createdAt,
 					updatedBy: item.updatedBy,
+					updatedByTitle: item.updatedByTitle,
 					updatedAt: item.updatedAt
 				})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, { children: [
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
@@ -4669,8 +4747,10 @@ var ItemInstanceDetail = () => {
 					children: instance.key
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetadataTooltip, {
 					createdBy: instance.createdBy,
+					createdByTitle: instance.createdByTitle,
 					createdAt: instance.createdAt,
 					updatedBy: instance.updatedBy,
+					updatedByTitle: instance.updatedByTitle,
 					updatedAt: instance.updatedAt
 				})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, { children: [
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
@@ -5644,8 +5724,10 @@ var OrderDetail = () => {
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetadataTooltip, {
 						createdBy: order.createdBy,
+						createdByTitle: order.createdByTitle,
 						createdAt: order.createdAt,
 						updatedBy: order.updatedBy,
+						updatedByTitle: order.updatedByTitle,
 						updatedAt: order.updatedAt
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
@@ -5858,31 +5940,6 @@ var OrderList = () => {
 	});
 };
 //#endregion
-//#region src/components/WorkCenterAutocomplete.tsx
-var WorkCenterAutocomplete = ({ value, onChange, ...rest }) => {
-	const [debouncedValue] = useDebouncedValue(value, 300);
-	const [options, setOptions] = (0, import_react.useState)([]);
-	const fetchOptions = (0, import_react.useCallback)(async (search) => {
-		try {
-			const params = new URLSearchParams();
-			params.set("pageSize", "10");
-			if (search) params.set("search", search);
-			setOptions((await api.get(`${apiEndpoints.workCenters}?${params}`)).items.map((wc) => wc.key));
-		} catch {
-			setOptions([]);
-		}
-	}, []);
-	(0, import_react.useEffect)(() => {
-		fetchOptions(debouncedValue);
-	}, [debouncedValue, fetchOptions]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Autocomplete, {
-		data: options,
-		value,
-		onChange,
-		...rest
-	});
-};
-//#endregion
 //#region src/pages/orders/revs/lists/DependencyList.tsx
 var DependencyList = ({ orderKey, revNo, opSeqNo, showTitle = true }) => {
 	const [deps, setDeps] = (0, import_react.useState)(null);
@@ -6488,8 +6545,10 @@ var StepList = ({ orderKey, revNo, opSeqNo }) => {
 						children: [
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetadataTooltip, {
 								createdBy: step.createdBy,
+								createdByTitle: step.createdByTitle,
 								createdAt: step.createdAt,
 								updatedBy: step.updatedBy,
+								updatedByTitle: step.updatedByTitle,
 								updatedAt: step.updatedAt
 							}),
 							hasAction(step._actions, "update") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
@@ -6687,8 +6746,10 @@ var OperationDetail = () => {
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetadataTooltip, {
 								createdBy: operation.createdBy,
+								createdByTitle: operation.createdByTitle,
 								createdAt: operation.createdAt,
 								updatedBy: operation.updatedBy,
+								updatedByTitle: operation.updatedByTitle,
 								updatedAt: operation.updatedAt
 							})
 						]
@@ -6783,7 +6844,7 @@ var OperationDetail = () => {
 };
 //#endregion
 //#region src/components/lists/OperationSummaryTable.tsx
-var OperationSummaryTable = ({ items, loading, linkBuilder }) => {
+var OperationSummaryTable = ({ items, loading, linkBuilder, showRunMetrics = false }) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 		fw: 600,
 		children: "OPERATIONS"
@@ -6802,9 +6863,8 @@ var OperationSummaryTable = ({ items, loading, linkBuilder }) => {
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Seq" }),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Title" }),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Prerequisites" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Steps" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Cost" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Tokens" })
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Work Center" }),
+			showRunMetrics && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Cost" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Tokens" })] })
 		] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Tbody, { children: items.map((op) => {
 			const opLink = linkBuilder(op.seqNo);
 			return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table.Tr, {
@@ -6854,25 +6914,24 @@ var OperationSummaryTable = ({ items, loading, linkBuilder }) => {
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
 							to: opLink,
 							style: cellLinkStyle,
-							children: op.stepCount ?? 0
+							children: op.workCenterKey ?? "—"
 						})
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, {
+					showRunMetrics && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, {
 						style: { padding: 0 },
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
 							to: opLink,
 							style: cellLinkStyle,
 							children: op.cost ? `$${op.cost.toFixed(2)}` : "—"
 						})
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, {
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, {
 						style: { padding: 0 },
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
 							to: opLink,
 							style: cellLinkStyle,
 							children: op.tokens ? formatTokens(op.tokens) : "—"
 						})
-					})
+					})] })
 				]
 			}, op.id);
 		}) })] })
@@ -6967,8 +7026,10 @@ var HeaderDetail = () => {
 							children: "HEADER"
 						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetadataTooltip, {
 							createdBy: revision.createdBy,
+							createdByTitle: revision.createdByTitle,
 							createdAt: revision.createdAt,
 							updatedBy: revision.updatedBy,
+							updatedByTitle: revision.updatedByTitle,
 							updatedAt: revision.updatedAt
 						})]
 					}), canEdit && !editing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
@@ -7752,7 +7813,7 @@ var RevisionLayout = () => {
 							display: "flex",
 							flexDirection: "column",
 							overflowY: "auto",
-							padding: "0 var(--mantine-spacing-md)"
+							padding: "0 var(--mantine-spacing-md) var(--mantine-spacing-xs)"
 						},
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Group, {
 							justify: "flex-end",
@@ -7942,8 +8003,10 @@ var HeaderRunDetail = () => {
 							children: "HEADER"
 						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetadataTooltip, {
 							createdBy: orderRun.createdBy,
+							createdByTitle: orderRun.createdByTitle,
 							createdAt: orderRun.createdAt,
 							updatedBy: orderRun.updatedBy,
+							updatedByTitle: orderRun.updatedByTitle,
 							updatedAt: orderRun.updatedAt
 						})]
 					}), canEdit && !editing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
@@ -8025,7 +8088,8 @@ var HeaderRunDetail = () => {
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(OperationSummaryTable, {
 					items: operations?.items ?? null,
 					loading: opsLoading,
-					linkBuilder: (seqNo) => `/orders/${orderKey}/runs/${runNo}/ops/${seqNo}`
+					linkBuilder: (seqNo) => `/orders/${orderKey}/runs/${runNo}/ops/${seqNo}`,
+					showRunMetrics: true
 				})
 			]
 		})
@@ -8112,7 +8176,7 @@ var CommentList = ({ orderKey, runNo, seqNo, refreshKey, onCountChange }) => {
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 							size: "sm",
 							fw: 600,
-							children: comment.createdBy
+							children: formatUserLabel(comment.createdBy, comment.createdByTitle)
 						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
 							color: TYPE_COLORS[comment.type] ?? "gray",
 							variant: "light",
@@ -8252,7 +8316,7 @@ var LaborTicketList = ({ orderKey, runNo, seqNo, refreshKey, showTitle = true, o
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Tokens" }),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, {})
 		] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Tbody, { children: data.items.map((ticket) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table.Tr, { children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, { children: ticket.username }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, { children: formatUserLabel(ticket.username, ticket.userTitle) }),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, { children: ticket.runId != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Anchor, {
 				size: "sm",
 				href: `/supervisor/agents/${ticket.username}/runs/${ticket.runId}-1`,
@@ -8451,7 +8515,7 @@ var StepRunList = ({ orderKey, runNo, seqNo, refreshKey, onStepUpdate, onCountCh
 											c: "green",
 											children: [
 												"Completed by ",
-												step.updatedBy,
+												formatUserLabel(step.updatedBy, step.updatedByTitle),
 												" on",
 												" ",
 												new Date(step.updatedAt).toLocaleString()
@@ -8482,7 +8546,7 @@ var StepRunList = ({ orderKey, runNo, seqNo, refreshKey, onStepUpdate, onCountCh
 										c: "green",
 										children: [
 											"Completed by ",
-											step.updatedBy,
+											formatUserLabel(step.updatedBy, step.updatedByTitle),
 											" on",
 											" ",
 											new Date(step.updatedAt).toLocaleString()
@@ -8744,8 +8808,10 @@ var OperationRunDetail = () => {
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetadataTooltip, {
 								createdBy: opRun.createdBy,
+								createdByTitle: opRun.createdByTitle,
 								createdAt: opRun.createdAt,
 								updatedBy: opRun.updatedBy,
+								updatedByTitle: opRun.updatedByTitle,
 								updatedAt: opRun.updatedAt
 							}),
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
@@ -8759,7 +8825,11 @@ var OperationRunDetail = () => {
 								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 									size: "sm",
 									c: "dimmed",
-									children: ["assigned to ", opRun.assignedTo]
+									children: [
+										"assigned to",
+										" ",
+										formatUserLabel(opRun.assignedTo, opRun.assignedToTitle)
+									]
 								}), hasAction(opRun._actions, "assign") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionIcon, {
 									size: "xs",
 									variant: "subtle",
@@ -8898,8 +8968,9 @@ var OperationRunDetail = () => {
 										c: color,
 										children: [
 											label,
-											" by ",
-											opRun.updatedBy,
+											" by",
+											" ",
+											formatUserLabel(opRun.updatedBy, opRun.updatedByTitle),
 											" on",
 											" ",
 											new Date(opRun.updatedAt).toLocaleString(),
@@ -9978,6 +10049,7 @@ var UserDetail = () => {
 	const [loading, setLoading] = (0, import_react.useState)(true);
 	const [editOpened, { open: openEdit, close: closeEdit }] = useDisclosure();
 	const [editUsername, setEditUsername] = (0, import_react.useState)("");
+	const [editTitle, setEditTitle] = (0, import_react.useState)("");
 	const [saving, setSaving] = (0, import_react.useState)(false);
 	const [editError, setEditError] = (0, import_react.useState)("");
 	const [grantPerm, setGrantPerm] = (0, import_react.useState)(null);
@@ -10010,11 +10082,13 @@ var UserDetail = () => {
 		}
 	};
 	const handleUpdate = async () => {
-		if (!routeUsername || !editUsername) return;
+		if (!routeUsername || !editUsername || !user) return;
 		setSaving(true);
 		setEditError("");
 		try {
-			await api.put(apiEndpoints.user(routeUsername), { username: editUsername });
+			const body = { username: editUsername };
+			if (titleEditable) body.title = editTitle;
+			await api.put(apiEndpoints.user(routeUsername), body);
 			closeEdit();
 			if (editUsername !== routeUsername) navigate(`/users/${editUsername}`, { replace: true });
 			else fetchUser();
@@ -10088,6 +10162,7 @@ var UserDetail = () => {
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "User not found." })
 	});
 	const grantablePermissions = ErpPermissionEnum.options.filter((p) => !user.permissions?.some((up) => up.permission === p));
+	const titleEditable = !user.isAgent || !supervisorAuth;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, {
 		size: "md",
 		py: "xl",
@@ -10119,6 +10194,7 @@ var UserDetail = () => {
 					hasAction(user._actions, "update") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 						onClick: () => {
 							setEditUsername(user.username);
+							setEditTitle(user.title);
 							setEditError("");
 							openEdit();
 						},
@@ -10164,6 +10240,15 @@ var UserDetail = () => {
 							ff: "monospace",
 							children: user.username
 						})] }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+							fw: 600,
+							w: 120,
+							children: "Title:"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: user.title || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+							c: "dimmed",
+							span: true,
+							children: "—"
+						}) })] }),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 							fw: 600,
 							w: 120,
@@ -10252,6 +10337,11 @@ var UserDetail = () => {
 						value: editUsername,
 						onChange: (e) => setEditUsername(e.currentTarget.value)
 					}),
+					titleEditable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextInput, {
+						label: "Title",
+						value: editTitle,
+						onChange: (e) => setEditTitle(e.currentTarget.value)
+					}),
 					editError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 						c: "red",
 						size: "sm",
@@ -10441,6 +10531,7 @@ var UserList = () => {
 				highlightOnHover: true,
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Thead, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table.Tr, { children: [
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Username" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Title" }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Type" }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Permissions" }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Th, { children: "Created" })
@@ -10463,6 +10554,18 @@ var UserList = () => {
 								})
 							})
 						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, {
+							style: { padding: 0 },
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+								to: `/users/${item.username}`,
+								style: cellLinkStyle,
+								children: item.title || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+									c: "dimmed",
+									span: true,
+									children: "—"
+								})
+							})
+						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, {
 							style: { padding: 0 },
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
@@ -10774,8 +10877,10 @@ var WorkCenterDetail = () => {
 					children: wc.key
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MetadataTooltip, {
 					createdBy: wc.createdBy,
+					createdByTitle: wc.createdByTitle,
 					createdAt: wc.createdAt,
 					updatedBy: wc.updatedBy,
+					updatedByTitle: wc.updatedByTitle,
 					updatedAt: wc.updatedAt
 				})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, { children: [
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
@@ -10836,7 +10941,7 @@ var WorkCenterDetail = () => {
 				] }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Tbody, { children: wc.userAssignments.map((a) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Table.Tr, { children: [
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 						size: "sm",
-						children: a.username
+						children: formatUserLabel(a.username, a.userTitle)
 					}) }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 						size: "sm",
@@ -10844,7 +10949,7 @@ var WorkCenterDetail = () => {
 					}) }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 						size: "sm",
-						children: a.createdBy ?? "—"
+						children: a.createdBy ? formatUserLabel(a.createdBy, a.createdByTitle) : "—"
 					}) }),
 					canAssign && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table.Td, { children: hasAction(a._actions, "remove") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionIcon, {
 						color: "red",