@burdenoff/microfe-crewfoundry 2026.703.2 → 2026.704.1

package/dist/crewfoundry/pages/ProjectsProjectDetailsPagePage.js

@@ -2,12 +2,12 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { FormModal as t, useFormModal as n } from "../components/forms/FormModal.js";
 import { useState as r } from "react";
 import { Calendar as i, DollarSign as a, FolderKanban as o, Pencil as s, Target as c, Trash2 as l, Users as u } from "lucide-react";
-import { useNavigate as d } from "react-router-dom";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Badge as m, Button as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y, EmphasisPanel as b, GradientText as x, IllustratedEmptyState as S, NextSteps as C, PagePurpose as w, ResponsiveDialog as T, ResponsiveDialogContent as E, ResponsiveDialogDescription as D, ResponsiveDialogFooter as O, ResponsiveDialogHeader as k, ResponsiveDialogTitle as A } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as j } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useNavigate as d, useSearchParams as f } from "react-router-dom";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, EmphasisPanel as x, GradientText as S, IllustratedEmptyState as C, NextSteps as w, PagePurpose as T, ResponsiveDialog as E, ResponsiveDialogContent as D, ResponsiveDialogDescription as O, ResponsiveDialogFooter as k, ResponsiveDialogHeader as A, ResponsiveDialogTitle as j } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as M } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/ProjectsProjectDetailsPagePage.tsx
-var M = [
+var N = [
 	{
 		name: "name",
 		label: "Project Name",
@@ -82,150 +82,150 @@ var M = [
 		type: "number"
 	}
 ];
-function N() {
-	let N = d(), { showToast: P } = j(), F = e((e) => e.projects), I = e((e) => e.updateProject), L = e((e) => e.removeProject), R = n(), [z, B] = r(!1), [V, H] = r(!1), U = F[1];
-	if (!U) return /* @__PURE__ */ f("div", {
+function P() {
+	let P = d(), [F] = f(), { showToast: I } = M(), L = e((e) => e.projects), R = e((e) => e.updateProject), z = e((e) => e.removeProject), B = n(), [V, H] = r(!1), [U, W] = r(!1), G = F.get("id"), K = L.find((e) => e.id === G) ?? L[0];
+	if (!K) return /* @__PURE__ */ p("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ f(S, {
+		children: /* @__PURE__ */ p(C, {
 			illustration: "empty-search",
 			title: "Project not found",
 			description: "This project is no longer available."
 		})
 	});
-	let W = {
-		name: U.name,
-		description: U.description,
-		status: U.status,
-		priority: U.priority,
-		budget: U.budget,
-		progress: U.progress
+	let q = K.budget > 0 ? Math.round(K.spent / K.budget * 100) : 0, J = K.budget > 0 && K.spent / K.budget > .9, Y = {
+		name: K.name,
+		description: K.description,
+		status: K.status,
+		priority: K.priority,
+		budget: K.budget,
+		progress: K.progress
 	};
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between gap-4",
-				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ f(x, { children: U.name })
-				}), /* @__PURE__ */ f("p", {
+					children: /* @__PURE__ */ p(S, { children: K.name })
+				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary",
-					children: U.description
-				})] }), /* @__PURE__ */ p("div", {
+					children: K.description
+				})] }), /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "hidden gap-1 sm:flex",
-							children: [/* @__PURE__ */ f(m, {
-								variant: U.priority === "critical" ? "destructive" : "default",
-								children: U.priority
-							}), /* @__PURE__ */ f(m, {
-								variant: U.status === "active" ? "default" : "secondary",
-								children: U.status
+							children: [/* @__PURE__ */ p(h, {
+								variant: K.priority === "critical" ? "destructive" : "default",
+								children: K.priority
+							}), /* @__PURE__ */ p(h, {
+								variant: K.status === "active" ? "default" : "secondary",
+								children: K.status
 							})]
 						}),
-						/* @__PURE__ */ p(h, {
+						/* @__PURE__ */ m(g, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => R.openModal(),
-							children: [/* @__PURE__ */ f(s, { className: "h-4 w-4 mr-1" }), "Edit"]
+							onClick: () => B.openModal(),
+							children: [/* @__PURE__ */ p(s, { className: "h-4 w-4 mr-1" }), "Edit"]
 						}),
-						/* @__PURE__ */ f(h, {
+						/* @__PURE__ */ p(g, {
 							variant: "ghost",
 							size: "sm",
 							"aria-label": "Delete project",
 							className: "h-9 w-9 p-0 text-text-secondary hover:text-status-error-text",
-							onClick: () => B(!0),
-							children: /* @__PURE__ */ f(l, { className: "h-4 w-4" })
+							onClick: () => H(!0),
+							children: /* @__PURE__ */ p(l, { className: "h-4 w-4" })
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ f(w, { children: "Track a single project end-to-end — progress, budget, team, and timeline in one place — so you can spot risks early and keep delivery on schedule and on budget." }),
-			/* @__PURE__ */ f(C, {
+			/* @__PURE__ */ p(T, { children: "Track a single project end-to-end — progress, budget, team, and timeline in one place — so you can spot risks early and keep delivery on schedule and on budget." }),
+			/* @__PURE__ */ p(w, {
 				storageKey: "crewfoundry-project-details",
 				steps: [
 					{
 						id: "all-projects",
 						label: "View all projects",
 						description: "See how this project compares across your portfolio.",
-						icon: /* @__PURE__ */ f(o, { className: "h-4 w-4" }),
-						onClick: () => N("../../projects/projects-page")
+						icon: /* @__PURE__ */ p(o, { className: "h-4 w-4" }),
+						onClick: () => P("../../projects/projects-page")
 					},
 					{
 						id: "team",
 						label: "Check the team",
 						description: "Review who is working on this and their workload.",
-						icon: /* @__PURE__ */ f(u, { className: "h-4 w-4" }),
-						onClick: () => N("../../teams/teams-page")
+						icon: /* @__PURE__ */ p(u, { className: "h-4 w-4" }),
+						onClick: () => P("../../teams/teams-page")
 					},
 					{
 						id: "new-project",
 						label: "Start a new project",
 						description: "Kick off the next piece of work.",
-						icon: /* @__PURE__ */ f(c, { className: "h-4 w-4" }),
-						onClick: () => N("../../projects/create-project-page")
+						icon: /* @__PURE__ */ p(c, { className: "h-4 w-4" }),
+						onClick: () => P("../../projects/create-project-page")
 					}
 				]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid gap-4 md:grid-cols-4",
 				children: [
-					/* @__PURE__ */ f(g, { children: /* @__PURE__ */ p(_, {
+					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ f(c, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ p(c, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ m("p", {
 								className: "text-lg font-bold",
-								children: [U.progress, "%"]
+								children: [K.progress, "%"]
 							}),
-							/* @__PURE__ */ f("p", {
+							/* @__PURE__ */ p("p", {
 								className: "text-xs text-text-secondary",
 								children: "Progress"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ f(g, { children: /* @__PURE__ */ p(_, {
+					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ f(a, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ p(a, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ m("p", {
 								className: "text-lg font-bold",
 								children: [
 									"$",
-									(U.budget / 1e3).toFixed(0),
+									(K.budget / 1e3).toFixed(0),
 									"K"
 								]
 							}),
-							/* @__PURE__ */ f("p", {
+							/* @__PURE__ */ p("p", {
 								className: "text-xs text-text-secondary",
 								children: "Budget"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ f(g, { children: /* @__PURE__ */ p(_, {
+					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ f(u, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ f("p", {
+							/* @__PURE__ */ p(u, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ p("p", {
 								className: "text-lg font-bold",
-								children: U.teamName
+								children: K.teamName
 							}),
-							/* @__PURE__ */ f("p", {
+							/* @__PURE__ */ p("p", {
 								className: "text-xs text-text-secondary",
 								children: "Team"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ f(g, { children: /* @__PURE__ */ p(_, {
+					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
 						className: "p-4 text-center",
 						children: [
-							/* @__PURE__ */ f(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
-							/* @__PURE__ */ f("p", {
+							/* @__PURE__ */ p(i, { className: "h-5 w-5 mx-auto text-text-secondary mb-1" }),
+							/* @__PURE__ */ p("p", {
 								className: "text-lg font-bold",
-								children: U.endDate
+								children: K.endDate
 							}),
-							/* @__PURE__ */ f("p", {
+							/* @__PURE__ */ p("p", {
 								className: "text-xs text-text-secondary",
 								children: "Deadline"
 							})
@@ -233,118 +233,118 @@ function N() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ p(b, { children: [/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p("div", {
 				className: "mb-2 text-lg font-semibold",
 				children: "Task Progress"
-			}), /* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ m("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex justify-between text-sm",
-					children: [/* @__PURE__ */ p("span", { children: [
-						U.completedTasks,
+					children: [/* @__PURE__ */ m("span", { children: [
+						K.completedTasks,
 						" of ",
-						U.tasks,
+						K.tasks,
 						" tasks completed"
-					] }), /* @__PURE__ */ p("span", {
+					] }), /* @__PURE__ */ m("span", {
 						className: "font-medium",
-						children: [U.progress, "%"]
+						children: [K.progress, "%"]
 					})]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "h-3 bg-bg-sunken rounded overflow-hidden",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "h-3 bg-action-primary-bg rounded",
-						style: { width: `${U.progress}%` }
+						style: { width: `${K.progress}%` }
 					})
 				})]
 			})] }),
-			/* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(v, { children: /* @__PURE__ */ f(y, { children: "Budget Tracking" }) }), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, { children: "Budget Tracking" }) }), /* @__PURE__ */ m(v, { children: [/* @__PURE__ */ m("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex justify-between text-sm",
-					children: [/* @__PURE__ */ p("span", { children: [
+					children: [/* @__PURE__ */ m("span", { children: [
 						"Spent $",
-						(U.spent / 1e3).toFixed(0),
+						(K.spent / 1e3).toFixed(0),
 						"K of $",
-						(U.budget / 1e3).toFixed(0),
+						(K.budget / 1e3).toFixed(0),
 						"K"
-					] }), /* @__PURE__ */ p("span", {
+					] }), /* @__PURE__ */ m("span", {
 						className: "font-medium",
-						children: [Math.round(U.spent / U.budget * 100), "%"]
+						children: [q, "%"]
 					})]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "h-3 bg-bg-sunken rounded overflow-hidden",
-					children: /* @__PURE__ */ f("div", {
-						className: `h-3 rounded ${U.spent / U.budget > .9 ? "bg-status-error-text" : "bg-status-success-text"}`,
-						style: { width: `${Math.round(U.spent / U.budget * 100)}%` }
+					children: /* @__PURE__ */ p("div", {
+						className: `h-3 rounded ${J ? "bg-status-error-text" : "bg-status-success-text"}`,
+						style: { width: `${q}%` }
 					})
 				})]
-			}), /* @__PURE__ */ p("div", {
+			}), /* @__PURE__ */ m("div", {
 				className: "grid grid-cols-2 gap-4 mt-4 text-sm",
-				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 					className: "text-xs text-text-secondary",
 					children: "Manager"
-				}), /* @__PURE__ */ f("p", {
+				}), /* @__PURE__ */ p("p", {
 					className: "font-medium",
-					children: U.managerName
-				})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+					children: K.managerName
+				})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 					className: "text-xs text-text-secondary",
 					children: "Timeline"
-				}), /* @__PURE__ */ p("p", { children: [
-					U.startDate,
+				}), /* @__PURE__ */ m("p", { children: [
+					K.startDate,
 					" — ",
-					U.endDate
+					K.endDate
 				] })] })]
 			})] })] }),
-			/* @__PURE__ */ f(t, {
-				open: R.open,
-				onOpenChange: R.onOpenChange,
+			/* @__PURE__ */ p(t, {
+				open: B.open,
+				onOpenChange: B.onOpenChange,
 				title: "Edit Project",
-				description: `Update the details for ${U.name}.`,
-				fields: M,
-				initialValues: W,
+				description: `Update the details for ${K.name}.`,
+				fields: N,
+				initialValues: Y,
 				submitLabel: "Save Changes",
 				onSubmit: async (e) => {
 					let t = {
 						name: String(e.name ?? "").trim(),
 						description: String(e.description ?? "").trim(),
-						status: String(e.status ?? U.status),
-						priority: String(e.priority ?? U.priority)
+						status: String(e.status ?? K.status),
+						priority: String(e.priority ?? K.priority)
 					};
-					typeof e.budget == "number" && !Number.isNaN(e.budget) && (t.budget = e.budget), typeof e.progress == "number" && !Number.isNaN(e.progress) && (t.progress = e.progress), await I(U.id, t), P("Project updated", "success");
+					typeof e.budget == "number" && !Number.isNaN(e.budget) && (t.budget = e.budget), typeof e.progress == "number" && !Number.isNaN(e.progress) && (t.progress = e.progress), await R(K.id, t), I("Project updated", "success");
 				}
 			}),
-			/* @__PURE__ */ f(T, {
-				open: z,
-				onOpenChange: B,
-				children: /* @__PURE__ */ p(E, {
+			/* @__PURE__ */ p(E, {
+				open: V,
+				onOpenChange: H,
+				children: /* @__PURE__ */ m(D, {
 					className: "sm:max-w-[440px]",
-					children: [/* @__PURE__ */ p(k, { children: [/* @__PURE__ */ p(A, { children: [
+					children: [/* @__PURE__ */ m(A, { children: [/* @__PURE__ */ m(j, { children: [
 						"Delete ",
-						U.name,
+						K.name,
 						"?"
-					] }), /* @__PURE__ */ f(D, { children: "This permanently removes the project and its tracking data. This cannot be undone." })] }), /* @__PURE__ */ p(O, { children: [/* @__PURE__ */ f(h, {
+					] }), /* @__PURE__ */ p(O, { children: "This permanently removes the project and its tracking data. This cannot be undone." })] }), /* @__PURE__ */ m(k, { children: [/* @__PURE__ */ p(g, {
 						type: "button",
 						variant: "outline",
-						onClick: () => B(!1),
-						disabled: V,
+						onClick: () => H(!1),
+						disabled: U,
 						children: "Cancel"
-					}), /* @__PURE__ */ f(h, {
+					}), /* @__PURE__ */ p(g, {
 						type: "button",
 						variant: "destructive",
 						onClick: async () => {
-							if (!V) {
-								H(!0);
+							if (!U) {
+								W(!0);
 								try {
-									await L(U.id), P("Project deleted", "success"), B(!1), N("../../projects/projects-page");
+									await z(K.id), I("Project deleted", "success"), H(!1), P("../../projects/projects-page");
 								} catch (e) {
-									P(e instanceof Error ? e.message : "Unable to delete project", "error");
+									I(e instanceof Error ? e.message : "Unable to delete project", "error");
 								} finally {
-									H(!1);
+									W(!1);
 								}
 							}
 						},
-						disabled: V,
-						children: V ? "Deleting…" : "Delete Project"
+						disabled: U,
+						children: U ? "Deleting…" : "Delete Project"
 					})] })]
 				})
 			})
@@ -352,6 +352,6 @@ function N() {
 	});
 }
 //#endregion
-export { N as ProjectsProjectDetailsPagePage };
+export { P as ProjectsProjectDetailsPagePage };
 
 //# sourceMappingURL=ProjectsProjectDetailsPagePage.js.map

package/dist/crewfoundry/pages/ProjectsProjectDetailsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectDetailsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Calendar, DollarSign, FolderKanban, Pencil, Target, Trash2, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type Project } from '../store/crewfoundryStore';\n\nconst PROJECT_EDIT_FIELDS: FieldConfig[] = [\n  { name: 'name', label: 'Project Name', type: 'text', required: true, colSpan: 2 },\n  { name: 'description', label: 'Description', type: 'textarea', colSpan: 2 },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Planning', value: 'planning' },\n      { label: 'Active', value: 'active' },\n      { label: 'On Hold', value: 'on_hold' },\n      { label: 'Completed', value: 'completed' },\n      { label: 'Cancelled', value: 'cancelled' },\n    ],\n  },\n  {\n    name: 'priority',\n    label: 'Priority',\n    type: 'select',\n    options: [\n      { label: 'Low', value: 'low' },\n      { label: 'Medium', value: 'medium' },\n      { label: 'High', value: 'high' },\n      { label: 'Critical', value: 'critical' },\n    ],\n  },\n  { name: 'budget', label: 'Budget ($)', type: 'number' },\n  { name: 'progress', label: 'Progress (%)', type: 'number' },\n];\n\nexport function ProjectsProjectDetailsPagePage() {\n  const navigate = useNavigate();\n  const { showToast } = useGlobalUi();\n  const projects = useCrewFoundryStore((state) => state.projects);\n  const updateProject = useCrewFoundryStore((state) => state.updateProject);\n  const removeProject = useCrewFoundryStore((state) => state.removeProject);\n  const editModal = useFormModal();\n  const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);\n  const [deleting, setDeleting] = useState(false);\n  const project = projects[1]; // Show second project for variety\n  if (!project)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Project not found\"\n          description=\"This project is no longer available.\"\n        />\n      </div>\n    );\n\n  const editInitialValues: FormValues = {\n    name: project.name,\n    description: project.description,\n    status: project.status,\n    priority: project.priority,\n    budget: project.budget,\n    progress: project.progress,\n  };\n\n  const handleEdit = async (values: FormValues) => {\n    const updates: Partial<Project> = {\n      name: String(values.name ?? '').trim(),\n      description: String(values.description ?? '').trim(),\n      status: String(values.status ?? project.status) as Project['status'],\n      priority: String(values.priority ?? project.priority) as Project['priority'],\n    };\n    if (typeof values.budget === 'number' && !Number.isNaN(values.budget)) {\n      updates.budget = values.budget;\n    }\n    if (typeof values.progress === 'number' && !Number.isNaN(values.progress)) {\n      updates.progress = values.progress;\n    }\n    await updateProject(project.id, updates);\n    showToast('Project updated', 'success');\n  };\n\n  const handleDelete = async () => {\n    if (deleting) return;\n    setDeleting(true);\n    try {\n      await removeProject(project.id);\n      showToast('Project deleted', 'success');\n      setConfirmDeleteOpen(false);\n      navigate('../../projects/projects-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to delete project', 'error');\n    } finally {\n      setDeleting(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{project.name}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{project.description}</p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"hidden gap-1 sm:flex\">\n            <Badge variant={project.priority === 'critical' ? 'destructive' : 'default'}>\n              {project.priority}\n            </Badge>\n            <Badge variant={project.status === 'active' ? 'default' : 'secondary'}>\n              {project.status}\n            </Badge>\n          </div>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => editModal.openModal()}>\n            <Pencil className=\"h-4 w-4 mr-1\" />\n            Edit\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label=\"Delete project\"\n            className=\"h-9 w-9 p-0 text-text-secondary hover:text-status-error-text\"\n            onClick={() => setConfirmDeleteOpen(true)}\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n      <PagePurpose>\n        Track a single project end-to-end — progress, budget, team, and timeline in one place — so\n        you can spot risks early and keep delivery on schedule and on budget.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"crewfoundry-project-details\"\n        steps={[\n          {\n            id: 'all-projects',\n            label: 'View all projects',\n            description: 'See how this project compares across your portfolio.',\n            icon: <FolderKanban className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../projects/projects-page'),\n          },\n          {\n            id: 'team',\n            label: 'Check the team',\n            description: 'Review who is working on this and their workload.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../teams/teams-page'),\n          },\n          {\n            id: 'new-project',\n            label: 'Start a new project',\n            description: 'Kick off the next piece of work.',\n            icon: <Target className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../projects/create-project-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Target className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.progress}%</p>\n            <p className=\"text-xs text-text-secondary\">Progress</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">${(project.budget / 1000).toFixed(0)}K</p>\n            <p className=\"text-xs text-text-secondary\">Budget</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.teamName}</p>\n            <p className=\"text-xs text-text-secondary\">Team</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.endDate}</p>\n            <p className=\"text-xs text-text-secondary\">Deadline</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">Task Progress</div>\n        <div className=\"space-y-2\">\n          <div className=\"flex justify-between text-sm\">\n            <span>\n              {project.completedTasks} of {project.tasks} tasks completed\n            </span>\n            <span className=\"font-medium\">{project.progress}%</span>\n          </div>\n          <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n            <div\n              className=\"h-3 bg-action-primary-bg rounded\"\n              style={{ width: `${project.progress}%` }}\n            />\n          </div>\n        </div>\n      </EmphasisPanel>\n      <Card>\n        <CardHeader>\n          <CardTitle>Budget Tracking</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                Spent ${(project.spent / 1000).toFixed(0)}K of ${(project.budget / 1000).toFixed(0)}\n                K\n              </span>\n              <span className=\"font-medium\">\n                {Math.round((project.spent / project.budget) * 100)}%\n              </span>\n            </div>\n            <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n              <div\n                className={`h-3 rounded ${project.spent / project.budget > 0.9 ? 'bg-status-error-text' : 'bg-status-success-text'}`}\n                style={{ width: `${Math.round((project.spent / project.budget) * 100)}%` }}\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4 mt-4 text-sm\">\n            <div>\n              <p className=\"text-xs text-text-secondary\">Manager</p>\n              <p className=\"font-medium\">{project.managerName}</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Timeline</p>\n              <p>\n                {project.startDate} — {project.endDate}\n              </p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={editModal.open}\n        onOpenChange={editModal.onOpenChange}\n        title=\"Edit Project\"\n        description={`Update the details for ${project.name}.`}\n        fields={PROJECT_EDIT_FIELDS}\n        initialValues={editInitialValues}\n        submitLabel=\"Save Changes\"\n        onSubmit={handleEdit}\n      />\n\n      <ResponsiveDialog open={confirmDeleteOpen} onOpenChange={setConfirmDeleteOpen}>\n        <ResponsiveDialogContent className=\"sm:max-w-[440px]\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Delete {project.name}?</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              This permanently removes the project and its tracking data. This cannot be undone.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => setConfirmDeleteOpen(false)}\n              disabled={deleting}\n            >\n              Cancel\n            </Button>\n            <Button type=\"button\" variant=\"destructive\" onClick={handleDelete} disabled={deleting}>\n              {deleting ? 'Deleting…' : 'Delete Project'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsProjectDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectDetailsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Calendar, DollarSign, FolderKanban, Pencil, Target, Trash2, Users } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type Project } from '../store/crewfoundryStore';\n\nconst PROJECT_EDIT_FIELDS: FieldConfig[] = [\n  { name: 'name', label: 'Project Name', type: 'text', required: true, colSpan: 2 },\n  { name: 'description', label: 'Description', type: 'textarea', colSpan: 2 },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Planning', value: 'planning' },\n      { label: 'Active', value: 'active' },\n      { label: 'On Hold', value: 'on_hold' },\n      { label: 'Completed', value: 'completed' },\n      { label: 'Cancelled', value: 'cancelled' },\n    ],\n  },\n  {\n    name: 'priority',\n    label: 'Priority',\n    type: 'select',\n    options: [\n      { label: 'Low', value: 'low' },\n      { label: 'Medium', value: 'medium' },\n      { label: 'High', value: 'high' },\n      { label: 'Critical', value: 'critical' },\n    ],\n  },\n  { name: 'budget', label: 'Budget ($)', type: 'number' },\n  { name: 'progress', label: 'Progress (%)', type: 'number' },\n];\n\nexport function ProjectsProjectDetailsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { showToast } = useGlobalUi();\n  const projects = useCrewFoundryStore((state) => state.projects);\n  const updateProject = useCrewFoundryStore((state) => state.updateProject);\n  const removeProject = useCrewFoundryStore((state) => state.removeProject);\n  const editModal = useFormModal();\n  const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);\n  const [deleting, setDeleting] = useState(false);\n  const projectId = searchParams.get('id');\n  const project = projects.find((p) => p.id === projectId) ?? projects[0];\n  if (!project)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Project not found\"\n          description=\"This project is no longer available.\"\n        />\n      </div>\n    );\n\n  const budgetPct = project.budget > 0 ? Math.round((project.spent / project.budget) * 100) : 0;\n  const budgetOverrun = project.budget > 0 && project.spent / project.budget > 0.9;\n\n  const editInitialValues: FormValues = {\n    name: project.name,\n    description: project.description,\n    status: project.status,\n    priority: project.priority,\n    budget: project.budget,\n    progress: project.progress,\n  };\n\n  const handleEdit = async (values: FormValues) => {\n    const updates: Partial<Project> = {\n      name: String(values.name ?? '').trim(),\n      description: String(values.description ?? '').trim(),\n      status: String(values.status ?? project.status) as Project['status'],\n      priority: String(values.priority ?? project.priority) as Project['priority'],\n    };\n    if (typeof values.budget === 'number' && !Number.isNaN(values.budget)) {\n      updates.budget = values.budget;\n    }\n    if (typeof values.progress === 'number' && !Number.isNaN(values.progress)) {\n      updates.progress = values.progress;\n    }\n    await updateProject(project.id, updates);\n    showToast('Project updated', 'success');\n  };\n\n  const handleDelete = async () => {\n    if (deleting) return;\n    setDeleting(true);\n    try {\n      await removeProject(project.id);\n      showToast('Project deleted', 'success');\n      setConfirmDeleteOpen(false);\n      navigate('../../projects/projects-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to delete project', 'error');\n    } finally {\n      setDeleting(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{project.name}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{project.description}</p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"hidden gap-1 sm:flex\">\n            <Badge variant={project.priority === 'critical' ? 'destructive' : 'default'}>\n              {project.priority}\n            </Badge>\n            <Badge variant={project.status === 'active' ? 'default' : 'secondary'}>\n              {project.status}\n            </Badge>\n          </div>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => editModal.openModal()}>\n            <Pencil className=\"h-4 w-4 mr-1\" />\n            Edit\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label=\"Delete project\"\n            className=\"h-9 w-9 p-0 text-text-secondary hover:text-status-error-text\"\n            onClick={() => setConfirmDeleteOpen(true)}\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n      <PagePurpose>\n        Track a single project end-to-end — progress, budget, team, and timeline in one place — so\n        you can spot risks early and keep delivery on schedule and on budget.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"crewfoundry-project-details\"\n        steps={[\n          {\n            id: 'all-projects',\n            label: 'View all projects',\n            description: 'See how this project compares across your portfolio.',\n            icon: <FolderKanban className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../projects/projects-page'),\n          },\n          {\n            id: 'team',\n            label: 'Check the team',\n            description: 'Review who is working on this and their workload.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../teams/teams-page'),\n          },\n          {\n            id: 'new-project',\n            label: 'Start a new project',\n            description: 'Kick off the next piece of work.',\n            icon: <Target className=\"h-4 w-4\" />,\n            onClick: () => navigate('../../projects/create-project-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Target className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.progress}%</p>\n            <p className=\"text-xs text-text-secondary\">Progress</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">${(project.budget / 1000).toFixed(0)}K</p>\n            <p className=\"text-xs text-text-secondary\">Budget</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.teamName}</p>\n            <p className=\"text-xs text-text-secondary\">Team</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.endDate}</p>\n            <p className=\"text-xs text-text-secondary\">Deadline</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">Task Progress</div>\n        <div className=\"space-y-2\">\n          <div className=\"flex justify-between text-sm\">\n            <span>\n              {project.completedTasks} of {project.tasks} tasks completed\n            </span>\n            <span className=\"font-medium\">{project.progress}%</span>\n          </div>\n          <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n            <div\n              className=\"h-3 bg-action-primary-bg rounded\"\n              style={{ width: `${project.progress}%` }}\n            />\n          </div>\n        </div>\n      </EmphasisPanel>\n      <Card>\n        <CardHeader>\n          <CardTitle>Budget Tracking</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                Spent ${(project.spent / 1000).toFixed(0)}K of ${(project.budget / 1000).toFixed(0)}\n                K\n              </span>\n              <span className=\"font-medium\">{budgetPct}%</span>\n            </div>\n            <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n              <div\n                className={`h-3 rounded ${budgetOverrun ? 'bg-status-error-text' : 'bg-status-success-text'}`}\n                style={{ width: `${budgetPct}%` }}\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4 mt-4 text-sm\">\n            <div>\n              <p className=\"text-xs text-text-secondary\">Manager</p>\n              <p className=\"font-medium\">{project.managerName}</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Timeline</p>\n              <p>\n                {project.startDate} — {project.endDate}\n              </p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={editModal.open}\n        onOpenChange={editModal.onOpenChange}\n        title=\"Edit Project\"\n        description={`Update the details for ${project.name}.`}\n        fields={PROJECT_EDIT_FIELDS}\n        initialValues={editInitialValues}\n        submitLabel=\"Save Changes\"\n        onSubmit={handleEdit}\n      />\n\n      <ResponsiveDialog open={confirmDeleteOpen} onOpenChange={setConfirmDeleteOpen}>\n        <ResponsiveDialogContent className=\"sm:max-w-[440px]\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Delete {project.name}?</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              This permanently removes the project and its tracking data. This cannot be undone.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => setConfirmDeleteOpen(false)}\n              disabled={deleting}\n            >\n              Cancel\n            </Button>\n            <Button type=\"button\" variant=\"destructive\" onClick={handleDelete} disabled={deleting}>\n              {deleting ? 'Deleting…' : 'Delete Project'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </div>\n  );\n}\n"],"mappings":"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"}