@burdenoff/microfe-crewfoundry 2026.1029.2 → 2026.1030.1

package/dist/crewfoundry/pages/HiringCandidatesPagePage.js

@@ -5,14 +5,15 @@ import { KanbanBoard as r } from "../components/viz/KanbanBoard.js";
 import { RatingStars as i } from "../components/viz/RatingStars.js";
 import "../components/viz/index.js";
 import { FormModal as a } from "../components/forms/FormModal.js";
-import { ConfirmDialog as o } from "../components/forms/ConfirmDialog.js";
-import { getNumber as s, getTags as c, getText as l, newClientId as ee } from "../components/forms/formValues.js";
-import { useMemo as u, useState as d } from "react";
-import { ArrowRightLeft as f, LayoutGrid as p, Pencil as m, Plus as h, Search as g, Table2 as _, Trash2 as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Badge as x, Button as S, CardContent as C, DropdownMenu as w, DropdownMenuContent as T, DropdownMenuItem as E, DropdownMenuLabel as D, DropdownMenuSeparator as O, DropdownMenuTrigger as k, GlassCard as A, GradientText as j, IllustratedEmptyState as M, Input as N, PagePurpose as P, Pagination as F, ResponsiveTable as te } from "@burdenoff/fe-libs/ui";
-import { usePagination as ne } from "@burdenoff/fe-libs/shared/hooks";
-import { useGlobalUi as re } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useFocusedRecordParam as o } from "../lib/useFocusedRecordParam.js";
+import { ConfirmDialog as s } from "../components/forms/ConfirmDialog.js";
+import { getNumber as c, getTags as l, getText as u, newClientId as d } from "../components/forms/formValues.js";
+import { useMemo as f, useState as p } from "react";
+import { ArrowRightLeft as m, LayoutGrid as h, Pencil as g, Plus as _, Search as v, Table2 as y, Trash2 as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Badge as C, Button as w, CardContent as T, DropdownMenu as E, DropdownMenuContent as D, DropdownMenuItem as O, DropdownMenuLabel as k, DropdownMenuSeparator as A, DropdownMenuTrigger as j, GlassCard as M, GradientText as N, IllustratedEmptyState as P, Input as F, PagePurpose as ee, Pagination as te, ResponsiveTable as ne } from "@burdenoff/fe-libs/ui";
+import { usePagination as re } from "@burdenoff/fe-libs/shared/hooks";
+import { useGlobalUi as ie } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HiringCandidatesPagePage.tsx
 var I = [
 	{
@@ -178,26 +179,26 @@ var I = [
 	skills: e.skills,
 	notes: e.notes
 }), B = (e) => {
-	let t = l(e, "appliedDate");
+	let t = u(e, "appliedDate");
 	return {
-		firstName: l(e, "firstName"),
-		lastName: l(e, "lastName"),
-		email: l(e, "email"),
-		phone: l(e, "phone"),
-		position: l(e, "position"),
+		firstName: u(e, "firstName"),
+		lastName: u(e, "lastName"),
+		email: u(e, "email"),
+		phone: u(e, "phone"),
+		position: u(e, "position"),
 		status: e.status,
-		source: l(e, "source"),
-		experience: s(e, "experience"),
-		currentCompany: l(e, "currentCompany"),
-		rating: s(e, "rating"),
+		source: u(e, "source"),
+		experience: c(e, "experience"),
+		currentCompany: u(e, "currentCompany"),
+		rating: c(e, "rating"),
 		appliedDate: t.trim() === "" ? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10) : t,
-		resumeUrl: l(e, "resumeUrl"),
-		skills: c(e, "skills"),
-		notes: l(e, "notes")
+		resumeUrl: u(e, "resumeUrl"),
+		skills: l(e, "skills"),
+		notes: u(e, "notes")
 	};
 };
 function V({ name: e, size: t = 36 }) {
-	return /* @__PURE__ */ y("span", {
+	return /* @__PURE__ */ x("span", {
 		className: "inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border-subtle bg-bg-sunken font-medium text-text-secondary",
 		style: {
 			width: t,
@@ -213,19 +214,19 @@ var H = [
 		key: "name",
 		header: "Name",
 		priority: "primary",
-		cell: (e) => /* @__PURE__ */ b("div", {
+		cell: (e) => /* @__PURE__ */ S("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ y(V, {
+			children: [/* @__PURE__ */ x(V, {
 				name: `${e.firstName} ${e.lastName}`,
 				size: 30
-			}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
+			}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("p", {
 				className: "font-medium",
 				children: [
 					e.firstName,
 					" ",
 					e.lastName
 				]
-			}), /* @__PURE__ */ y("p", {
+			}), /* @__PURE__ */ x("p", {
 				className: "text-xs text-text-secondary",
 				children: e.email
 			})] })]
@@ -235,7 +236,7 @@ var H = [
 		key: "position",
 		header: "Position",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ y("span", {
+		cell: (e) => /* @__PURE__ */ x("span", {
 			className: "text-text-secondary",
 			children: e.position
 		})
@@ -244,7 +245,7 @@ var H = [
 		key: "source",
 		header: "Source",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ y(x, {
+		cell: (e) => /* @__PURE__ */ x(C, {
 			variant: "outline",
 			className: "w-fit h-fit text-[10px]",
 			children: e.source
@@ -254,13 +255,13 @@ var H = [
 		key: "experience",
 		header: "Experience",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ b("span", { children: [e.experience, " yrs"] })
+		cell: (e) => /* @__PURE__ */ S("span", { children: [e.experience, " yrs"] })
 	},
 	{
 		key: "rating",
 		header: "Rating",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ y(i, {
+		cell: (e) => /* @__PURE__ */ x(i, {
 			value: e.rating,
 			size: 13
 		})
@@ -269,7 +270,7 @@ var H = [
 		key: "applied",
 		header: "Applied",
 		priority: "hidden-on-mobile",
-		cell: (e) => /* @__PURE__ */ y("span", {
+		cell: (e) => /* @__PURE__ */ x("span", {
 			className: "text-text-secondary text-xs",
 			children: e.appliedDate
 		})
@@ -278,7 +279,7 @@ var H = [
 		key: "status",
 		header: "Status",
 		priority: "secondary",
-		cell: (e) => /* @__PURE__ */ y(x, {
+		cell: (e) => /* @__PURE__ */ x(C, {
 			variant: e.status === "hired" || e.status === "offer" ? "default" : e.status === "rejected" ? "destructive" : "secondary",
 			className: "text-[10px]",
 			children: t(e.status)
@@ -286,175 +287,181 @@ var H = [
 	}
 ];
 function U() {
-	let { showToast: n } = re(), { candidates: i, addCandidate: s, updateCandidate: c, removeCandidate: l } = e(), [f, x] = d(""), [w, T] = d("board"), [E, D] = d("all"), { page: O, pageSize: k, offset: I, setPage: V } = ne({ initialPageSize: 25 }), [U, G] = d(!1), [K, q] = d(null), [J, Y] = d(null), X = async (e) => {
-		await s({
-			id: ee(),
+	let { showToast: n } = ie(), { candidates: i, addCandidate: c, updateCandidate: l, removeCandidate: u } = e(), [m, C] = p(""), [E, D] = p("board"), [O, k] = p("all"), { page: A, pageSize: j, offset: I, setPage: V } = re({ initialPageSize: 25 }), [U, G] = p(!1), [K, q] = p(null), [J, Y] = p(null);
+	o({
+		records: i,
+		activeId: K?.id ?? null,
+		onRestore: q
+	});
+	let ae = async (e) => {
+		await c({
+			id: d(),
 			...B(e)
 		}), n("Candidate added", "success");
-	}, ie = async (e) => {
-		K && (await c(K.id, B(e)), n("Candidate updated", "success"));
-	}, ae = async () => {
-		J && (await l(J.id), n("Candidate removed", "success"));
-	}, oe = async (e, r) => {
+	}, oe = async (e) => {
+		K && (await l(K.id, B(e)), n("Candidate updated", "success"));
+	}, se = async () => {
+		J && (await u(J.id), n("Candidate removed", "success"));
+	}, ce = async (e, r) => {
 		if (e.status !== r) try {
-			await c(e.id, { status: r }), n(`${e.firstName} ${e.lastName} moved to ${t(r)}`, "success");
+			await l(e.id, { status: r }), n(`${e.firstName} ${e.lastName} moved to ${t(r)}`, "success");
 		} catch {
 			n("Could not move candidate", "error");
 		}
-	}, Z = f.toLowerCase(), Q = u(() => i.filter((e) => `${e.firstName} ${e.lastName} ${e.position} ${e.email}`.toLowerCase().includes(Z)), [i, Z]), $ = Q.filter((e) => E === "all" || e.status === E), se = $.slice(I, I + k), ce = L.map((e) => {
-		let t = Q.filter((t) => t.status === e.key).sort((e, t) => t.rating - e.rating);
+	}, X = m.toLowerCase(), Z = f(() => i.filter((e) => `${e.firstName} ${e.lastName} ${e.position} ${e.email}`.toLowerCase().includes(X)), [i, X]), Q = Z.filter((e) => O === "all" || e.status === O), le = Q.slice(I, I + j), $ = L.map((e) => {
+		let t = Z.filter((t) => t.status === e.key).sort((e, t) => t.rating - e.rating);
 		return {
 			id: e.key,
 			title: e.label,
 			accent: e.accent,
-			items: t.map((e) => /* @__PURE__ */ y(W, {
+			items: t.map((e) => /* @__PURE__ */ x(W, {
 				candidate: e,
-				onMove: oe,
+				onMove: ce,
 				onEdit: () => q(e),
 				onDelete: () => Y(e)
 			}, e.id))
 		};
 	});
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ b("div", { children: [
-					/* @__PURE__ */ y("h1", {
+				children: [/* @__PURE__ */ S("div", { children: [
+					/* @__PURE__ */ x("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ y(j, { children: "Candidate Pipeline" })
+						children: /* @__PURE__ */ x(N, { children: "Candidate Pipeline" })
 					}),
-					/* @__PURE__ */ b("p", {
+					/* @__PURE__ */ S("p", {
 						className: "text-sm text-text-secondary",
 						children: [i.length, " candidates in pipeline"]
 					}),
-					/* @__PURE__ */ y(P, {
+					/* @__PURE__ */ x(ee, {
 						className: "mt-1",
 						children: "Track every candidate as they move through your hiring stages — drag work through New, Screening, Interview, Assessment, Offer, and Hired to keep the pipeline flowing."
 					})
-				] }), /* @__PURE__ */ b(S, {
+				] }), /* @__PURE__ */ S(w, {
 					size: "sm",
 					onClick: () => G(!0),
-					children: [/* @__PURE__ */ y(h, { className: "h-4 w-4 mr-1" }), "Add Candidate"]
+					children: [/* @__PURE__ */ x(_, { className: "h-4 w-4 mr-1" }), "Add Candidate"]
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ S("div", {
 					className: "relative flex-1 min-w-[12rem] max-w-sm",
-					children: [/* @__PURE__ */ y(g, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y(N, {
+					children: [/* @__PURE__ */ x(v, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x(F, {
 						placeholder: "Search candidates...",
 						className: "pl-9",
-						value: f,
+						value: m,
 						onChange: (e) => {
-							x(e.target.value), V(1);
+							C(e.target.value), V(1);
 						}
 					})]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ S("div", {
 					className: "inline-flex items-center gap-1 rounded-full border border-border-subtle bg-bg-sunken p-1",
-					children: [/* @__PURE__ */ b(S, {
-						variant: w === "board" ? "default" : "ghost",
+					children: [/* @__PURE__ */ S(w, {
+						variant: E === "board" ? "default" : "ghost",
 						size: "sm",
 						className: "rounded-full",
-						onClick: () => T("board"),
-						children: [/* @__PURE__ */ y(p, { className: "h-4 w-4 mr-1" }), "Board"]
-					}), /* @__PURE__ */ b(S, {
-						variant: w === "table" ? "default" : "ghost",
+						onClick: () => D("board"),
+						children: [/* @__PURE__ */ x(h, { className: "h-4 w-4 mr-1" }), "Board"]
+					}), /* @__PURE__ */ S(w, {
+						variant: E === "table" ? "default" : "ghost",
 						size: "sm",
 						className: "rounded-full",
-						onClick: () => T("table"),
-						children: [/* @__PURE__ */ y(_, { className: "h-4 w-4 mr-1" }), "Table"]
+						onClick: () => D("table"),
+						children: [/* @__PURE__ */ x(y, { className: "h-4 w-4 mr-1" }), "Table"]
 					})]
 				})]
 			}),
-			i.length === 0 ? /* @__PURE__ */ y(A, {
+			i.length === 0 ? /* @__PURE__ */ x(M, {
 				treatment: "glass",
 				className: "border-border-seam",
-				children: /* @__PURE__ */ y(C, {
+				children: /* @__PURE__ */ x(T, {
 					className: "p-4",
-					children: /* @__PURE__ */ y(M, {
+					children: /* @__PURE__ */ x(P, {
 						illustration: "empty-search",
 						title: "No candidates yet",
 						description: "Add your first candidate to start building the pipeline."
 					})
 				})
-			}) : w === "board" ? /* @__PURE__ */ y(r, {
-				columns: ce,
+			}) : E === "board" ? /* @__PURE__ */ x(r, {
+				columns: $,
 				emptyColumnHint: "No candidates in this stage"
-			}) : /* @__PURE__ */ y(A, {
+			}) : /* @__PURE__ */ x(M, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam",
-				children: /* @__PURE__ */ b(C, {
+				children: /* @__PURE__ */ S(T, {
 					className: "p-4",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "mb-3 flex flex-wrap gap-1",
-							children: [/* @__PURE__ */ y(S, {
-								variant: E === "all" ? "default" : "outline",
+							children: [/* @__PURE__ */ x(w, {
+								variant: O === "all" ? "default" : "outline",
 								size: "sm",
 								onClick: () => {
-									D("all"), V(1);
+									k("all"), V(1);
 								},
 								children: "All"
-							}), L.map((e) => /* @__PURE__ */ y(S, {
-								variant: E === e.key ? "default" : "outline",
+							}), L.map((e) => /* @__PURE__ */ x(w, {
+								variant: O === e.key ? "default" : "outline",
 								size: "sm",
 								onClick: () => {
-									D(e.key), V(1);
+									k(e.key), V(1);
 								},
 								children: e.label
 							}, e.key))]
 						}),
-						/* @__PURE__ */ y(te, {
-							data: se,
+						/* @__PURE__ */ x(ne, {
+							data: le,
 							rowKey: (e) => e.id,
 							columns: H,
-							emptyState: /* @__PURE__ */ y(M, {
+							emptyState: /* @__PURE__ */ x(P, {
 								illustration: "empty-search",
 								title: "No candidates match",
 								description: "Try a different search term or status filter."
 							}),
-							rowActions: (e) => /* @__PURE__ */ b("div", {
+							rowActions: (e) => /* @__PURE__ */ S("div", {
 								className: "flex items-center justify-end gap-1",
-								children: [/* @__PURE__ */ y(S, {
+								children: [/* @__PURE__ */ x(w, {
 									variant: "ghost",
 									size: "sm",
 									"aria-label": `Edit ${e.firstName} ${e.lastName}`,
 									onClick: () => q(e),
-									children: /* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" })
-								}), /* @__PURE__ */ y(S, {
+									children: /* @__PURE__ */ x(g, { className: "h-3.5 w-3.5" })
+								}), /* @__PURE__ */ x(w, {
 									variant: "ghost",
 									size: "sm",
 									"aria-label": `Delete ${e.firstName} ${e.lastName}`,
 									onClick: () => Y(e),
-									children: /* @__PURE__ */ y(v, { className: "h-3.5 w-3.5 text-status-error-fg" })
+									children: /* @__PURE__ */ x(b, { className: "h-3.5 w-3.5 text-status-error-fg" })
 								})]
 							})
 						}),
-						$.length > k && /* @__PURE__ */ y("div", {
+						Q.length > j && /* @__PURE__ */ x("div", {
 							className: "mt-4",
-							children: /* @__PURE__ */ y(F, {
-								page: O,
-								pageSize: k,
-								totalItems: $.length,
+							children: /* @__PURE__ */ x(te, {
+								page: A,
+								pageSize: j,
+								totalItems: Q.length,
 								onPageChange: V
 							})
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ y(a, {
+			/* @__PURE__ */ x(a, {
 				open: U,
 				onOpenChange: G,
 				title: "Add Candidate",
 				description: "Add someone to your hiring pipeline.",
 				fields: R,
 				submitLabel: "Add candidate",
-				onSubmit: X
+				onSubmit: ae
 			}),
-			/* @__PURE__ */ y(a, {
+			/* @__PURE__ */ x(a, {
 				open: K !== null,
 				onOpenChange: (e) => {
 					e || q(null);
@@ -464,9 +471,9 @@ function U() {
 				fields: R,
 				initialValues: K ? z(K) : void 0,
 				submitLabel: "Save changes",
-				onSubmit: ie
+				onSubmit: oe
 			}),
-			/* @__PURE__ */ y(o, {
+			/* @__PURE__ */ x(s, {
 				open: J !== null,
 				onOpenChange: (e) => {
 					e || Y(null);
@@ -475,91 +482,91 @@ function U() {
 				description: J ? `Remove ${J.firstName} ${J.lastName} from the pipeline?` : void 0,
 				confirmLabel: "Remove",
 				destructive: !0,
-				onConfirm: ae
+				onConfirm: se
 			})
 		]
 	});
 }
 function W({ candidate: e, onMove: t, onEdit: n, onDelete: r }) {
 	let a = `${e.firstName} ${e.lastName}`;
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "group rounded-[var(--radius-input)] border border-border-subtle bg-bg-surface p-3 shadow-elevation-1 transition-shadow hover:shadow-elevation-2",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex items-start gap-2.5",
-				children: [/* @__PURE__ */ y(V, {
+				children: [/* @__PURE__ */ x(V, {
 					name: a,
 					size: 36
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ S("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ y("p", {
+					children: [/* @__PURE__ */ x("p", {
 						className: "truncate text-sm font-semibold text-text-primary",
 						children: a
-					}), /* @__PURE__ */ y("p", {
+					}), /* @__PURE__ */ x("p", {
 						className: "truncate text-xs text-text-secondary",
 						children: e.position
 					})]
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "mt-2 flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ y(i, {
+				children: [/* @__PURE__ */ x(i, {
 					value: e.rating,
 					size: 13
-				}), /* @__PURE__ */ y(x, {
+				}), /* @__PURE__ */ x(C, {
 					variant: "outline",
 					className: "shrink-0 text-[9px]",
 					children: e.source
 				})]
 			}),
-			e.skills.length > 0 && /* @__PURE__ */ y("div", {
+			e.skills.length > 0 && /* @__PURE__ */ x("div", {
 				className: "mt-2 flex flex-wrap gap-1",
-				children: e.skills.slice(0, 3).map((e) => /* @__PURE__ */ y(x, {
+				children: e.skills.slice(0, 3).map((e) => /* @__PURE__ */ x(C, {
 					variant: "secondary",
 					className: "text-[9px]",
 					children: e
 				}, e))
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "mt-2.5 flex items-center justify-between gap-1 border-t border-border-subtle pt-2",
-				children: [/* @__PURE__ */ b(w, { children: [/* @__PURE__ */ y(k, {
+				children: [/* @__PURE__ */ S(E, { children: [/* @__PURE__ */ x(j, {
 					asChild: !0,
-					children: /* @__PURE__ */ b(S, {
+					children: /* @__PURE__ */ S(w, {
 						variant: "ghost",
 						size: "sm",
 						className: "h-7 px-2 text-xs",
-						children: [/* @__PURE__ */ y(f, { className: "mr-1 h-3.5 w-3.5" }), "Move"]
+						children: [/* @__PURE__ */ x(m, { className: "mr-1 h-3.5 w-3.5" }), "Move"]
 					})
-				}), /* @__PURE__ */ b(T, {
+				}), /* @__PURE__ */ S(D, {
 					align: "start",
 					children: [
-						/* @__PURE__ */ y(D, { children: "Move to stage" }),
-						/* @__PURE__ */ y(O, {}),
-						L.filter((t) => t.key !== e.status).map((n) => /* @__PURE__ */ b(E, {
+						/* @__PURE__ */ x(k, { children: "Move to stage" }),
+						/* @__PURE__ */ x(A, {}),
+						L.filter((t) => t.key !== e.status).map((n) => /* @__PURE__ */ S(O, {
 							onSelect: () => t(e, n.key),
-							children: [/* @__PURE__ */ y("span", {
+							children: [/* @__PURE__ */ x("span", {
 								"aria-hidden": "true",
 								className: "mr-2 inline-block h-2 w-2 rounded-full",
 								style: { backgroundColor: n.accent }
 							}), n.label]
 						}, n.key))
 					]
-				})] }), /* @__PURE__ */ b("div", {
+				})] }), /* @__PURE__ */ S("div", {
 					className: "flex items-center gap-0.5",
-					children: [/* @__PURE__ */ y(S, {
+					children: [/* @__PURE__ */ x(w, {
 						variant: "ghost",
 						size: "sm",
 						className: "h-7 w-7 p-0",
 						"aria-label": `Edit ${a}`,
 						onClick: n,
-						children: /* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" })
-					}), /* @__PURE__ */ y(S, {
+						children: /* @__PURE__ */ x(g, { className: "h-3.5 w-3.5" })
+					}), /* @__PURE__ */ x(w, {
 						variant: "ghost",
 						size: "sm",
 						className: "h-7 w-7 p-0",
 						"aria-label": `Delete ${a}`,
 						onClick: r,
-						children: /* @__PURE__ */ y(v, { className: "h-3.5 w-3.5 text-status-error-fg" })
+						children: /* @__PURE__ */ x(b, { className: "h-3.5 w-3.5 text-status-error-fg" })
 					})]
 				})]
 			})