@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

package/dist/timecampus/pages/projects/ProjectDetailPage.js

@@ -1,100 +1,114 @@
 import { useTimeCampusNavigate as e } from "../../providers/TimeCampusProvider.js";
-import { formatCurrency as t, formatHours as n } from "../../utils/helpers.js";
-import { StatCard as r } from "../../components/StatCard.js";
-import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
-import { useArchiveProjectMutation as a, useDeleteProjectMutation as o, useGetProjectQuery as s, useGetProjectStatsQuery as c, useUpdateProjectMutation as l } from "../../../generated/wspace-operations.js";
-import { PageLayout as u } from "../../components/PageLayout.js";
-import { Modal as d } from "../../components/Modal.js";
-import { useState as f } from "react";
-import { Archive as p, Clock as m, FolderOpen as h, Pencil as g, Trash2 as _, TrendingUp as v, Users as y } from "lucide-react";
-import { useParams as b } from "react-router-dom";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { NextSteps as w } from "@burdenoff/fe-libs/ui";
+import { formatCurrency as t, formatDate as n, formatHours as r } from "../../utils/helpers.js";
+import { StatCard as i } from "../../components/StatCard.js";
+import { LoadingSkeleton as a } from "../../components/LoadingSkeleton.js";
+import { useArchiveProjectMutation as ee, useDeleteProjectMutation as te, useGetProjectQuery as ne, useGetProjectStatsQuery as re, useUpdateProjectMutation as o } from "../../../generated/wspace-operations.js";
+import { PageLayout as s } from "../../components/PageLayout.js";
+import { StatusBadge as c } from "../../components/StatusBadge.js";
+import { ChartCard as l } from "../../components/ChartCard.js";
+import { Modal as u } from "../../components/Modal.js";
+import { BarsChart as d } from "../../components/charts/BarsChart.js";
+import { ProgressMeter as f } from "../../components/charts/ProgressMeter.js";
+import "../../components/index.js";
+import { useState as p } from "react";
+import { Archive as ie, ArrowRight as ae, Clock as oe, FolderOpen as m, Pencil as h, Trash2 as g, TrendingUp as se, Users as _ } from "lucide-react";
+import { useParams as v } from "react-router-dom";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { NextSteps as S } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/projects/ProjectDetailPage.tsx
-var T = [
+var ce = [
 	"active",
 	"on-hold",
 	"completed",
 	"archived"
-], E = "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", D = "block text-sm font-medium text-text-primary";
-function O() {
-	let { projectId: O } = b(), k = e(), { data: A, loading: j, error: M, refetch: N } = s({
-		variables: { id: O },
-		skip: !O
-	}), { data: P, loading: F } = c({
-		variables: { id: O },
-		skip: !O
-	}), I = A?.project, L = P?.projectStats, [R, z] = f(!1), [B, V] = f(!1), [H, U] = f({
+], C = "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", w = "block text-sm font-medium text-text-primary";
+function T() {
+	let { projectId: T } = v(), E = e(), { data: le, loading: ue, error: de, refetch: D } = ne({
+		variables: { id: T },
+		skip: !T
+	}), { data: O, loading: k } = re({
+		variables: { id: T },
+		skip: !T
+	}), A = le?.project, j = O?.projectStats, [M, N] = p(!1), [P, F] = p(!1), [I, L] = p({
 		name: "",
 		clientId: "",
 		description: "",
 		status: "active",
 		estimatedHours: "",
 		hourlyRate: ""
-	}), [W, { loading: G, error: K }] = l(), [q, { loading: J }] = a(), [Y, { loading: X, error: Z }] = o(), Q = () => {
-		I && (U({
-			name: I.name,
-			clientId: I.clientId ?? "",
-			description: I.description ?? "",
-			status: I.status,
-			estimatedHours: I.estimatedHours == null ? "" : String(I.estimatedHours),
-			hourlyRate: I.hourlyRate == null ? "" : String(I.hourlyRate)
-		}), z(!0));
-	}, $ = async () => {
-		!O || !H.name.trim() || (await W({ variables: {
-			id: O,
+	}), [R, { loading: z, error: B }] = o(), [V, { loading: H }] = ee(), [fe, { loading: U, error: pe }] = te(), me = () => {
+		A && (L({
+			name: A.name,
+			clientId: A.clientId ?? "",
+			description: A.description ?? "",
+			status: A.status,
+			estimatedHours: A.estimatedHours == null ? "" : String(A.estimatedHours),
+			hourlyRate: A.hourlyRate == null ? "" : String(A.hourlyRate)
+		}), N(!0));
+	}, he = async () => {
+		!T || !I.name.trim() || (await R({ variables: {
+			id: T,
 			input: {
-				name: H.name.trim(),
-				description: H.description.trim() || void 0,
-				clientId: H.clientId.trim() || void 0,
-				status: H.status,
-				estimatedHours: H.estimatedHours ? Number(H.estimatedHours) : void 0,
-				hourlyRate: H.hourlyRate ? Number(H.hourlyRate) : void 0
+				name: I.name.trim(),
+				description: I.description.trim() || void 0,
+				clientId: I.clientId.trim() || void 0,
+				status: I.status,
+				estimatedHours: I.estimatedHours ? Number(I.estimatedHours) : void 0,
+				hourlyRate: I.hourlyRate ? Number(I.hourlyRate) : void 0
 			}
-		} }), z(!1), await N());
-	}, ee = async () => {
-		O && (await q({ variables: { id: O } }), await N());
+		} }), N(!1), await D());
+	}, ge = async () => {
+		T && (await V({ variables: { id: T } }), await D());
+	}, W = async () => {
+		T && (await fe({ variables: { id: T } }), F(!1), E("/projects"));
 	};
-	return M ? /* @__PURE__ */ S(u, {
+	if (de) return /* @__PURE__ */ b(s, {
 		title: "Project Details",
-		description: `Project ID: ${O}`,
-		children: /* @__PURE__ */ S("div", {
+		description: `Project ID: ${T}`,
+		children: /* @__PURE__ */ b("div", {
 			className: "rounded-xl border border-status-error-bg/40 bg-status-error-bg p-6 text-sm text-status-error-text",
 			children: "Failed to load project details. Please try again later."
 		})
-	}) : j || F ? /* @__PURE__ */ S(u, {
+	});
+	if (ue || k) return /* @__PURE__ */ b(s, {
 		title: "Project Details",
-		description: `Project ID: ${O}`,
-		children: /* @__PURE__ */ S(i, { variant: "detail" })
-	}) : /* @__PURE__ */ C(u, {
-		title: I?.name ?? "Project Details",
-		description: I?.description ?? `Project ID: ${O}`,
+		description: `Project ID: ${T}`,
+		children: /* @__PURE__ */ b(a, { variant: "detail" })
+	});
+	let G = A?.currency ?? "USD", K = A?.tasks ?? [], q = j?.budgetUsed ?? 0, J = A?.budget ?? (j?.budgetUsed ?? 0) + (j?.budgetRemaining ?? 0), Y = A?.estimatedHours ?? 0, X = j?.totalHours ?? A?.trackedHours ?? 0, Z = j?.completedTasks ?? 0, Q = j?.totalTasks ?? K.length, _e = (e) => `${Math.round(e)}h`, ve = K.filter((e) => e.trackedHours > 0 || (e.estimatedHours ?? 0) > 0).sort((e, t) => t.trackedHours - e.trackedHours).slice(0, 8).map((e) => ({
+		task: e.title,
+		tracked: e.trackedHours,
+		estimated: e.estimatedHours ?? 0
+	})), $ = [...K].sort((e, t) => e.order - t.order).slice(0, 8);
+	return /* @__PURE__ */ x(s, {
+		title: A?.name ?? "Project Details",
+		description: A?.description ?? `Project ID: ${T}`,
 		purpose: "See everything happening on this project in one place — logged hours, task progress and budget burn — so you know whether it's on track and where the time is going before it overruns.",
-		actions: /* @__PURE__ */ C("div", {
+		actions: /* @__PURE__ */ x("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ C("button", {
-					onClick: Q,
-					disabled: !I,
+				/* @__PURE__ */ x("button", {
+					onClick: me,
+					disabled: !A,
 					className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
-					children: [/* @__PURE__ */ S(g, { className: "h-4 w-4" }), "Edit"]
+					children: [/* @__PURE__ */ b(h, { className: "h-4 w-4" }), "Edit"]
 				}),
-				I?.status !== "archived" && /* @__PURE__ */ C("button", {
-					onClick: () => void ee(),
-					disabled: !I || J,
+				A?.status !== "archived" && /* @__PURE__ */ x("button", {
+					onClick: () => void ge(),
+					disabled: !A || H,
 					className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
-					children: [/* @__PURE__ */ S(p, { className: "h-4 w-4" }), J ? "Archiving…" : "Archive"]
+					children: [/* @__PURE__ */ b(ie, { className: "h-4 w-4" }), H ? "Archiving…" : "Archive"]
 				}),
-				/* @__PURE__ */ C("button", {
-					onClick: () => V(!0),
-					disabled: !I,
+				/* @__PURE__ */ x("button", {
+					onClick: () => F(!0),
+					disabled: !A,
 					className: "inline-flex items-center gap-1.5 rounded-md border border-status-error-bg/40 px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:opacity-50",
-					children: [/* @__PURE__ */ S(_, { className: "h-4 w-4" }), "Delete"]
+					children: [/* @__PURE__ */ b(g, { className: "h-4 w-4" }), "Delete"]
 				})
 			]
 		}),
 		children: [
-			/* @__PURE__ */ S(w, {
+			/* @__PURE__ */ b(S, {
 				storageKey: "timecampus-project-detail",
 				className: "mb-6",
 				steps: [
@@ -102,209 +116,294 @@ function O() {
 						id: "log-time",
 						label: "Log time to this project",
 						description: "Start the timer or add a manual entry for this work.",
-						onClick: () => k("/time/timer")
+						onClick: () => E("/time/timer")
 					},
 					{
 						id: "view-tasks",
 						label: "Review tasks",
 						description: "Break the project into trackable tasks.",
-						onClick: () => k(`/projects/${O ?? ""}/tasks`)
+						onClick: () => E(`/projects/${T ?? ""}/tasks`)
 					},
 					{
 						id: "open-reports",
 						label: "Open reports",
 						description: "Analyse this project's time and budget over time.",
-						onClick: () => k("/reports")
+						onClick: () => E("/reports")
 					}
 				]
 			}),
-			/* @__PURE__ */ C("div", {
-				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			/* @__PURE__ */ x("div", {
+				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ S(r, {
-						featured: !0,
-						title: "Tracked Hours",
-						value: n(L?.totalHours ?? I?.trackedHours ?? 0),
-						icon: /* @__PURE__ */ S(m, { className: "h-5 w-5" })
+					/* @__PURE__ */ x("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							A?.status && /* @__PURE__ */ b(c, {
+								label: A.status,
+								status: A.status,
+								dot: !0
+							}),
+							A?.clientId && /* @__PURE__ */ x("span", {
+								className: "inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
+								children: [/* @__PURE__ */ b(_, { className: "h-3.5 w-3.5" }), A.clientId]
+							}),
+							A?.createdAt && /* @__PURE__ */ x("span", {
+								className: "inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
+								children: ["Started ", n(A.createdAt)]
+							})
+						]
 					}),
-					/* @__PURE__ */ S(r, {
-						title: "Tasks",
-						value: `${L?.completedTasks ?? 0} / ${L?.totalTasks ?? 0}`,
-						icon: /* @__PURE__ */ S(y, { className: "h-5 w-5" }),
-						description: "completed / total"
+					/* @__PURE__ */ x("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+						children: [
+							/* @__PURE__ */ b(i, {
+								featured: !0,
+								title: "Tracked Hours",
+								value: r(X),
+								icon: /* @__PURE__ */ b(oe, { className: "h-5 w-5" })
+							}),
+							/* @__PURE__ */ b(i, {
+								title: "Tasks",
+								value: `${Z} / ${Q}`,
+								icon: /* @__PURE__ */ b(_, { className: "h-5 w-5" }),
+								description: "completed / total"
+							}),
+							/* @__PURE__ */ b(i, {
+								title: "Progress",
+								value: Q ? `${Math.round(Z / Q * 100)}%` : "0%",
+								icon: /* @__PURE__ */ b(se, { className: "h-5 w-5" })
+							}),
+							/* @__PURE__ */ b(i, {
+								title: "Budget Used",
+								value: t(q, G),
+								icon: /* @__PURE__ */ b(m, { className: "h-5 w-5" }),
+								description: j?.budgetRemaining == null ? void 0 : `${t(j.budgetRemaining, G)} remaining`
+							})
+						]
 					}),
-					/* @__PURE__ */ S(r, {
-						title: "Progress",
-						value: L?.totalTasks ? `${Math.round((L?.completedTasks ?? 0) / L.totalTasks * 100)}%` : "0%",
-						icon: /* @__PURE__ */ S(v, { className: "h-5 w-5" })
+					/* @__PURE__ */ x("div", {
+						className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+						children: [/* @__PURE__ */ b(l, {
+							title: "Budget & effort",
+							description: "Spend and hours against the plan",
+							children: /* @__PURE__ */ x("div", {
+								className: "space-y-5",
+								children: [
+									/* @__PURE__ */ b(f, {
+										label: "Budget spent",
+										value: q,
+										max: J > 0 ? J : Math.max(q, 1),
+										format: (e) => t(e, G)
+									}),
+									/* @__PURE__ */ b(f, {
+										label: "Hours tracked",
+										value: X,
+										max: Y > 0 ? Y : Math.max(X, 1),
+										format: (e) => r(e)
+									}),
+									/* @__PURE__ */ b(f, {
+										label: "Tasks completed",
+										higherIsWorse: !1,
+										value: Z,
+										max: Q > 0 ? Q : 1,
+										format: (e) => String(Math.round(e))
+									})
+								]
+							})
+						}), /* @__PURE__ */ b(l, {
+							title: "Time distribution",
+							description: "Tracked vs estimated hours by task",
+							children: /* @__PURE__ */ b(d, {
+								data: ve,
+								xKey: "task",
+								orientation: "horizontal",
+								height: 280,
+								categoryWidth: 120,
+								valueFormat: _e,
+								series: [{
+									key: "tracked",
+									label: "Tracked"
+								}, {
+									key: "estimated",
+									label: "Estimated"
+								}],
+								emptyLabel: "No task hours logged yet"
+							})
+						})]
 					}),
-					/* @__PURE__ */ S(r, {
-						title: "Budget Used",
-						value: t(L?.budgetUsed ?? 0, I?.currency ?? "USD"),
-						icon: /* @__PURE__ */ S(h, { className: "h-5 w-5" }),
-						description: L?.budgetRemaining == null ? void 0 : `${t(L.budgetRemaining, I?.currency ?? "USD")} remaining`
-					})
-				]
-			}),
-			/* @__PURE__ */ C("div", {
-				className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ C("div", {
-					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-					children: [/* @__PURE__ */ S("h3", {
-						className: "mb-4 text-sm font-semibold text-text-primary",
-						children: "Recent Activity"
-					}), /* @__PURE__ */ S("div", {
-						className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-						children: /* @__PURE__ */ S("p", {
-							className: "text-sm text-text-secondary",
-							children: "Activity timeline will render here"
-						})
-					})]
-				}), /* @__PURE__ */ C("div", {
-					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-					children: [/* @__PURE__ */ S("h3", {
-						className: "mb-4 text-sm font-semibold text-text-primary",
-						children: "Time Distribution"
-					}), /* @__PURE__ */ S("div", {
-						className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-						children: /* @__PURE__ */ S("p", {
+					/* @__PURE__ */ b(l, {
+						title: "Tasks",
+						description: `${Z} of ${Q} complete`,
+						actions: /* @__PURE__ */ x("button", {
+							onClick: () => E(`/projects/${T ?? ""}/tasks`),
+							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: ["View all", /* @__PURE__ */ b(ae, { className: "h-3.5 w-3.5" })]
+						}),
+						children: $.length === 0 ? /* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary",
-							children: "Chart will render here"
+							children: "No tasks yet. Break this project into trackable tasks to see progress here."
+						}) : /* @__PURE__ */ b("ul", {
+							className: "divide-y divide-border-seam",
+							children: $.map((e) => /* @__PURE__ */ x("li", {
+								className: "flex flex-col gap-2 py-3 first:pt-0 last:pb-0 sm:flex-row sm:items-center sm:justify-between",
+								children: [/* @__PURE__ */ x("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ b("p", {
+										className: "truncate text-sm font-medium text-text-primary",
+										children: e.title
+									}), /* @__PURE__ */ x("p", {
+										className: "mt-0.5 text-xs text-text-secondary",
+										children: [
+											r(e.trackedHours),
+											" tracked",
+											e.estimatedHours ? ` / ${r(e.estimatedHours)} est` : "",
+											e.dueDate ? ` · due ${n(e.dueDate)}` : ""
+										]
+									})]
+								}), /* @__PURE__ */ x("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: [/* @__PURE__ */ b(c, {
+										label: e.priority,
+										priority: e.priority
+									}), /* @__PURE__ */ b(c, {
+										label: e.status,
+										status: e.status
+									})]
+								})]
+							}, e.id))
 						})
-					})]
-				})]
+					})
+				]
 			}),
-			/* @__PURE__ */ C(d, {
-				open: R,
-				onClose: () => z(!1),
+			/* @__PURE__ */ x(u, {
+				open: M,
+				onClose: () => N(!1),
 				title: "Edit Project",
 				size: "xl",
-				footer: /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("button", {
-					onClick: () => z(!1),
+				footer: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
+					onClick: () => N(!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__ */ S("button", {
-					onClick: $,
-					disabled: G || !H.name.trim(),
+				}), /* @__PURE__ */ b("button", {
+					onClick: he,
+					disabled: z || !I.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: G ? "Saving…" : "Save Changes"
+					children: z ? "Saving…" : "Save Changes"
 				})] }),
-				children: [K && /* @__PURE__ */ S("div", {
+				children: [B && /* @__PURE__ */ b("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 project. Please try again."
-				}), /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
-							className: D,
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+							className: w,
 							children: "Project Name"
-						}), /* @__PURE__ */ S("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "text",
-							value: H.name,
-							onChange: (e) => U({
-								...H,
+							value: I.name,
+							onChange: (e) => L({
+								...I,
 								name: e.target.value
 							}),
-							className: E
+							className: C
 						})] }),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ x("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
-								className: D,
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								className: w,
 								children: "Client"
-							}), /* @__PURE__ */ S("input", {
+							}), /* @__PURE__ */ b("input", {
 								type: "text",
-								value: H.clientId,
-								onChange: (e) => U({
-									...H,
+								value: I.clientId,
+								onChange: (e) => L({
+									...I,
 									clientId: e.target.value
 								}),
-								className: E
-							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
-								className: D,
+								className: C
+							})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								className: w,
 								children: "Status"
-							}), /* @__PURE__ */ S("select", {
-								value: H.status,
-								onChange: (e) => U({
-									...H,
+							}), /* @__PURE__ */ b("select", {
+								value: I.status,
+								onChange: (e) => L({
+									...I,
 									status: e.target.value
 								}),
-								className: E,
-								children: T.map((e) => /* @__PURE__ */ S("option", {
+								className: C,
+								children: ce.map((e) => /* @__PURE__ */ b("option", {
 									value: e,
 									children: e
 								}, e))
 							})] })]
 						}),
-						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
-							className: D,
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+							className: w,
 							children: "Description"
-						}), /* @__PURE__ */ S("textarea", {
+						}), /* @__PURE__ */ b("textarea", {
 							rows: 3,
-							value: H.description,
-							onChange: (e) => U({
-								...H,
+							value: I.description,
+							onChange: (e) => L({
+								...I,
 								description: e.target.value
 							}),
-							className: E
+							className: C
 						})] }),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ x("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
-								className: D,
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								className: w,
 								children: "Estimated Hours"
-							}), /* @__PURE__ */ S("input", {
+							}), /* @__PURE__ */ b("input", {
 								type: "number",
-								value: H.estimatedHours,
-								onChange: (e) => U({
-									...H,
+								value: I.estimatedHours,
+								onChange: (e) => L({
+									...I,
 									estimatedHours: e.target.value
 								}),
-								className: E
-							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
-								className: D,
+								className: C
+							})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								className: w,
 								children: "Hourly Rate"
-							}), /* @__PURE__ */ S("input", {
+							}), /* @__PURE__ */ b("input", {
 								type: "number",
-								value: H.hourlyRate,
-								onChange: (e) => U({
-									...H,
+								value: I.hourlyRate,
+								onChange: (e) => L({
+									...I,
 									hourlyRate: e.target.value
 								}),
-								className: E
+								className: C
 							})] })]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ C(d, {
-				open: B,
-				onClose: () => V(!1),
+			/* @__PURE__ */ x(u, {
+				open: P,
+				onClose: () => F(!1),
 				title: "Delete Project",
 				size: "sm",
-				footer: /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("button", {
-					onClick: () => V(!1),
+				footer: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
+					onClick: () => F(!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__ */ S("button", {
-					onClick: async () => {
-						O && (await Y({ variables: { id: O } }), V(!1), k("/projects"));
-					},
-					disabled: X,
+				}), /* @__PURE__ */ b("button", {
+					onClick: W,
+					disabled: U,
 					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/90 disabled:opacity-50",
-					children: X ? "Deleting…" : "Delete"
+					children: U ? "Deleting…" : "Delete"
 				})] }),
-				children: [Z && /* @__PURE__ */ S("div", {
+				children: [pe && /* @__PURE__ */ b("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 delete project. Please try again."
-				}), /* @__PURE__ */ C("p", {
+				}), /* @__PURE__ */ x("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						"Are you sure you want to delete",
 						" ",
-						/* @__PURE__ */ S("span", {
+						/* @__PURE__ */ b("span", {
 							className: "font-semibold text-text-primary",
-							children: I?.name
+							children: A?.name
 						}),
 						"? This action cannot be undone."
 					]
@@ -314,6 +413,6 @@ function O() {
 	});
 }
 //#endregion
-export { O as ProjectDetailPage };
+export { T as ProjectDetailPage };
 
 //# sourceMappingURL=ProjectDetailPage.js.map