@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

package/dist/timecampus/pages/resource-planning/ResourcePlanningPage.js

@@ -1,99 +1,106 @@
-import { getInitials as e, getStatusColor as t } from "../../utils/helpers.js";
+import { formatHours as e, getInitials as t } from "../../utils/helpers.js";
 import { StatCard as n } from "../../components/StatCard.js";
 import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useBulkCreateAllocationsMutation as ee, useCreateAllocationMutation as te, useCreateResourcePlanMutation as ne, useDeleteAllocationMutation as re, useDeleteResourcePlanMutation as ie, useGetCapacityOverviewQuery as ae, useListResourcePlansQuery as oe, useUpdateAllocationMutation as se, useUpdateResourcePlanMutation as ce } from "../../../generated/wspace-operations.js";
-import { PageLayout as i } from "../../components/PageLayout.js";
-import { EmptyState as le } from "../../components/EmptyState.js";
-import { Modal as a } from "../../components/Modal.js";
-import { useState as o } from "react";
-import { CalendarRange as ue, Pencil as s, Plus as c, Trash2 as l, TrendingUp as de, UserPlus as fe, Users as u } from "lucide-react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useBulkCreateAllocationsMutation as i, useCreateAllocationMutation as a, useCreateResourcePlanMutation as ee, useDeleteAllocationMutation as te, useDeleteResourcePlanMutation as ne, useGetCapacityOverviewQuery as re, useListResourcePlansQuery as ie, useUpdateAllocationMutation as ae, useUpdateResourcePlanMutation as oe } from "../../../generated/wspace-operations.js";
+import { PageLayout as o } from "../../components/PageLayout.js";
+import { StatusBadge as se } from "../../components/StatusBadge.js";
+import { EmptyState as ce } from "../../components/EmptyState.js";
+import { ChartCard as s } from "../../components/ChartCard.js";
+import { Modal as c } from "../../components/Modal.js";
+import { DonutChart as le } from "../../components/charts/DonutChart.js";
+import { RadialGauge as ue } from "../../components/charts/RadialGauge.js";
+import { ProgressMeter as l } from "../../components/charts/ProgressMeter.js";
+import "../../components/index.js";
+import { useState as u } from "react";
+import { AlertTriangle as de, CalendarRange as fe, Pencil as pe, Plus as me, Trash2 as he, TrendingUp as ge, UserPlus as _e, Users as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { GlassCard as ve } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/resource-planning/ResourcePlanningPage.tsx
-var m = 25, h = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary", g = (e) => e.slice(0, 10), _ = (e) => new Date(e).toISOString(), v = () => {
+var h = 25, g = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary", _ = (e) => e.slice(0, 10), v = (e) => new Date(e).toISOString(), y = () => {
 	let e = /* @__PURE__ */ new Date(), t = new Date(e.getFullYear(), e.getMonth(), e.getDate()), n = new Date(e.getFullYear(), e.getMonth(), e.getDate() + 7);
 	return {
 		name: "",
 		description: "",
-		startDate: g(t.toISOString()),
-		endDate: g(n.toISOString()),
+		startDate: _(t.toISOString()),
+		endDate: _(n.toISOString()),
 		status: "active"
 	};
-}, y = (e) => ({
+}, b = (e) => ({
 	userId: "",
 	allocatedHours: "",
-	startDate: e ? g(e.startDate) : "",
-	endDate: e ? g(e.endDate) : "",
+	startDate: e ? _(e.startDate) : "",
+	endDate: e ? _(e.endDate) : "",
 	notes: ""
 });
-function b() {
-	let b = /* @__PURE__ */ new Date(), pe = new Date(b.getFullYear(), b.getMonth(), b.getDate()).toISOString(), me = new Date(b.getFullYear(), b.getMonth(), b.getDate() + 7).toISOString(), { data: x, loading: he, error: ge, refetch: _e, fetchMore: ve } = oe({ variables: {
-		limit: m,
+function x() {
+	let x = /* @__PURE__ */ new Date(), ye = new Date(x.getFullYear(), x.getMonth(), x.getDate()).toISOString(), be = new Date(x.getFullYear(), x.getMonth(), x.getDate() + 7).toISOString(), { data: xe, loading: Se, error: Ce, refetch: we, fetchMore: Te } = ie({ variables: {
+		limit: h,
 		offset: 0
-	} }), { data: ye, refetch: be } = ae({ variables: {
-		startDate: pe,
-		endDate: me
-	} }), [xe, { loading: S, error: Se }] = ne(), [Ce, { loading: C, error: we }] = ce(), [Te, { loading: w }] = ie(), [Ee, { loading: T }] = te(), [De, { loading: E }] = ee(), [Oe, { loading: D, error: ke }] = se(), [Ae, { loading: O }] = re(), [je, k] = o(!1), [A, j] = o(null), [M, N] = o(v()), [P, F] = o(null), [I, L] = o(null), [R, z] = o([]), [Me, B] = o(!1), [V, H] = o(null), [U, W] = o(null), [G, K] = o(null), [q, J] = o(!1), Y = x?.resourcePlans?.items ?? [], Ne = x?.resourcePlans?.hasMore ?? !1, X = ye?.capacityOverview, Z = async () => {
-		await Promise.all([_e(), be()]);
-	}, Pe = () => {
-		j(null), N(v()), k(!0);
-	}, Fe = (e) => {
+	} }), { data: Ee, refetch: De } = re({ variables: {
+		startDate: ye,
+		endDate: be
+	} }), [Oe, { loading: S, error: ke }] = ee(), [Ae, { loading: C, error: je }] = oe(), [Me, { loading: w }] = ne(), [Ne, { loading: T }] = a(), [Pe, { loading: E }] = i(), [Fe, { loading: D, error: Ie }] = ae(), [Le, { loading: O }] = te(), [Re, k] = u(!1), [A, j] = u(null), [M, N] = u(y()), [P, F] = u(null), [I, L] = u(null), [R, z] = u([]), [ze, B] = u(!1), [V, H] = u(null), [U, W] = u(null), [G, K] = u(null), [q, J] = u(!1), Y = xe?.resourcePlans?.items ?? [], Be = xe?.resourcePlans?.hasMore ?? !1, X = Ee?.capacityOverview, Z = async () => {
+		await Promise.all([we(), De()]);
+	}, Ve = () => {
+		j(null), N(y()), k(!0);
+	}, He = (e) => {
 		j(e), N({
 			name: e.name,
 			description: e.description ?? "",
-			startDate: g(e.startDate),
-			endDate: g(e.endDate),
+			startDate: _(e.startDate),
+			endDate: _(e.endDate),
 			status: e.status
 		}), k(!0);
-	}, Ie = async () => {
-		M.name.trim() && (A ? await Ce({ variables: {
+	}, Ue = async () => {
+		M.name.trim() && (A ? await Ae({ variables: {
 			id: A.id,
 			input: {
 				name: M.name.trim(),
 				description: M.description.trim() || void 0,
-				startDate: _(M.startDate),
-				endDate: _(M.endDate),
+				startDate: v(M.startDate),
+				endDate: v(M.endDate),
 				status: M.status
 			}
-		} }) : await xe({ variables: { input: {
+		} }) : await Oe({ variables: { input: {
 			name: M.name.trim(),
 			description: M.description.trim() || void 0,
-			startDate: _(M.startDate),
-			endDate: _(M.endDate)
+			startDate: v(M.startDate),
+			endDate: v(M.endDate)
 		} } }), k(!1), await Z());
-	}, Le = async () => {
-		P && (await Te({ variables: { id: P.id } }), F(null), await Z());
-	}, Re = (e) => {
-		L(e), z([y(e)]), B(!1);
+	}, We = async () => {
+		P && (await Me({ variables: { id: P.id } }), F(null), await Z());
+	}, Ge = (e) => {
+		L(e), z([b(e)]), B(!1);
 	}, Q = (e, t) => {
 		z((n) => n.map((n, r) => r === e ? {
 			...n,
 			...t
 		} : n));
-	}, ze = () => {
-		z((e) => [...e, y(I ?? void 0)]);
-	}, Be = (e) => {
+	}, Ke = () => {
+		z((e) => [...e, b(I ?? void 0)]);
+	}, qe = (e) => {
 		z((t) => t.filter((t, n) => n !== e));
-	}, $ = R.every((e) => e.userId.trim() !== "" && e.allocatedHours.trim() !== "" && e.startDate !== "" && e.endDate !== ""), Ve = async () => {
-		if (!(!I || !$ || R.length === 0)) {
+	}, Je = R.every((e) => e.userId.trim() !== "" && e.allocatedHours.trim() !== "" && e.startDate !== "" && e.endDate !== ""), Ye = async () => {
+		if (!(!I || !Je || R.length === 0)) {
 			B(!1);
 			try {
 				if (R.length === 1) {
 					let e = R[0];
-					await Ee({ variables: { input: {
+					await Ne({ variables: { input: {
 						resourcePlanId: I.id,
 						userId: e.userId.trim(),
 						allocatedHours: Number(e.allocatedHours),
-						startDate: _(e.startDate),
-						endDate: _(e.endDate),
+						startDate: v(e.startDate),
+						endDate: v(e.endDate),
 						notes: e.notes.trim() || void 0
 					} } });
-				} else await De({ variables: {
+				} else await Pe({ variables: {
 					planId: I.id,
 					allocations: R.map((e) => ({
 						userId: e.userId.trim(),
 						allocatedHours: Number(e.allocatedHours),
-						startDate: _(e.startDate),
-						endDate: _(e.endDate),
+						startDate: v(e.startDate),
+						endDate: v(e.endDate),
 						notes: e.notes.trim() || void 0
 					}))
 				} });
@@ -102,35 +109,35 @@ function b() {
 				B(!0);
 			}
 		}
-	}, He = (e) => {
+	}, Xe = (e) => {
 		H(e), W({
 			userId: e.userId,
 			allocatedHours: String(e.allocatedHours),
 			actualHours: String(e.actualHours),
-			startDate: g(e.startDate),
-			endDate: g(e.endDate),
+			startDate: _(e.startDate),
+			endDate: _(e.endDate),
 			notes: e.notes ?? ""
 		});
-	}, Ue = async () => {
-		!V || !U || (await Oe({ variables: {
+	}, Ze = async () => {
+		!V || !U || (await Fe({ variables: {
 			id: V.id,
 			input: {
 				userId: U.userId.trim(),
 				allocatedHours: Number(U.allocatedHours),
 				actualHours: Number(U.actualHours),
-				startDate: _(U.startDate),
-				endDate: _(U.endDate),
+				startDate: v(U.startDate),
+				endDate: v(U.endDate),
 				notes: U.notes.trim() || void 0
 			}
 		} }), H(null), W(null), await Z());
-	}, We = async () => {
-		G && (await Ae({ variables: { id: G.id } }), K(null), await Z());
-	}, Ge = async () => {
+	}, Qe = async () => {
+		G && (await Le({ variables: { id: G.id } }), K(null), await Z());
+	}, $e = async () => {
 		J(!0);
 		try {
-			await ve({
+			await Te({
 				variables: {
-					limit: m,
+					limit: h,
 					offset: Y.length
 				},
 				updateQuery: (e, { fetchMoreResult: t }) => t ? { resourcePlans: {
@@ -141,223 +148,334 @@ function b() {
 		} finally {
 			J(!1);
 		}
-	}, Ke = /* @__PURE__ */ p("button", {
-		onClick: Pe,
+	}, et = /* @__PURE__ */ m("button", {
+		onClick: Ve,
 		className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-		children: [/* @__PURE__ */ f(c, { className: "h-4 w-4" }), "New Resource Plan"]
+		children: [/* @__PURE__ */ p(me, { className: "h-4 w-4" }), "New Resource Plan"]
 	});
-	if (he) return /* @__PURE__ */ f(i, {
+	if (Se) return /* @__PURE__ */ p(o, {
 		title: "Resource Planning",
 		description: "Plan and optimize team resource allocation",
-		children: /* @__PURE__ */ f(r, {
+		children: /* @__PURE__ */ p(r, {
 			variant: "list",
 			count: 5
 		})
 	});
-	if (ge) return /* @__PURE__ */ f(i, {
+	if (Ce) return /* @__PURE__ */ p(o, {
 		title: "Resource Planning",
 		description: "Plan and optimize team resource allocation",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load resource planning data. Please try again later."
 		})
 	});
-	let qe = X?.utilizationRate ?? 0, Je = X?.overallocatedUsers?.length ?? 0, Ye = X?.availableCapacity ?? 0;
-	return /* @__PURE__ */ p(i, {
+	let tt = X?.utilizationRate ?? 0, nt = X?.overallocatedUsers ?? [], $ = nt.length, rt = X?.availableCapacity ?? 0, it = X?.allocatedCapacity ?? 0, at = X?.totalCapacity ?? 0, ot = !!X && (at > 0 || it > 0 || $ > 0);
+	return /* @__PURE__ */ m(o, {
 		title: "Resource Planning",
 		description: "Plan and optimize team resource allocation",
 		purpose: "Match the work ahead to the people you have — see who's over- or under-booked and how much capacity is free this week — so you can commit to deadlines you can actually hit without burning anyone out.",
-		actions: Ke,
+		actions: et,
 		children: [
-			/* @__PURE__ */ p("div", {
-				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			/* @__PURE__ */ m("div", {
+				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ f(n, {
-						featured: !0,
-						title: "Team Utilization",
-						value: `${Math.round(qe)}%`,
-						icon: /* @__PURE__ */ f(de, { className: "h-5 w-5" })
-					}),
-					/* @__PURE__ */ f(n, {
-						title: "Over-allocated",
-						value: String(Je),
-						icon: /* @__PURE__ */ f(u, { className: "h-5 w-5" }),
-						iconBgColor: "bg-status-error-bg text-status-error-text"
-					}),
-					/* @__PURE__ */ f(n, {
-						title: "Active Plans",
-						value: String(Y.length),
-						icon: /* @__PURE__ */ f(u, { className: "h-5 w-5" })
+					/* @__PURE__ */ m("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+						children: [
+							/* @__PURE__ */ p(n, {
+								featured: !0,
+								title: "Team Utilization",
+								value: `${Math.round(tt)}%`,
+								icon: /* @__PURE__ */ p(ge, { className: "h-5 w-5" })
+							}),
+							/* @__PURE__ */ p(n, {
+								title: "Over-allocated",
+								value: String($),
+								icon: /* @__PURE__ */ p(d, { className: "h-5 w-5" }),
+								iconBgColor: "bg-status-error-bg text-status-error-text"
+							}),
+							/* @__PURE__ */ p(n, {
+								title: "Active Plans",
+								value: String(Y.length),
+								icon: /* @__PURE__ */ p(d, { className: "h-5 w-5" })
+							}),
+							/* @__PURE__ */ p(n, {
+								title: "Available Capacity",
+								value: `${Math.round(rt)}h`,
+								icon: /* @__PURE__ */ p(fe, { className: "h-5 w-5" }),
+								description: "This week"
+							})
+						]
 					}),
-					/* @__PURE__ */ f(n, {
-						title: "Available Capacity",
-						value: `${Math.round(Ye)}h`,
-						icon: /* @__PURE__ */ f(ue, { className: "h-5 w-5" }),
-						description: "This week"
-					})
-				]
-			}),
-			Y.length === 0 ? /* @__PURE__ */ f(le, {
-				illustration: "empty-people",
-				title: "No resource plans yet",
-				description: "Create a resource plan to start allocating team members and balancing workload across the week.",
-				action: Ke
-			}) : /* @__PURE__ */ p("div", {
-				className: "space-y-6",
-				children: [Y.map((n) => /* @__PURE__ */ p("div", {
-					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
-					children: [/* @__PURE__ */ p("div", {
-						className: "flex flex-col gap-3 border-b border-border-seam p-5 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ f("p", {
-								className: "text-sm font-semibold text-text-primary",
-								children: n.name
-							}), /* @__PURE__ */ f("span", {
-								className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${t(n.status)}`,
-								children: n.status
+					ot && /* @__PURE__ */ m("div", {
+						className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+						children: [/* @__PURE__ */ p(s, {
+							title: "Capacity split",
+							description: "Allocated vs available hours this week",
+							children: /* @__PURE__ */ p(le, {
+								data: [{
+									name: "Allocated",
+									value: it
+								}, {
+									name: "Available",
+									value: rt
+								}],
+								centerLabel: "Total",
+								centerValue: `${Math.round(at)}h`,
+								valueFormat: (e) => `${Math.round(e)}h`,
+								emptyLabel: "No capacity data yet"
+							})
+						}), /* @__PURE__ */ m(s, {
+							title: "Utilization & over-allocation",
+							description: "Team utilization and who is over-booked this week",
+							children: [/* @__PURE__ */ p(ue, {
+								value: Math.round(tt),
+								max: 100,
+								label: "Utilization",
+								sublabel: "this week",
+								format: (e) => `${Math.round(e)}%`
+							}), /* @__PURE__ */ m("div", {
+								className: "mt-4",
+								children: [/* @__PURE__ */ m("p", {
+									className: "mb-2 text-xs font-medium text-text-secondary",
+									children: [
+										"Over-allocated (",
+										$,
+										")"
+									]
+								}), $ === 0 ? /* @__PURE__ */ p("p", {
+									className: "text-sm text-text-secondary",
+									children: "No one is over-allocated this week."
+								}) : /* @__PURE__ */ p("div", {
+									className: "flex flex-wrap gap-2",
+									children: nt.map((e) => /* @__PURE__ */ m("span", {
+										className: "inline-flex items-center gap-1 rounded-full bg-status-warning-bg px-2.5 py-0.5 text-xs font-medium text-status-warning-text",
+										children: [/* @__PURE__ */ p(de, { className: "h-3.5 w-3.5" }), e]
+									}, e))
+								})]
 							})]
-						}), /* @__PURE__ */ p("p", {
-							className: "mt-0.5 text-xs text-text-secondary",
-							children: [
-								n.startDate.slice(0, 10),
-								" to ",
-								n.endDate.slice(0, 10),
-								" ",
-								"· ",
-								n.totalAllocatedHours,
-								"h allocated ·",
-								" ",
-								n.allocations.length,
-								" people"
-							]
-						})] }), /* @__PURE__ */ p("div", {
-							className: "flex items-center gap-2",
-							children: [
-								/* @__PURE__ */ p("button", {
-									onClick: () => Re(n),
-									className: "inline-flex items-center gap-1 rounded-md bg-action-primary-bg px-2.5 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-									children: [/* @__PURE__ */ f(fe, { className: "h-3.5 w-3.5" }), "Add Allocation"]
-								}),
-								/* @__PURE__ */ p("button", {
-									onClick: () => Fe(n),
-									className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken/50",
-									children: [/* @__PURE__ */ f(s, { className: "h-3.5 w-3.5" }), "Edit"]
-								}),
-								/* @__PURE__ */ p("button", {
-									onClick: () => F(n),
-									className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg",
-									children: [/* @__PURE__ */ f(l, { className: "h-3.5 w-3.5" }), "Delete"]
-								})
-							]
 						})]
-					}), n.allocations.length === 0 ? /* @__PURE__ */ f("div", {
-						className: "p-5 text-sm text-text-secondary",
-						children: "No allocations yet. Use “Add Allocation” to assign team members."
-					}) : /* @__PURE__ */ f("div", {
-						className: "divide-y divide-border",
-						children: n.allocations.map((t) => {
-							let n = t.utilizationRate ?? (t.allocatedHours > 0 ? Math.round(t.actualHours / t.allocatedHours * 100) : 0);
-							return /* @__PURE__ */ p("div", {
-								className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-								children: [/* @__PURE__ */ p("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ f("div", {
-										className: "flex h-9 w-9 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary",
-										children: e(t.userId)
-									}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: t.userId
-									}), /* @__PURE__ */ p("p", {
-										className: "text-xs text-text-secondary",
-										children: [
-											t.startDate.slice(0, 10),
-											" to",
-											" ",
-											t.endDate.slice(0, 10)
-										]
-									})] })]
-								}), /* @__PURE__ */ p("div", {
-									className: "flex items-center gap-4",
+					}),
+					Y.length === 0 ? /* @__PURE__ */ p(ce, {
+						illustration: "empty-people",
+						title: "No resource plans yet",
+						description: "Create a resource plan to start allocating team members and balancing workload across the week.",
+						action: et
+					}) : /* @__PURE__ */ m("div", {
+						className: "space-y-6",
+						children: [Y.map((n) => /* @__PURE__ */ m(ve, {
+							treatment: "glass",
+							className: "overflow-hidden",
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex flex-col gap-3 border-b border-border-seam p-5 sm:flex-row sm:items-start sm:justify-between",
+								children: [/* @__PURE__ */ m("div", {
+									className: "min-w-0",
 									children: [
-										/* @__PURE__ */ f("div", {
-											className: "text-right",
-											children: /* @__PURE__ */ p("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: [t.allocatedHours, "h allocated"]
-											})
-										}),
-										/* @__PURE__ */ p("div", {
-											className: "w-24",
-											children: [/* @__PURE__ */ f("div", {
-												className: "flex items-center justify-between text-xs mb-0.5",
-												children: /* @__PURE__ */ p("span", {
-													className: `font-medium ${n > 100 ? "text-status-error-text" : n < 70 ? "text-status-warning-text" : "text-status-success-text"}`,
-													children: [n, "%"]
-												})
-											}), /* @__PURE__ */ f("div", {
-												className: "h-2 rounded-full bg-bg-sunken",
-												children: /* @__PURE__ */ f("div", {
-													className: `h-2 rounded-full ${n > 100 ? "bg-status-error-text" : n < 70 ? "bg-status-warning-text" : "bg-status-success-text"}`,
-													style: { width: `${Math.min(n, 100)}%` }
-												})
+										/* @__PURE__ */ m("div", {
+											className: "flex flex-wrap items-center gap-2",
+											children: [/* @__PURE__ */ p("p", {
+												className: "text-sm font-semibold text-text-primary",
+												children: n.name
+											}), /* @__PURE__ */ p(se, {
+												label: n.status,
+												status: n.status
 											})]
 										}),
+										/* @__PURE__ */ m("p", {
+											className: "mt-0.5 text-xs text-text-secondary",
+											children: [
+												n.startDate.slice(0, 10),
+												" to",
+												" ",
+												n.endDate.slice(0, 10),
+												" ·",
+												" ",
+												n.allocations.length,
+												" ",
+												n.allocations.length === 1 ? "person" : "people"
+											]
+										}),
 										/* @__PURE__ */ p("div", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ f("button", {
-												onClick: () => He(t),
-												"aria-label": "Edit allocation",
-												className: "rounded-md border border-border-subtle p-1.5 text-text-primary hover:bg-bg-sunken/50",
-												children: /* @__PURE__ */ f(s, { className: "h-4 w-4" })
-											}), /* @__PURE__ */ f("button", {
-												onClick: () => K(t),
-												"aria-label": "Delete allocation",
-												className: "rounded-md border border-border-subtle p-1.5 text-status-error-text hover:bg-status-error-bg",
-												children: /* @__PURE__ */ f(l, { className: "h-4 w-4" })
-											})]
+											className: "mt-3 max-w-sm",
+											children: /* @__PURE__ */ p(l, {
+												size: "sm",
+												label: "Logged vs allocated",
+												value: n.totalActualHours,
+												max: n.totalAllocatedHours > 0 ? n.totalAllocatedHours : Math.max(n.totalActualHours, 1),
+												format: (t) => e(t)
+											})
+										})
+									]
+								}), /* @__PURE__ */ m("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: [
+										/* @__PURE__ */ m("button", {
+											onClick: () => Ge(n),
+											className: "inline-flex items-center gap-1 rounded-md bg-action-primary-bg px-2.5 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+											children: [/* @__PURE__ */ p(_e, { className: "h-3.5 w-3.5" }), "Add Allocation"]
+										}),
+										/* @__PURE__ */ m("button", {
+											onClick: () => He(n),
+											className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken/50",
+											children: [/* @__PURE__ */ p(pe, { className: "h-3.5 w-3.5" }), "Edit"]
+										}),
+										/* @__PURE__ */ m("button", {
+											onClick: () => F(n),
+											className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg",
+											children: [/* @__PURE__ */ p(he, { className: "h-3.5 w-3.5" }), "Delete"]
 										})
 									]
 								})]
-							}, t.id);
-						})
-					})]
-				}, n.id)), Ne && /* @__PURE__ */ f("div", {
-					className: "flex justify-center",
-					children: /* @__PURE__ */ f("button", {
-						onClick: Ge,
-						disabled: q,
-						className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
-						children: q ? "Loading..." : "Load more"
+							}), n.allocations.length === 0 ? /* @__PURE__ */ p("div", {
+								className: "p-5 text-sm text-text-secondary",
+								children: "No allocations yet. Use “Add Allocation” to assign team members."
+							}) : /* @__PURE__ */ p("div", {
+								className: "overflow-x-auto",
+								children: /* @__PURE__ */ m("table", {
+									className: "w-full text-sm",
+									children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", {
+										className: "border-b border-border-seam text-left text-xs text-text-secondary",
+										children: [
+											/* @__PURE__ */ p("th", {
+												className: "whitespace-nowrap px-5 py-2.5 font-medium",
+												children: "Member"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "whitespace-nowrap px-4 py-2.5 font-medium",
+												children: "Window"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "whitespace-nowrap px-4 py-2.5 text-right font-medium",
+												children: "Allocated"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "whitespace-nowrap px-4 py-2.5 text-right font-medium",
+												children: "Actual"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "whitespace-nowrap px-4 py-2.5 font-medium",
+												children: "Utilization"
+											}),
+											/* @__PURE__ */ p("th", {
+												className: "whitespace-nowrap px-5 py-2.5 text-right font-medium",
+												children: "Actions"
+											})
+										]
+									}) }), /* @__PURE__ */ p("tbody", {
+										className: "divide-y divide-border-seam",
+										children: n.allocations.map((n) => {
+											let r = n.utilizationRate ?? (n.allocatedHours > 0 ? Math.round(n.actualHours / n.allocatedHours * 100) : 0), i = r > 100 ? "danger" : r < 70 ? "warning" : "success", a = i === "danger" ? "text-status-error-text" : i === "warning" ? "text-status-warning-text" : "text-status-success-text";
+											return /* @__PURE__ */ m("tr", {
+												className: "transition-colors hover:bg-bg-sunken/50",
+												children: [
+													/* @__PURE__ */ p("td", {
+														className: "whitespace-nowrap px-5 py-3",
+														children: /* @__PURE__ */ m("div", {
+															className: "flex items-center gap-3",
+															children: [/* @__PURE__ */ p("div", {
+																className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary",
+																children: t(n.userId)
+															}), /* @__PURE__ */ p("span", {
+																className: "font-medium text-text-primary",
+																children: n.userId
+															})]
+														})
+													}),
+													/* @__PURE__ */ m("td", {
+														className: "whitespace-nowrap px-4 py-3 text-text-secondary",
+														children: [
+															n.startDate.slice(0, 10),
+															" to",
+															" ",
+															n.endDate.slice(0, 10)
+														]
+													}),
+													/* @__PURE__ */ p("td", {
+														className: "whitespace-nowrap px-4 py-3 text-right font-medium text-text-primary",
+														children: e(n.allocatedHours)
+													}),
+													/* @__PURE__ */ p("td", {
+														className: "whitespace-nowrap px-4 py-3 text-right text-text-secondary",
+														children: e(n.actualHours)
+													}),
+													/* @__PURE__ */ p("td", {
+														className: "px-4 py-3",
+														children: /* @__PURE__ */ m("div", {
+															className: "flex w-40 items-center gap-2",
+															children: [/* @__PURE__ */ p(l, {
+																size: "sm",
+																value: r,
+																max: 100,
+																tone: i,
+																showValue: !1,
+																className: "flex-1"
+															}), /* @__PURE__ */ m("span", {
+																className: `shrink-0 text-xs font-medium tabular-nums ${a}`,
+																children: [r, "%"]
+															})]
+														})
+													}),
+													/* @__PURE__ */ p("td", {
+														className: "whitespace-nowrap px-5 py-3",
+														children: /* @__PURE__ */ m("div", {
+															className: "flex items-center justify-end gap-1",
+															children: [/* @__PURE__ */ p("button", {
+																onClick: () => Xe(n),
+																"aria-label": "Edit allocation",
+																className: "rounded-md border border-border-subtle p-1.5 text-text-primary hover:bg-bg-sunken/50",
+																children: /* @__PURE__ */ p(pe, { className: "h-4 w-4" })
+															}), /* @__PURE__ */ p("button", {
+																onClick: () => K(n),
+																"aria-label": "Delete allocation",
+																className: "rounded-md border border-border-subtle p-1.5 text-status-error-text hover:bg-status-error-bg",
+																children: /* @__PURE__ */ p(he, { className: "h-4 w-4" })
+															})]
+														})
+													})
+												]
+											}, n.id);
+										})
+									})]
+								})
+							})]
+						}, n.id)), Be && /* @__PURE__ */ p("div", {
+							className: "flex justify-center",
+							children: /* @__PURE__ */ p("button", {
+								onClick: $e,
+								disabled: q,
+								className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
+								children: q ? "Loading..." : "Load more"
+							})
+						})]
 					})
-				})]
+				]
 			}),
-			/* @__PURE__ */ p(a, {
-				open: je,
+			/* @__PURE__ */ m(c, {
+				open: Re,
 				onClose: () => k(!1),
 				title: A ? "Edit Resource Plan" : "New Resource Plan",
 				description: "Set the window this plan covers, then allocate people to it.",
 				size: "lg",
-				footer: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
+				footer: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
 					onClick: () => k(!1),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ f("button", {
-					onClick: Ie,
+				}), /* @__PURE__ */ p("button", {
+					onClick: Ue,
 					disabled: S || C || !M.name.trim(),
 					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
 					children: S || C ? "Saving..." : A ? "Save Changes" : "Create Plan"
 				})] }),
-				children: [(Se || we) && /* @__PURE__ */ f("div", {
+				children: [(ke || je) && /* @__PURE__ */ p("div", {
 					className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
 					children: "Failed to save resource plan. Please try again."
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Plan Name"
-						}), /* @__PURE__ */ f("input", {
+						}), /* @__PURE__ */ p("input", {
 							type: "text",
 							placeholder: "e.g. Q3 Delivery",
 							value: M.name,
@@ -365,12 +483,12 @@ function b() {
 								...M,
 								name: e.target.value
 							}),
-							className: h
+							className: g
 						})] }),
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Description (optional)"
-						}), /* @__PURE__ */ f("textarea", {
+						}), /* @__PURE__ */ p("textarea", {
 							rows: 2,
 							placeholder: "What this plan covers",
 							value: M.description,
@@ -378,58 +496,58 @@ function b() {
 								...M,
 								description: e.target.value
 							}),
-							className: h
+							className: g
 						})] }),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "Start Date"
-							}), /* @__PURE__ */ f("input", {
+							}), /* @__PURE__ */ p("input", {
 								type: "date",
 								value: M.startDate,
 								onChange: (e) => N({
 									...M,
 									startDate: e.target.value
 								}),
-								className: h
-							})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: g
+							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "End Date"
-							}), /* @__PURE__ */ f("input", {
+							}), /* @__PURE__ */ p("input", {
 								type: "date",
 								value: M.endDate,
 								onChange: (e) => N({
 									...M,
 									endDate: e.target.value
 								}),
-								className: h
+								className: g
 							})] })]
 						}),
-						A && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						A && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Status"
-						}), /* @__PURE__ */ p("select", {
+						}), /* @__PURE__ */ m("select", {
 							value: M.status,
 							onChange: (e) => N({
 								...M,
 								status: e.target.value
 							}),
-							className: h,
+							className: g,
 							children: [
-								/* @__PURE__ */ f("option", {
+								/* @__PURE__ */ p("option", {
 									value: "active",
 									children: "Active"
 								}),
-								/* @__PURE__ */ f("option", {
+								/* @__PURE__ */ p("option", {
 									value: "draft",
 									children: "Draft"
 								}),
-								/* @__PURE__ */ f("option", {
+								/* @__PURE__ */ p("option", {
 									value: "completed",
 									children: "Completed"
 								}),
-								/* @__PURE__ */ f("option", {
+								/* @__PURE__ */ p("option", {
 									value: "archived",
 									children: "Archived"
 								})
@@ -438,227 +556,227 @@ function b() {
 					]
 				})]
 			}),
-			/* @__PURE__ */ p(a, {
+			/* @__PURE__ */ m(c, {
 				open: I !== null,
 				onClose: () => L(null),
 				title: "Add Allocation",
 				description: I ? `Assign team members to "${I.name}".` : void 0,
 				size: "xl",
-				footer: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
+				footer: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
 					onClick: () => L(null),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ f("button", {
-					onClick: Ve,
-					disabled: T || E || !$,
+				}), /* @__PURE__ */ p("button", {
+					onClick: Ye,
+					disabled: T || E || !Je,
 					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
 					children: T || E ? "Saving..." : R.length > 1 ? `Add ${R.length} Allocations` : "Add Allocation"
 				})] }),
-				children: [Me && /* @__PURE__ */ f("div", {
+				children: [ze && /* @__PURE__ */ p("div", {
 					className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
 					children: "Failed to add allocations. Please check the values and try again."
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "space-y-4",
-					children: [R.map((e, t) => /* @__PURE__ */ p("div", {
+					children: [R.map((e, t) => /* @__PURE__ */ m("div", {
 						className: "rounded-lg border border-border-subtle p-3",
-						children: [/* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ m("div", {
 							className: "mb-2 flex items-center justify-between",
-							children: [/* @__PURE__ */ p("span", {
+							children: [/* @__PURE__ */ m("span", {
 								className: "text-xs font-medium text-text-secondary",
 								children: ["Allocation ", t + 1]
-							}), R.length > 1 && /* @__PURE__ */ f("button", {
-								onClick: () => Be(t),
+							}), R.length > 1 && /* @__PURE__ */ p("button", {
+								onClick: () => qe(t),
 								className: "text-xs font-medium text-status-error-text hover:underline",
 								children: "Remove"
 							})]
-						}), /* @__PURE__ */ p("div", {
+						}), /* @__PURE__ */ m("div", {
 							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
 							children: [
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-xs font-medium text-text-primary",
 									children: "User ID"
-								}), /* @__PURE__ */ f("input", {
+								}), /* @__PURE__ */ p("input", {
 									type: "text",
 									placeholder: "User identifier",
 									value: e.userId,
 									onChange: (e) => Q(t, { userId: e.target.value }),
-									className: h
+									className: g
 								})] }),
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-xs font-medium text-text-primary",
 									children: "Allocated Hours"
-								}), /* @__PURE__ */ f("input", {
+								}), /* @__PURE__ */ p("input", {
 									type: "number",
 									placeholder: "0",
 									value: e.allocatedHours,
 									onChange: (e) => Q(t, { allocatedHours: e.target.value }),
-									className: h
+									className: g
 								})] }),
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-xs font-medium text-text-primary",
 									children: "Start Date"
-								}), /* @__PURE__ */ f("input", {
+								}), /* @__PURE__ */ p("input", {
 									type: "date",
 									value: e.startDate,
 									onChange: (e) => Q(t, { startDate: e.target.value }),
-									className: h
+									className: g
 								})] }),
-								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									className: "block text-xs font-medium text-text-primary",
 									children: "End Date"
-								}), /* @__PURE__ */ f("input", {
+								}), /* @__PURE__ */ p("input", {
 									type: "date",
 									value: e.endDate,
 									onChange: (e) => Q(t, { endDate: e.target.value }),
-									className: h
+									className: g
 								})] }),
-								/* @__PURE__ */ p("div", {
+								/* @__PURE__ */ m("div", {
 									className: "sm:col-span-2",
-									children: [/* @__PURE__ */ f("label", {
+									children: [/* @__PURE__ */ p("label", {
 										className: "block text-xs font-medium text-text-primary",
 										children: "Notes (optional)"
-									}), /* @__PURE__ */ f("input", {
+									}), /* @__PURE__ */ p("input", {
 										type: "text",
 										placeholder: "Context for this allocation",
 										value: e.notes,
 										onChange: (e) => Q(t, { notes: e.target.value }),
-										className: h
+										className: g
 									})]
 								})
 							]
 						})]
-					}, t)), /* @__PURE__ */ p("button", {
-						onClick: ze,
+					}, t)), /* @__PURE__ */ m("button", {
+						onClick: Ke,
 						className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
-						children: [/* @__PURE__ */ f(c, { className: "h-4 w-4" }), "Add another person"]
+						children: [/* @__PURE__ */ p(me, { className: "h-4 w-4" }), "Add another person"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ p(a, {
+			/* @__PURE__ */ m(c, {
 				open: V !== null && U !== null,
 				onClose: () => {
 					H(null), W(null);
 				},
 				title: "Edit Allocation",
 				size: "lg",
-				footer: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
+				footer: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
 					onClick: () => {
 						H(null), W(null);
 					},
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ f("button", {
-					onClick: Ue,
+				}), /* @__PURE__ */ p("button", {
+					onClick: Ze,
 					disabled: D,
 					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
 					children: D ? "Saving..." : "Save Changes"
 				})] }),
-				children: [ke && /* @__PURE__ */ f("div", {
+				children: [Ie && /* @__PURE__ */ p("div", {
 					className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
 					children: "Failed to update allocation. Please try again."
-				}), U && /* @__PURE__ */ p("div", {
+				}), U && /* @__PURE__ */ m("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 					children: [
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "User ID"
-						}), /* @__PURE__ */ f("input", {
+						}), /* @__PURE__ */ p("input", {
 							type: "text",
 							value: U.userId,
 							onChange: (e) => W({
 								...U,
 								userId: e.target.value
 							}),
-							className: h
+							className: g
 						})] }),
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Allocated Hours"
-						}), /* @__PURE__ */ f("input", {
+						}), /* @__PURE__ */ p("input", {
 							type: "number",
 							value: U.allocatedHours,
 							onChange: (e) => W({
 								...U,
 								allocatedHours: e.target.value
 							}),
-							className: h
+							className: g
 						})] }),
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Actual Hours"
-						}), /* @__PURE__ */ f("input", {
+						}), /* @__PURE__ */ p("input", {
 							type: "number",
 							value: U.actualHours,
 							onChange: (e) => W({
 								...U,
 								actualHours: e.target.value
 							}),
-							className: h
+							className: g
 						})] }),
-						/* @__PURE__ */ f("div", {}),
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ p("div", {}),
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Start Date"
-						}), /* @__PURE__ */ f("input", {
+						}), /* @__PURE__ */ p("input", {
 							type: "date",
 							value: U.startDate,
 							onChange: (e) => W({
 								...U,
 								startDate: e.target.value
 							}),
-							className: h
+							className: g
 						})] }),
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "End Date"
-						}), /* @__PURE__ */ f("input", {
+						}), /* @__PURE__ */ p("input", {
 							type: "date",
 							value: U.endDate,
 							onChange: (e) => W({
 								...U,
 								endDate: e.target.value
 							}),
-							className: h
+							className: g
 						})] }),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "sm:col-span-2",
-							children: [/* @__PURE__ */ f("label", {
+							children: [/* @__PURE__ */ p("label", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "Notes (optional)"
-							}), /* @__PURE__ */ f("input", {
+							}), /* @__PURE__ */ p("input", {
 								type: "text",
 								value: U.notes,
 								onChange: (e) => W({
 									...U,
 									notes: e.target.value
 								}),
-								className: h
+								className: g
 							})]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ f(a, {
+			/* @__PURE__ */ p(c, {
 				open: P !== null,
 				onClose: () => F(null),
 				title: "Delete Resource Plan",
 				description: "This action cannot be undone.",
-				footer: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
+				footer: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
 					onClick: () => F(null),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ f("button", {
-					onClick: Le,
+				}), /* @__PURE__ */ p("button", {
+					onClick: We,
 					disabled: w,
 					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50",
 					children: w ? "Deleting..." : "Delete"
 				})] }),
-				children: /* @__PURE__ */ p("p", {
+				children: /* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						"Are you sure you want to delete",
 						" ",
-						/* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("span", {
 							className: "font-medium text-text-primary",
 							children: P?.name
 						}),
@@ -666,27 +784,27 @@ function b() {
 					]
 				})
 			}),
-			/* @__PURE__ */ f(a, {
+			/* @__PURE__ */ p(c, {
 				open: G !== null,
 				onClose: () => K(null),
 				title: "Delete Allocation",
 				description: "This action cannot be undone.",
-				footer: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
+				footer: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
 					onClick: () => K(null),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ f("button", {
-					onClick: We,
+				}), /* @__PURE__ */ p("button", {
+					onClick: Qe,
 					disabled: O,
 					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50",
 					children: O ? "Deleting..." : "Delete"
 				})] }),
-				children: /* @__PURE__ */ p("p", {
+				children: /* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						"Remove the allocation for",
 						" ",
-						/* @__PURE__ */ f("span", {
+						/* @__PURE__ */ p("span", {
 							className: "font-medium text-text-primary",
 							children: G?.userId
 						}),
@@ -698,6 +816,6 @@ function b() {
 	});
 }
 //#endregion
-export { b as ResourcePlanningPage };
+export { x as ResourcePlanningPage };
 
 //# sourceMappingURL=ResourcePlanningPage.js.map