@burdenoff/microfe-timecampus 2026.626.2 → 2026.703.2

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

@@ -1,133 +1,703 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { getInitials as t } from "../../utils/helpers.js";
+import { getInitials as e, getStatusColor as t } from "../../utils/helpers.js";
 import { StatCard as n } from "../../components/StatCard.js";
 import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useGetCapacityOverviewQuery as i, useListResourcePlansQuery as a } from "../../../generated/wspace-operations.js";
-import { PageLayout as o } from "../../components/PageLayout.js";
-import { EmptyState as s } from "../../components/EmptyState.js";
-import { CalendarRange as c, TrendingUp as l, Users as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+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";
 //#region src/timecampus/pages/resource-planning/ResourcePlanningPage.tsx
-function p() {
-	let { workspaceId: p = "" } = e(), m = /* @__PURE__ */ new Date(), h = new Date(m.getFullYear(), m.getMonth(), m.getDate()).toISOString(), g = new Date(m.getFullYear(), m.getMonth(), m.getDate() + 7).toISOString(), { data: _, loading: v, error: y } = a(), { data: b } = i({ variables: {
-		startDate: h,
-		endDate: g
-	} }), x = _?.resourcePlans?.items ?? [], S = b?.capacityOverview, C = x.flatMap((e) => e.allocations.map((t) => ({
-		...t,
-		planName: e.name
-	})));
-	if (v) return /* @__PURE__ */ d(o, {
+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 = () => {
+	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()),
+		status: "active"
+	};
+}, y = (e) => ({
+	userId: "",
+	allocatedHours: "",
+	startDate: e ? g(e.startDate) : "",
+	endDate: e ? g(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,
+		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) => {
+		j(e), N({
+			name: e.name,
+			description: e.description ?? "",
+			startDate: g(e.startDate),
+			endDate: g(e.endDate),
+			status: e.status
+		}), k(!0);
+	}, Ie = async () => {
+		M.name.trim() && (A ? await Ce({ variables: {
+			id: A.id,
+			input: {
+				name: M.name.trim(),
+				description: M.description.trim() || void 0,
+				startDate: _(M.startDate),
+				endDate: _(M.endDate),
+				status: M.status
+			}
+		} }) : await xe({ variables: { input: {
+			name: M.name.trim(),
+			description: M.description.trim() || void 0,
+			startDate: _(M.startDate),
+			endDate: _(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);
+	}, Q = (e, t) => {
+		z((n) => n.map((n, r) => r === e ? {
+			...n,
+			...t
+		} : n));
+	}, ze = () => {
+		z((e) => [...e, y(I ?? void 0)]);
+	}, Be = (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)) {
+			B(!1);
+			try {
+				if (R.length === 1) {
+					let e = R[0];
+					await Ee({ variables: { input: {
+						resourcePlanId: I.id,
+						userId: e.userId.trim(),
+						allocatedHours: Number(e.allocatedHours),
+						startDate: _(e.startDate),
+						endDate: _(e.endDate),
+						notes: e.notes.trim() || void 0
+					} } });
+				} else await De({ variables: {
+					planId: I.id,
+					allocations: R.map((e) => ({
+						userId: e.userId.trim(),
+						allocatedHours: Number(e.allocatedHours),
+						startDate: _(e.startDate),
+						endDate: _(e.endDate),
+						notes: e.notes.trim() || void 0
+					}))
+				} });
+				L(null), await Z();
+			} catch {
+				B(!0);
+			}
+		}
+	}, He = (e) => {
+		H(e), W({
+			userId: e.userId,
+			allocatedHours: String(e.allocatedHours),
+			actualHours: String(e.actualHours),
+			startDate: g(e.startDate),
+			endDate: g(e.endDate),
+			notes: e.notes ?? ""
+		});
+	}, Ue = async () => {
+		!V || !U || (await Oe({ variables: {
+			id: V.id,
+			input: {
+				userId: U.userId.trim(),
+				allocatedHours: Number(U.allocatedHours),
+				actualHours: Number(U.actualHours),
+				startDate: _(U.startDate),
+				endDate: _(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 () => {
+		J(!0);
+		try {
+			await ve({
+				variables: {
+					limit: m,
+					offset: Y.length
+				},
+				updateQuery: (e, { fetchMoreResult: t }) => t ? { resourcePlans: {
+					...t.resourcePlans,
+					items: [...e.resourcePlans.items, ...t.resourcePlans.items]
+				} } : e
+			});
+		} finally {
+			J(!1);
+		}
+	}, Ke = /* @__PURE__ */ p("button", {
+		onClick: Pe,
+		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"]
+	});
+	if (he) return /* @__PURE__ */ f(i, {
 		title: "Resource Planning",
 		description: "Plan and optimize team resource allocation",
-		children: /* @__PURE__ */ d(r, {
+		children: /* @__PURE__ */ f(r, {
 			variant: "list",
 			count: 5
 		})
 	});
-	if (y) return /* @__PURE__ */ d(o, {
+	if (ge) return /* @__PURE__ */ f(i, {
 		title: "Resource Planning",
 		description: "Plan and optimize team resource allocation",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("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 w = S?.utilizationRate ?? 0, T = S?.overallocatedUsers?.length ?? 0, E = S?.availableCapacity ?? 0;
-	return /* @__PURE__ */ f(o, {
+	let qe = X?.utilizationRate ?? 0, Je = X?.overallocatedUsers?.length ?? 0, Ye = X?.availableCapacity ?? 0;
+	return /* @__PURE__ */ p(i, {
 		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.",
-		children: [/* @__PURE__ */ f("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-			children: [
-				/* @__PURE__ */ d(n, {
-					featured: !0,
-					title: "Team Utilization",
-					value: `${Math.round(w)}%`,
-					icon: /* @__PURE__ */ d(l, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ d(n, {
-					title: "Over-allocated",
-					value: String(T),
-					icon: /* @__PURE__ */ d(u, { className: "h-5 w-5" }),
-					iconBgColor: "bg-status-error-bg text-status-error-text"
-				}),
-				/* @__PURE__ */ d(n, {
-					title: "Active Plans",
-					value: String(x.length),
-					icon: /* @__PURE__ */ d(u, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ d(n, {
-					title: "Available Capacity",
-					value: `${Math.round(E)}h`,
-					icon: /* @__PURE__ */ d(c, { className: "h-5 w-5" }),
-					description: "This week"
-				})
-			]
-		}), C.length === 0 ? /* @__PURE__ */ d(s, {
-			illustration: "empty-people",
-			title: "No resource allocations found",
-			description: "Create a resource plan to start allocating team members and balancing workload across the week."
-		}) : /* @__PURE__ */ d("div", {
-			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
-			children: /* @__PURE__ */ d("div", {
-				className: "divide-y divide-border",
-				children: C.map((e) => {
-					let n = e.utilizationRate ?? (e.allocatedHours > 0 ? Math.round(e.actualHours / e.allocatedHours * 100) : 0);
-					return /* @__PURE__ */ f("div", {
-						className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-						children: [/* @__PURE__ */ f("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ d("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: t(e.userId)
-							}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
-								className: "text-sm font-medium text-text-primary",
-								children: e.userId
-							}), /* @__PURE__ */ f("p", {
-								className: "text-xs text-text-secondary",
-								children: [
-									e.planName,
-									" ·",
-									" ",
-									e.startDate.slice(0, 10),
-									" to",
-									" ",
-									e.endDate.slice(0, 10)
-								]
-							})] })]
-						}), /* @__PURE__ */ f("div", {
-							className: "flex items-center gap-4",
-							children: [/* @__PURE__ */ d("div", {
-								className: "text-right",
-								children: /* @__PURE__ */ f("p", {
-									className: "text-sm font-medium text-text-primary",
-									children: [e.allocatedHours, "h allocated"]
+		actions: Ke,
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				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__ */ 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
+							})]
+						}), /* @__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"]
 								})
-							}), /* @__PURE__ */ f("div", {
-								className: "w-24",
-								children: [/* @__PURE__ */ d("div", {
-									className: "flex items-center justify-between text-xs mb-0.5",
-									children: /* @__PURE__ */ f("span", {
-										className: `font-medium ${n > 100 ? "text-status-error-text" : n < 70 ? "text-status-warning-text" : "text-status-success-text"}`,
-										children: [n, "%"]
-									})
-								}), /* @__PURE__ */ d("div", {
-									className: "h-2 rounded-full bg-bg-sunken",
-									children: /* @__PURE__ */ d("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)}%` }
-									})
+							]
+						})]
+					}), 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",
+									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__ */ 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" })
+											})]
+										})
+									]
 								})]
+							}, 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"
+					})
+				})]
+			}),
+			/* @__PURE__ */ p(a, {
+				open: je,
+				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", {
+					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,
+					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", {
+					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", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Plan Name"
+						}), /* @__PURE__ */ f("input", {
+							type: "text",
+							placeholder: "e.g. Q3 Delivery",
+							value: M.name,
+							onChange: (e) => N({
+								...M,
+								name: e.target.value
+							}),
+							className: h
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Description (optional)"
+						}), /* @__PURE__ */ f("textarea", {
+							rows: 2,
+							placeholder: "What this plan covers",
+							value: M.description,
+							onChange: (e) => N({
+								...M,
+								description: e.target.value
+							}),
+							className: h
+						})] }),
+						/* @__PURE__ */ p("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: "block text-sm font-medium text-text-primary",
+								children: "Start Date"
+							}), /* @__PURE__ */ f("input", {
+								type: "date",
+								value: M.startDate,
+								onChange: (e) => N({
+									...M,
+									startDate: e.target.value
+								}),
+								className: h
+							})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: "block text-sm font-medium text-text-primary",
+								children: "End Date"
+							}), /* @__PURE__ */ f("input", {
+								type: "date",
+								value: M.endDate,
+								onChange: (e) => N({
+									...M,
+									endDate: e.target.value
+								}),
+								className: h
+							})] })]
+						}),
+						A && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Status"
+						}), /* @__PURE__ */ p("select", {
+							value: M.status,
+							onChange: (e) => N({
+								...M,
+								status: e.target.value
+							}),
+							className: h,
+							children: [
+								/* @__PURE__ */ f("option", {
+									value: "active",
+									children: "Active"
+								}),
+								/* @__PURE__ */ f("option", {
+									value: "draft",
+									children: "Draft"
+								}),
+								/* @__PURE__ */ f("option", {
+									value: "completed",
+									children: "Completed"
+								}),
+								/* @__PURE__ */ f("option", {
+									value: "archived",
+									children: "Archived"
+								})
+							]
+						})] })
+					]
+				})]
+			}),
+			/* @__PURE__ */ p(a, {
+				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", {
+					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 || !$,
+					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", {
+					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", {
+					className: "space-y-4",
+					children: [R.map((e, t) => /* @__PURE__ */ p("div", {
+						className: "rounded-lg border border-border-subtle p-3",
+						children: [/* @__PURE__ */ p("div", {
+							className: "mb-2 flex items-center justify-between",
+							children: [/* @__PURE__ */ p("span", {
+								className: "text-xs font-medium text-text-secondary",
+								children: ["Allocation ", t + 1]
+							}), R.length > 1 && /* @__PURE__ */ f("button", {
+								onClick: () => Be(t),
+								className: "text-xs font-medium text-status-error-text hover:underline",
+								children: "Remove"
 							})]
+						}), /* @__PURE__ */ p("div", {
+							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+							children: [
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									className: "block text-xs font-medium text-text-primary",
+									children: "User ID"
+								}), /* @__PURE__ */ f("input", {
+									type: "text",
+									placeholder: "User identifier",
+									value: e.userId,
+									onChange: (e) => Q(t, { userId: e.target.value }),
+									className: h
+								})] }),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									className: "block text-xs font-medium text-text-primary",
+									children: "Allocated Hours"
+								}), /* @__PURE__ */ f("input", {
+									type: "number",
+									placeholder: "0",
+									value: e.allocatedHours,
+									onChange: (e) => Q(t, { allocatedHours: e.target.value }),
+									className: h
+								})] }),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									className: "block text-xs font-medium text-text-primary",
+									children: "Start Date"
+								}), /* @__PURE__ */ f("input", {
+									type: "date",
+									value: e.startDate,
+									onChange: (e) => Q(t, { startDate: e.target.value }),
+									className: h
+								})] }),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									className: "block text-xs font-medium text-text-primary",
+									children: "End Date"
+								}), /* @__PURE__ */ f("input", {
+									type: "date",
+									value: e.endDate,
+									onChange: (e) => Q(t, { endDate: e.target.value }),
+									className: h
+								})] }),
+								/* @__PURE__ */ p("div", {
+									className: "sm:col-span-2",
+									children: [/* @__PURE__ */ f("label", {
+										className: "block text-xs font-medium text-text-primary",
+										children: "Notes (optional)"
+									}), /* @__PURE__ */ f("input", {
+										type: "text",
+										placeholder: "Context for this allocation",
+										value: e.notes,
+										onChange: (e) => Q(t, { notes: e.target.value }),
+										className: h
+									})]
+								})
+							]
 						})]
-					}, e.id);
+					}, t)), /* @__PURE__ */ p("button", {
+						onClick: ze,
+						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"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ p(a, {
+				open: V !== null && U !== null,
+				onClose: () => {
+					H(null), W(null);
+				},
+				title: "Edit Allocation",
+				size: "lg",
+				footer: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("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,
+					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", {
+					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", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "User ID"
+						}), /* @__PURE__ */ f("input", {
+							type: "text",
+							value: U.userId,
+							onChange: (e) => W({
+								...U,
+								userId: e.target.value
+							}),
+							className: h
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Allocated Hours"
+						}), /* @__PURE__ */ f("input", {
+							type: "number",
+							value: U.allocatedHours,
+							onChange: (e) => W({
+								...U,
+								allocatedHours: e.target.value
+							}),
+							className: h
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Actual Hours"
+						}), /* @__PURE__ */ f("input", {
+							type: "number",
+							value: U.actualHours,
+							onChange: (e) => W({
+								...U,
+								actualHours: e.target.value
+							}),
+							className: h
+						})] }),
+						/* @__PURE__ */ f("div", {}),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Start Date"
+						}), /* @__PURE__ */ f("input", {
+							type: "date",
+							value: U.startDate,
+							onChange: (e) => W({
+								...U,
+								startDate: e.target.value
+							}),
+							className: h
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "End Date"
+						}), /* @__PURE__ */ f("input", {
+							type: "date",
+							value: U.endDate,
+							onChange: (e) => W({
+								...U,
+								endDate: e.target.value
+							}),
+							className: h
+						})] }),
+						/* @__PURE__ */ p("div", {
+							className: "sm:col-span-2",
+							children: [/* @__PURE__ */ f("label", {
+								className: "block text-sm font-medium text-text-primary",
+								children: "Notes (optional)"
+							}), /* @__PURE__ */ f("input", {
+								type: "text",
+								value: U.notes,
+								onChange: (e) => W({
+									...U,
+									notes: e.target.value
+								}),
+								className: h
+							})]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ f(a, {
+				open: P !== null,
+				onClose: () => F(null),
+				title: "Delete Resource Plan",
+				description: "This action cannot be undone.",
+				footer: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("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,
+					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", {
+					className: "text-sm text-text-secondary",
+					children: [
+						"Are you sure you want to delete",
+						" ",
+						/* @__PURE__ */ f("span", {
+							className: "font-medium text-text-primary",
+							children: P?.name
+						}),
+						"? All its allocations will be removed."
+					]
+				})
+			}),
+			/* @__PURE__ */ f(a, {
+				open: G !== null,
+				onClose: () => K(null),
+				title: "Delete Allocation",
+				description: "This action cannot be undone.",
+				footer: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("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,
+					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", {
+					className: "text-sm text-text-secondary",
+					children: [
+						"Remove the allocation for",
+						" ",
+						/* @__PURE__ */ f("span", {
+							className: "font-medium text-text-primary",
+							children: G?.userId
+						}),
+						"?"
+					]
 				})
 			})
-		})]
+		]
 	});
 }
 //#endregion
-export { p as ResourcePlanningPage };
+export { b as ResourcePlanningPage };
 
 //# sourceMappingURL=ResourcePlanningPage.js.map