@burdenoff/microfe-timecampus 2026.703.1 → 2026.703.3

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

@@ -2,38 +2,99 @@ import { useTimeCampusNavigate as e } from "../../providers/TimeCampusProvider.j
 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 { useGetProjectQuery as a, useGetProjectStatsQuery as o } from "../../../generated/wspace-operations.js";
-import { PageLayout as s } from "../../components/PageLayout.js";
-import { Clock as c, FolderOpen as l, TrendingUp as u, Users as d } from "lucide-react";
-import { useParams as f } from "react-router-dom";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { NextSteps as h } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/timecampus/pages/projects/ProjectDetailPage.tsx
-function g() {
-	let { projectId: g } = f(), _ = e(), { data: v, loading: y, error: b } = a({
-		variables: { id: g },
-		skip: !g
-	}), { data: x, loading: S } = o({
-		variables: { id: g },
-		skip: !g
-	}), C = v?.project, w = x?.projectStats;
-	return b ? /* @__PURE__ */ p(s, {
+var T = [
+	"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({
+		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,
+			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
+			}
+		} }), z(!1), await N());
+	}, ee = async () => {
+		O && (await q({ variables: { id: O } }), await N());
+	};
+	return M ? /* @__PURE__ */ S(u, {
 		title: "Project Details",
-		description: `Project ID: ${g}`,
-		children: /* @__PURE__ */ p("div", {
+		description: `Project ID: ${O}`,
+		children: /* @__PURE__ */ S("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."
 		})
-	}) : y || S ? /* @__PURE__ */ p(s, {
+	}) : j || F ? /* @__PURE__ */ S(u, {
 		title: "Project Details",
-		description: `Project ID: ${g}`,
-		children: /* @__PURE__ */ p(i, { variant: "detail" })
-	}) : /* @__PURE__ */ m(s, {
-		title: C?.name ?? "Project Details",
-		description: C?.description ?? `Project ID: ${g}`,
+		description: `Project ID: ${O}`,
+		children: /* @__PURE__ */ S(i, { variant: "detail" })
+	}) : /* @__PURE__ */ C(u, {
+		title: I?.name ?? "Project Details",
+		description: I?.description ?? `Project ID: ${O}`,
 		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", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ C("button", {
+					onClick: Q,
+					disabled: !I,
+					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"]
+				}),
+				I?.status !== "archived" && /* @__PURE__ */ C("button", {
+					onClick: () => void ee(),
+					disabled: !I || J,
+					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"]
+				}),
+				/* @__PURE__ */ C("button", {
+					onClick: () => V(!0),
+					disabled: !I,
+					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__ */ p(h, {
+			/* @__PURE__ */ S(w, {
 				storageKey: "timecampus-project-detail",
 				className: "mb-6",
 				steps: [
@@ -41,82 +102,218 @@ function g() {
 						id: "log-time",
 						label: "Log time to this project",
 						description: "Start the timer or add a manual entry for this work.",
-						onClick: () => _("/time/timer")
+						onClick: () => k("/time/timer")
 					},
 					{
 						id: "view-tasks",
 						label: "Review tasks",
 						description: "Break the project into trackable tasks.",
-						onClick: () => _(`/projects/${g ?? ""}/tasks`)
+						onClick: () => k(`/projects/${O ?? ""}/tasks`)
 					},
 					{
 						id: "open-reports",
 						label: "Open reports",
 						description: "Analyse this project's time and budget over time.",
-						onClick: () => _("/reports")
+						onClick: () => k("/reports")
 					}
 				]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ S(r, {
 						featured: !0,
 						title: "Tracked Hours",
-						value: n(w?.totalHours ?? C?.trackedHours ?? 0),
-						icon: /* @__PURE__ */ p(c, { className: "h-5 w-5" })
+						value: n(L?.totalHours ?? I?.trackedHours ?? 0),
+						icon: /* @__PURE__ */ S(m, { className: "h-5 w-5" })
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ S(r, {
 						title: "Tasks",
-						value: `${w?.completedTasks ?? 0} / ${w?.totalTasks ?? 0}`,
-						icon: /* @__PURE__ */ p(d, { className: "h-5 w-5" }),
+						value: `${L?.completedTasks ?? 0} / ${L?.totalTasks ?? 0}`,
+						icon: /* @__PURE__ */ S(y, { className: "h-5 w-5" }),
 						description: "completed / total"
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ S(r, {
 						title: "Progress",
-						value: w?.totalTasks ? `${Math.round((w?.completedTasks ?? 0) / w.totalTasks * 100)}%` : "0%",
-						icon: /* @__PURE__ */ p(u, { className: "h-5 w-5" })
+						value: L?.totalTasks ? `${Math.round((L?.completedTasks ?? 0) / L.totalTasks * 100)}%` : "0%",
+						icon: /* @__PURE__ */ S(v, { className: "h-5 w-5" })
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ S(r, {
 						title: "Budget Used",
-						value: t(w?.budgetUsed ?? 0, C?.currency ?? "USD"),
-						icon: /* @__PURE__ */ p(l, { className: "h-5 w-5" }),
-						description: w?.budgetRemaining == null ? void 0 : `${t(w.budgetRemaining, C?.currency ?? "USD")} remaining`
+						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__ */ m("div", {
+			/* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-					children: [/* @__PURE__ */ p("h3", {
+					children: [/* @__PURE__ */ S("h3", {
 						className: "mb-4 text-sm font-semibold text-text-primary",
 						children: "Recent Activity"
-					}), /* @__PURE__ */ p("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-						children: /* @__PURE__ */ p("p", {
+						children: /* @__PURE__ */ S("p", {
 							className: "text-sm text-text-secondary",
 							children: "Activity timeline will render here"
 						})
 					})]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-					children: [/* @__PURE__ */ p("h3", {
+					children: [/* @__PURE__ */ S("h3", {
 						className: "mb-4 text-sm font-semibold text-text-primary",
 						children: "Time Distribution"
-					}), /* @__PURE__ */ p("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-						children: /* @__PURE__ */ p("p", {
+						children: /* @__PURE__ */ S("p", {
 							className: "text-sm text-text-secondary",
 							children: "Chart will render here"
 						})
 					})]
 				})]
+			}),
+			/* @__PURE__ */ C(d, {
+				open: R,
+				onClose: () => z(!1),
+				title: "Edit Project",
+				size: "xl",
+				footer: /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("button", {
+					onClick: () => z(!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(),
+					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: [K && /* @__PURE__ */ S("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", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+							className: D,
+							children: "Project Name"
+						}), /* @__PURE__ */ S("input", {
+							type: "text",
+							value: H.name,
+							onChange: (e) => U({
+								...H,
+								name: e.target.value
+							}),
+							className: E
+						})] }),
+						/* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								className: D,
+								children: "Client"
+							}), /* @__PURE__ */ S("input", {
+								type: "text",
+								value: H.clientId,
+								onChange: (e) => U({
+									...H,
+									clientId: e.target.value
+								}),
+								className: E
+							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								className: D,
+								children: "Status"
+							}), /* @__PURE__ */ S("select", {
+								value: H.status,
+								onChange: (e) => U({
+									...H,
+									status: e.target.value
+								}),
+								className: E,
+								children: T.map((e) => /* @__PURE__ */ S("option", {
+									value: e,
+									children: e
+								}, e))
+							})] })]
+						}),
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+							className: D,
+							children: "Description"
+						}), /* @__PURE__ */ S("textarea", {
+							rows: 3,
+							value: H.description,
+							onChange: (e) => U({
+								...H,
+								description: e.target.value
+							}),
+							className: E
+						})] }),
+						/* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								className: D,
+								children: "Estimated Hours"
+							}), /* @__PURE__ */ S("input", {
+								type: "number",
+								value: H.estimatedHours,
+								onChange: (e) => U({
+									...H,
+									estimatedHours: e.target.value
+								}),
+								className: E
+							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								className: D,
+								children: "Hourly Rate"
+							}), /* @__PURE__ */ S("input", {
+								type: "number",
+								value: H.hourlyRate,
+								onChange: (e) => U({
+									...H,
+									hourlyRate: e.target.value
+								}),
+								className: E
+							})] })]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ C(d, {
+				open: B,
+				onClose: () => V(!1),
+				title: "Delete Project",
+				size: "sm",
+				footer: /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("button", {
+					onClick: () => V(!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,
+					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: [Z && /* @__PURE__ */ S("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", {
+					className: "text-sm text-text-secondary",
+					children: [
+						"Are you sure you want to delete",
+						" ",
+						/* @__PURE__ */ S("span", {
+							className: "font-semibold text-text-primary",
+							children: I?.name
+						}),
+						"? This action cannot be undone."
+					]
+				})]
 			})
 		]
 	});
 }
 //#endregion
-export { g as ProjectDetailPage };
+export { O as ProjectDetailPage };
 
 //# sourceMappingURL=ProjectDetailPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/projects/ProjectDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { FolderOpen, Clock, Users, TrendingUp } from \"lucide-react\";\nimport { NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport { formatHours, formatCurrency } from \"../../utils/helpers\";\nimport {\n  useGetProjectQuery,\n  useGetProjectStatsQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function ProjectDetailPage() {\n  const { projectId } = useParams<{ projectId: string }>();\n  const navigate = useTimeCampusNavigate();\n\n  const {\n    data: projectData,\n    loading: projectLoading,\n    error: projectError,\n  } = useGetProjectQuery({\n    variables: { id: projectId! },\n    skip: !projectId,\n  });\n\n  const { data: statsData, loading: statsLoading } = useGetProjectStatsQuery({\n    variables: { id: projectId! },\n    skip: !projectId,\n  });\n\n  const project = projectData?.project;\n  const stats = statsData?.projectStats;\n\n  if (projectError) {\n    return (\n      <PageLayout\n        title=\"Project Details\"\n        description={`Project ID: ${projectId}`}\n      >\n        <div className=\"rounded-xl border border-status-error-bg/40 bg-status-error-bg p-6 text-sm text-status-error-text\">\n          Failed to load project details. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (projectLoading || statsLoading) {\n    return (\n      <PageLayout\n        title=\"Project Details\"\n        description={`Project ID: ${projectId}`}\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={project?.name ?? \"Project Details\"}\n      description={project?.description ?? `Project ID: ${projectId}`}\n      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.\"\n    >\n      <NextSteps\n        storageKey=\"timecampus-project-detail\"\n        className=\"mb-6\"\n        steps={[\n          {\n            id: \"log-time\",\n            label: \"Log time to this project\",\n            description: \"Start the timer or add a manual entry for this work.\",\n            onClick: () => navigate(\"/time/timer\"),\n          },\n          {\n            id: \"view-tasks\",\n            label: \"Review tasks\",\n            description: \"Break the project into trackable tasks.\",\n            onClick: () => navigate(`/projects/${projectId ?? \"\"}/tasks`),\n          },\n          {\n            id: \"open-reports\",\n            label: \"Open reports\",\n            description: \"Analyse this project's time and budget over time.\",\n            onClick: () => navigate(\"/reports\"),\n          },\n        ]}\n      />\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Tracked Hours\"\n          value={formatHours(stats?.totalHours ?? project?.trackedHours ?? 0)}\n          icon={<Clock className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Tasks\"\n          value={`${stats?.completedTasks ?? 0} / ${stats?.totalTasks ?? 0}`}\n          icon={<Users className=\"h-5 w-5\" />}\n          description=\"completed / total\"\n        />\n        <StatCard\n          title=\"Progress\"\n          value={\n            stats?.totalTasks\n              ? `${Math.round(((stats?.completedTasks ?? 0) / stats.totalTasks) * 100)}%`\n              : \"0%\"\n          }\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Budget Used\"\n          value={formatCurrency(\n            stats?.budgetUsed ?? 0,\n            project?.currency ?? \"USD\",\n          )}\n          icon={<FolderOpen className=\"h-5 w-5\" />}\n          description={\n            stats?.budgetRemaining != null\n              ? `${formatCurrency(stats.budgetRemaining, project?.currency ?? \"USD\")} remaining`\n              : undefined\n          }\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Recent Activity\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Activity timeline will render here\n            </p>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Time Distribution\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Chart will render here\n            </p>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,IAAoB;CAClC,IAAM,EAAE,iBAAc,GAAkC,EAClD,IAAW,GAAuB,EAElC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAmB;EACrB,WAAW,EAAE,IAAI,GAAY;EAC7B,MAAM,CAAC;EACR,CAAC,EAEI,EAAE,MAAM,GAAW,SAAS,MAAiB,EAAwB;EACzE,WAAW,EAAE,IAAI,GAAY;EAC7B,MAAM,CAAC;EACR,CAAC,EAEI,IAAU,GAAa,SACvB,IAAQ,GAAW;AA0BzB,QAxBI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,eAAe;YAE5B,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAIb,KAAkB,IAElB,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,eAAe;YAE5B,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAKf,kBAAC,GAAD;EACE,OAAO,GAAS,QAAQ;EACxB,aAAa,GAAS,eAAe,eAAe;EACpD,SAAQ;YAHV;GAKE,kBAAC,GAAD;IACE,YAAW;IACX,WAAU;IACV,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,cAAc;MACvC;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,aAAa,KAAa,GAAG,QAAQ;MAC9D;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,WAAW;MACpC;KACF;IACD,CAAA;GACF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,UAAA;MACA,OAAM;MACN,OAAO,EAAY,GAAO,cAAc,GAAS,gBAAgB,EAAE;MACnE,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAG,GAAO,kBAAkB,EAAE,KAAK,GAAO,cAAc;MAC/D,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,aAAY;MACZ,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OACE,GAAO,aACH,GAAG,KAAK,OAAQ,GAAO,kBAAkB,KAAK,EAAM,aAAc,IAAI,CAAC,KACvE;MAEN,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EACL,GAAO,cAAc,GACrB,GAAS,YAAY,MACtB;MACD,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,aACE,GAAO,mBAAmB,OAEtB,KAAA,IADA,GAAG,EAAe,EAAM,iBAAiB,GAAS,YAAY,MAAM,CAAC;MAG3E,CAAA;KACE;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAA+C;MAExD,CAAA,EACL,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAEvC,CAAA;MACA,CAAA,CACF;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAA+C;MAExD,CAAA,EACL,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAEvC,CAAA;MACA,CAAA,CACF;OACF;;GACK"}
+{"version":3,"file":"ProjectDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/projects/ProjectDetailPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport {\n  FolderOpen,\n  Clock,\n  Users,\n  TrendingUp,\n  Pencil,\n  Archive,\n  Trash2,\n} from \"lucide-react\";\nimport { NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport { formatHours, formatCurrency } from \"../../utils/helpers\";\nimport {\n  useGetProjectQuery,\n  useGetProjectStatsQuery,\n  useUpdateProjectMutation,\n  useArchiveProjectMutation,\n  useDeleteProjectMutation,\n} from \"@/generated/wspace-operations\";\n\nconst PROJECT_STATUSES = [\n  \"active\",\n  \"on-hold\",\n  \"completed\",\n  \"archived\",\n] as const;\n\nconst inputClass =\n  \"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\";\nconst labelClass = \"block text-sm font-medium text-text-primary\";\n\nexport function ProjectDetailPage() {\n  const { projectId } = useParams<{ projectId: string }>();\n  const navigate = useTimeCampusNavigate();\n\n  const {\n    data: projectData,\n    loading: projectLoading,\n    error: projectError,\n    refetch,\n  } = useGetProjectQuery({\n    variables: { id: projectId! },\n    skip: !projectId,\n  });\n\n  const { data: statsData, loading: statsLoading } = useGetProjectStatsQuery({\n    variables: { id: projectId! },\n    skip: !projectId,\n  });\n\n  const project = projectData?.project;\n  const stats = statsData?.projectStats;\n\n  const [editOpen, setEditOpen] = useState(false);\n  const [deleteOpen, setDeleteOpen] = useState(false);\n  const [form, setForm] = useState({\n    name: \"\",\n    clientId: \"\",\n    description: \"\",\n    status: \"active\",\n    estimatedHours: \"\",\n    hourlyRate: \"\",\n  });\n\n  const [updateProject, { loading: updating, error: updateError }] =\n    useUpdateProjectMutation();\n  const [archiveProject, { loading: archiving }] = useArchiveProjectMutation();\n  const [deleteProject, { loading: deleting, error: deleteError }] =\n    useDeleteProjectMutation();\n\n  const openEdit = () => {\n    if (!project) return;\n    setForm({\n      name: project.name,\n      clientId: project.clientId ?? \"\",\n      description: project.description ?? \"\",\n      status: project.status,\n      estimatedHours:\n        project.estimatedHours != null ? String(project.estimatedHours) : \"\",\n      hourlyRate: project.hourlyRate != null ? String(project.hourlyRate) : \"\",\n    });\n    setEditOpen(true);\n  };\n\n  const handleUpdate = async () => {\n    if (!projectId || !form.name.trim()) return;\n    await updateProject({\n      variables: {\n        id: projectId,\n        input: {\n          name: form.name.trim(),\n          description: form.description.trim() || undefined,\n          clientId: form.clientId.trim() || undefined,\n          status: form.status,\n          estimatedHours: form.estimatedHours\n            ? Number(form.estimatedHours)\n            : undefined,\n          hourlyRate: form.hourlyRate ? Number(form.hourlyRate) : undefined,\n        },\n      },\n    });\n    setEditOpen(false);\n    await refetch();\n  };\n\n  const handleArchive = async () => {\n    if (!projectId) return;\n    await archiveProject({ variables: { id: projectId } });\n    await refetch();\n  };\n\n  const handleDelete = async () => {\n    if (!projectId) return;\n    await deleteProject({ variables: { id: projectId } });\n    setDeleteOpen(false);\n    navigate(\"/projects\");\n  };\n\n  if (projectError) {\n    return (\n      <PageLayout\n        title=\"Project Details\"\n        description={`Project ID: ${projectId}`}\n      >\n        <div className=\"rounded-xl border border-status-error-bg/40 bg-status-error-bg p-6 text-sm text-status-error-text\">\n          Failed to load project details. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (projectLoading || statsLoading) {\n    return (\n      <PageLayout\n        title=\"Project Details\"\n        description={`Project ID: ${projectId}`}\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={project?.name ?? \"Project Details\"}\n      description={project?.description ?? `Project ID: ${projectId}`}\n      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.\"\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            onClick={openEdit}\n            disabled={!project}\n            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\"\n          >\n            <Pencil className=\"h-4 w-4\" />\n            Edit\n          </button>\n          {project?.status !== \"archived\" && (\n            <button\n              onClick={() => void handleArchive()}\n              disabled={!project || archiving}\n              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\"\n            >\n              <Archive className=\"h-4 w-4\" />\n              {archiving ? \"Archiving…\" : \"Archive\"}\n            </button>\n          )}\n          <button\n            onClick={() => setDeleteOpen(true)}\n            disabled={!project}\n            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\"\n          >\n            <Trash2 className=\"h-4 w-4\" />\n            Delete\n          </button>\n        </div>\n      }\n    >\n      <NextSteps\n        storageKey=\"timecampus-project-detail\"\n        className=\"mb-6\"\n        steps={[\n          {\n            id: \"log-time\",\n            label: \"Log time to this project\",\n            description: \"Start the timer or add a manual entry for this work.\",\n            onClick: () => navigate(\"/time/timer\"),\n          },\n          {\n            id: \"view-tasks\",\n            label: \"Review tasks\",\n            description: \"Break the project into trackable tasks.\",\n            onClick: () => navigate(`/projects/${projectId ?? \"\"}/tasks`),\n          },\n          {\n            id: \"open-reports\",\n            label: \"Open reports\",\n            description: \"Analyse this project's time and budget over time.\",\n            onClick: () => navigate(\"/reports\"),\n          },\n        ]}\n      />\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Tracked Hours\"\n          value={formatHours(stats?.totalHours ?? project?.trackedHours ?? 0)}\n          icon={<Clock className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Tasks\"\n          value={`${stats?.completedTasks ?? 0} / ${stats?.totalTasks ?? 0}`}\n          icon={<Users className=\"h-5 w-5\" />}\n          description=\"completed / total\"\n        />\n        <StatCard\n          title=\"Progress\"\n          value={\n            stats?.totalTasks\n              ? `${Math.round(((stats?.completedTasks ?? 0) / stats.totalTasks) * 100)}%`\n              : \"0%\"\n          }\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Budget Used\"\n          value={formatCurrency(\n            stats?.budgetUsed ?? 0,\n            project?.currency ?? \"USD\",\n          )}\n          icon={<FolderOpen className=\"h-5 w-5\" />}\n          description={\n            stats?.budgetRemaining != null\n              ? `${formatCurrency(stats.budgetRemaining, project?.currency ?? \"USD\")} remaining`\n              : undefined\n          }\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Recent Activity\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Activity timeline will render here\n            </p>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Time Distribution\n          </h3>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <p className=\"text-sm text-text-secondary\">\n              Chart will render here\n            </p>\n          </div>\n        </div>\n      </div>\n\n      {/* Edit modal */}\n      <Modal\n        open={editOpen}\n        onClose={() => setEditOpen(false)}\n        title=\"Edit Project\"\n        size=\"xl\"\n        footer={\n          <>\n            <button\n              onClick={() => setEditOpen(false)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleUpdate}\n              disabled={updating || !form.name.trim()}\n              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\"\n            >\n              {updating ? \"Saving…\" : \"Save Changes\"}\n            </button>\n          </>\n        }\n      >\n        {updateError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to update project. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className={labelClass}>Project Name</label>\n            <input\n              type=\"text\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className={labelClass}>Client</label>\n              <input\n                type=\"text\"\n                value={form.clientId}\n                onChange={(e) => setForm({ ...form, clientId: e.target.value })}\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className={labelClass}>Status</label>\n              <select\n                value={form.status}\n                onChange={(e) => setForm({ ...form, status: e.target.value })}\n                className={inputClass}\n              >\n                {PROJECT_STATUSES.map((s) => (\n                  <option key={s} value={s}>\n                    {s}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n          <div>\n            <label className={labelClass}>Description</label>\n            <textarea\n              rows={3}\n              value={form.description}\n              onChange={(e) =>\n                setForm({ ...form, description: e.target.value })\n              }\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className={labelClass}>Estimated Hours</label>\n              <input\n                type=\"number\"\n                value={form.estimatedHours}\n                onChange={(e) =>\n                  setForm({ ...form, estimatedHours: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className={labelClass}>Hourly Rate</label>\n              <input\n                type=\"number\"\n                value={form.hourlyRate}\n                onChange={(e) =>\n                  setForm({ ...form, hourlyRate: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n          </div>\n        </div>\n      </Modal>\n\n      {/* Delete confirm modal */}\n      <Modal\n        open={deleteOpen}\n        onClose={() => setDeleteOpen(false)}\n        title=\"Delete Project\"\n        size=\"sm\"\n        footer={\n          <>\n            <button\n              onClick={() => setDeleteOpen(false)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleDelete}\n              disabled={deleting}\n              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\"\n            >\n              {deleting ? \"Deleting…\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        {deleteError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to delete project. Please try again.\n          </div>\n        )}\n        <p className=\"text-sm text-text-secondary\">\n          Are you sure you want to delete{\" \"}\n          <span className=\"font-semibold text-text-primary\">\n            {project?.name}\n          </span>\n          ? This action cannot be undone.\n        </p>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}