@burdenoff/microfe-planmagnet 2026.928.3 → 2026.928.5

package/dist/planmagnet/pages/ProjectsProjectDetailPagePage.js

@@ -1,16 +1,19 @@
-import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
-import { PersonName as t } from "../people/People.js";
-import { workProgress as n } from "../hooks/useCounts.js";
-import { ROW_LINK_CLASS as r, rowLinkProps as i } from "../utils/rowNavigation.js";
-import { useEntityId as a } from "../hooks/useEntityId.js";
-import { ProjectHeaderActions as o } from "../controls/ProjectControls.js";
-import { Calendar as s, CheckSquare as c, FolderKanban as l, Users as u, Zap as d } from "lucide-react";
-import { gql as f } from "@apollo/client";
-import { useQuery as p } from "@apollo/client/react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Badge as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b } from "@burdenoff/fe-libs/ui";
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { workProgress as r } from "../hooks/useCounts.js";
+import { useEntityId as i } from "../hooks/useEntityId.js";
+import { enumLabel as a } from "../controls/WorkItemControls.js";
+import { ROW_LINK_CLASS as o, detailPath as s, rowLinkProps as c } from "../utils/rowNavigation.js";
+import { NewRiskDialog as l, NewTemplateFromProjectDialog as u } from "../create/CreateDialogs.js";
+import { ProjectHeaderActions as d } from "../controls/ProjectControls.js";
+import { ProjectBudgetsSummary as f } from "../budgets/ProjectBudgetsSummary.js";
+import { Bot as p, Calendar as m, CheckSquare as h, FolderKanban as g, LayoutTemplate as _, Route as v, ShieldAlert as y, Users as b, Zap as x } from "lucide-react";
+import { gql as S } from "@apollo/client";
+import { useQuery as C } from "@apollo/client/react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as E, Button as D, Card as O, CardContent as k, CardHeader as A, CardTitle as j } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx
-var x = f`
+var M = S`
   query GetProjectDetail($id: ID!) {
     planmagnetProject(id: $id) {
       id
@@ -24,6 +27,11 @@ var x = f`
       endDate
       tags
       createdAt
+      programId
+      program {
+        id
+        name
+      }
       sprints {
         id
         name
@@ -47,6 +55,14 @@ var x = f`
         dueDate
         ownerId
       }
+      risks {
+        id
+        title
+        severity
+        status
+        riskScore
+        dueDate
+      }
       workItems {
         id
         key
@@ -61,194 +77,237 @@ var x = f`
       }
     }
   }
-`, S = {
+`, N = {
 	ACTIVE: "bg-green-100 text-green-800",
 	ON_HOLD: "bg-orange-100 text-orange-800",
 	CANCELLED: "bg-red-100 text-red-800",
 	COMPLETED: "bg-blue-100 text-blue-800",
 	PLANNING: "bg-gray-100 text-gray-800",
 	ARCHIVED: "bg-gray-100 text-gray-800"
-};
-function C() {
-	let f = a("projectId"), C = e(), { data: w, loading: T, error: E } = p(x, {
-		variables: { id: f },
-		skip: !f
+}, P = {
+	CRITICAL: "bg-red-100 text-red-800",
+	HIGH: "bg-orange-100 text-orange-800",
+	MEDIUM: "bg-yellow-100 text-yellow-800",
+	LOW: "bg-blue-100 text-blue-800",
+	NEGLIGIBLE: "bg-gray-100 text-gray-800"
+}, F = new Set([
+	"IDENTIFIED",
+	"ANALYZING",
+	"MITIGATING",
+	"ACCEPTED"
+]);
+function I() {
+	let S = i("projectId"), I = t(), { workspaceId: L } = e(), { data: R, loading: z, error: B } = C(M, {
+		variables: { id: S },
+		skip: !S
 	});
-	if (!f) return /* @__PURE__ */ m("div", {
+	if (!S) return /* @__PURE__ */ w("div", {
 		className: "p-6 text-muted-foreground",
 		children: "No project selected. Open one from the list."
 	});
-	if (T && !w) return /* @__PURE__ */ m("div", {
+	if (z && !R) return /* @__PURE__ */ w("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ m("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ w("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (E) return /* @__PURE__ */ h("div", {
+	if (B) return /* @__PURE__ */ T("div", {
 		className: "p-6 text-red-500",
-		children: ["Error loading project: ", E.message]
+		children: ["Error loading project: ", B.message]
 	});
-	let D = w?.planmagnetProject;
-	if (!D) return /* @__PURE__ */ m("div", {
+	let V = R?.planmagnetProject;
+	if (!V) return /* @__PURE__ */ w("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Project not found."
 	});
-	let O = D.workItems ?? [], k = D.sprints ?? [], A = D.milestones ?? [], j = k.find((e) => e.status === "ACTIVE"), M = k.filter((e) => e.status === "COMPLETED" && e.velocity != null).sort((e, t) => (t.endDate ?? "").localeCompare(e.endDate ?? ""))[0], N = n(O.map((e) => ({ status: e.status }))), P = O.filter((e) => e.status !== "CANCELLED"), F = P.filter((e) => e.status === "DONE").length, I = [...O].sort((e, t) => t.createdAt.localeCompare(e.createdAt)).slice(0, 5);
-	return /* @__PURE__ */ h("div", {
+	let H = V.workItems ?? [], U = V.sprints ?? [], W = V.milestones ?? [], G = V.risks ?? [], K = G.filter((e) => F.has(e.status)), q = [...K].sort((e, t) => t.riskScore - e.riskScore).slice(0, 3), J = U.find((e) => e.status === "ACTIVE"), Y = U.filter((e) => e.status === "COMPLETED" && e.velocity != null).sort((e, t) => (t.endDate ?? "").localeCompare(e.endDate ?? ""))[0], X = r(H.map((e) => ({
+		status: e.status,
+		storyPoints: e.storyPoints
+	}))), Z = H.filter((e) => e.status !== "CANCELLED"), Q = Z.filter((e) => e.status === "DONE").length, $ = [...H].sort((e, t) => t.createdAt.localeCompare(e.createdAt)).slice(0, 5);
+	return /* @__PURE__ */ T("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ T("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ m(l, { className: "h-5 w-5 text-primary" }),
-						/* @__PURE__ */ m("h1", {
+						/* @__PURE__ */ w(g, { className: "h-5 w-5 text-primary" }),
+						/* @__PURE__ */ w("h1", {
 							className: "text-2xl font-semibold",
-							children: D.name
+							children: V.name
 						}),
-						/* @__PURE__ */ m("span", {
-							className: `text-xs px-2 py-0.5 rounded-full capitalize ${S[D.status] ?? "bg-gray-100"}`,
-							children: D.status.toLowerCase().replace("_", " ")
+						/* @__PURE__ */ w("span", {
+							className: `text-xs px-2 py-0.5 rounded-full capitalize ${N[V.status] ?? "bg-gray-100"}`,
+							children: V.status.toLowerCase().replace("_", " ")
 						})
 					]
-				}), /* @__PURE__ */ m("p", {
+				}), /* @__PURE__ */ w("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: D.description ?? "No description"
-				})] }), /* @__PURE__ */ h("div", {
+					children: V.description ?? "No description"
+				})] }), /* @__PURE__ */ T("div", {
 					className: "flex flex-col items-end gap-2",
-					children: [/* @__PURE__ */ m(o, {
-						projectId: D.id,
-						name: D.name,
-						status: D.status
-					}), /* @__PURE__ */ m(g, {
-						variant: "outline",
-						className: "capitalize",
-						children: D.methodology.toLowerCase()
-					})]
+					children: [
+						/* @__PURE__ */ w(d, {
+							projectId: V.id,
+							name: V.name,
+							status: V.status
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ T(D, {
+								size: "sm",
+								variant: "outline",
+								onClick: () => I("/automation/automation-rules-page"),
+								"data-testid": "project-automation-rules",
+								children: [/* @__PURE__ */ w(p, { className: "mr-1 h-4 w-4" }), "Automation rules"]
+							}), /* @__PURE__ */ w(u, {
+								projectId: V.id,
+								projectName: V.name,
+								onCreated: (e) => I(s("/templates/edit-template-page", e)),
+								trigger: /* @__PURE__ */ T(D, {
+									size: "sm",
+									variant: "outline",
+									"data-testid": "project-save-as-template",
+									children: [/* @__PURE__ */ w(_, { className: "mr-1 h-4 w-4" }), "Save as template"]
+								})
+							})]
+						}),
+						/* @__PURE__ */ w(E, {
+							variant: "outline",
+							className: "capitalize",
+							children: V.methodology.toLowerCase()
+						}),
+						/* @__PURE__ */ T(D, {
+							size: "sm",
+							variant: "outline",
+							onClick: () => I(s("/projects/critical-path-page", V.id)),
+							children: [/* @__PURE__ */ w(v, { className: "mr-1 h-4 w-4" }), "Critical path"]
+						})
+					]
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ m(_, { children: /* @__PURE__ */ h(v, {
+					/* @__PURE__ */ w(O, { children: /* @__PURE__ */ T(k, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ T("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ m(c, { className: "h-4 w-4" }), "Work Items"]
-						}), /* @__PURE__ */ h("p", {
+							children: [/* @__PURE__ */ w(h, { className: "h-4 w-4" }), "Work Items"]
+						}), /* @__PURE__ */ T("p", {
 							className: "text-xl font-bold mt-1",
 							children: [
-								F,
+								Q,
 								"/",
-								P.length
+								Z.length
 							]
 						})]
 					}) }),
-					/* @__PURE__ */ m(_, { children: /* @__PURE__ */ h(v, {
+					/* @__PURE__ */ w(O, { children: /* @__PURE__ */ T(k, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ T("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ m(d, { className: "h-4 w-4" }), "Sprints"]
-						}), /* @__PURE__ */ m("p", {
+							children: [/* @__PURE__ */ w(x, { className: "h-4 w-4" }), "Sprints"]
+						}), /* @__PURE__ */ w("p", {
 							className: "text-xl font-bold mt-1",
-							children: k.length
+							children: U.length
 						})]
 					}) }),
-					/* @__PURE__ */ m(_, { children: /* @__PURE__ */ h(v, {
+					/* @__PURE__ */ w(O, { children: /* @__PURE__ */ T(k, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ T("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ m(s, { className: "h-4 w-4" }), "Milestones"]
-						}), /* @__PURE__ */ m("p", {
+							children: [/* @__PURE__ */ w(m, { className: "h-4 w-4" }), "Milestones"]
+						}), /* @__PURE__ */ w("p", {
 							className: "text-xl font-bold mt-1",
-							children: A.length
+							children: W.length
 						})]
 					}) }),
-					/* @__PURE__ */ m(_, { children: /* @__PURE__ */ h(v, {
+					/* @__PURE__ */ w(O, { children: /* @__PURE__ */ T(k, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ T("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ m(u, { className: "h-4 w-4" }), "Owner"]
-						}), /* @__PURE__ */ m("p", {
+							children: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), "Owner"]
+						}), /* @__PURE__ */ w("p", {
 							className: "text-sm font-bold mt-1 truncate",
-							children: /* @__PURE__ */ m(t, { id: D.ownerId })
+							children: /* @__PURE__ */ w(n, { id: V.ownerId })
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(b, { children: "Timeline" }) }), /* @__PURE__ */ h(v, { children: [
-							/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ T(O, { children: [/* @__PURE__ */ w(A, { children: /* @__PURE__ */ w(j, { children: "Timeline" }) }), /* @__PURE__ */ T(k, { children: [
+							/* @__PURE__ */ T("div", {
 								className: "flex justify-between text-sm mb-2",
-								children: [/* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ w("span", {
 									className: "text-muted-foreground",
 									children: "Tasks done"
-								}), /* @__PURE__ */ m("span", {
+								}), /* @__PURE__ */ w("span", {
 									className: "font-medium",
-									children: N === null ? "No open tasks" : `${N}%`
+									children: X === null ? "No open tasks" : `${X}%`
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ w("div", {
 								className: "w-full h-4 rounded-full bg-muted overflow-hidden",
-								children: /* @__PURE__ */ m("div", {
+								children: /* @__PURE__ */ w("div", {
 									className: "h-full bg-primary rounded-full",
-									style: { width: `${N ?? 0}%` }
+									style: { width: `${X ?? 0}%` }
 								})
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ T("div", {
 								className: "flex justify-between text-xs text-muted-foreground mt-2",
-								children: [/* @__PURE__ */ m("span", { children: D.startDate ? new Date(D.startDate).toLocaleDateString() : "Not set" }), /* @__PURE__ */ m("span", { children: D.endDate ? new Date(D.endDate).toLocaleDateString() : "Not set" })]
+								children: [/* @__PURE__ */ w("span", { children: V.startDate ? new Date(V.startDate).toLocaleDateString() : "Not set" }), /* @__PURE__ */ w("span", { children: V.endDate ? new Date(V.endDate).toLocaleDateString() : "Not set" })]
 							})
 						] })] }),
-						j && /* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(b, {
+						J && /* @__PURE__ */ T(O, { children: [/* @__PURE__ */ w(A, { children: /* @__PURE__ */ T(j, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ m(d, { className: "h-4 w-4 text-primary" }), "Active Sprint"]
-						}) }), /* @__PURE__ */ h(v, {
+							children: [/* @__PURE__ */ w(x, { className: "h-4 w-4 text-primary" }), "Active Sprint"]
+						}) }), /* @__PURE__ */ T(k, {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ T("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ m("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: "font-medium",
-										children: j.name
-									}), /* @__PURE__ */ m(g, { children: "Active" })]
+										children: J.name
+									}), /* @__PURE__ */ w(E, { children: "Active" })]
 								}),
-								j.goal && /* @__PURE__ */ m("p", {
+								J.goal && /* @__PURE__ */ w("p", {
 									className: "text-sm text-muted-foreground",
-									children: j.goal
+									children: J.goal
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ T("div", {
 									className: "grid grid-cols-3 gap-4 text-center",
 									children: [
-										/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-lg font-semibold",
 											children: [
-												j.workItems?.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0),
+												J.workItems?.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0),
 												"/",
-												j.workItems?.reduce((e, t) => e + (t.storyPoints ?? 0), 0) ?? 0
+												J.workItems?.reduce((e, t) => e + (t.storyPoints ?? 0), 0) ?? 0
 											]
-										}), /* @__PURE__ */ m("p", {
+										}), /* @__PURE__ */ w("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Points"
 										})] }),
-										/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("p", {
 											className: "text-lg font-semibold",
 											children: [
-												j.workItems?.filter((e) => e.status === "DONE").length ?? 0,
+												J.workItems?.filter((e) => e.status === "DONE").length ?? 0,
 												"/",
-												j.workItems?.length ?? 0
+												J.workItems?.length ?? 0
 											]
-										}), /* @__PURE__ */ m("p", {
+										}), /* @__PURE__ */ w("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Tasks"
 										})] }),
-										/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 											className: "text-lg font-semibold",
-											children: M ? `${M.velocity} pts` : "—"
-										}), /* @__PURE__ */ m("p", {
+											children: Y ? `${Y.velocity} pts` : "—"
+										}), /* @__PURE__ */ w("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Velocity of the last sprint"
 										})] })
@@ -256,129 +315,206 @@ function C() {
 								})
 							]
 						})] }),
-						/* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(b, { children: [
+						/* @__PURE__ */ T(O, { children: [/* @__PURE__ */ w(A, { children: /* @__PURE__ */ T(j, { children: [
 							"Work items (",
-							O.length,
+							H.length,
 							")",
-							O.length > 5 ? " · latest 5" : ""
-						] }) }), /* @__PURE__ */ h(v, {
+							H.length > 5 ? " · latest 5" : ""
+						] }) }), /* @__PURE__ */ T(k, {
 							className: "space-y-2",
-							children: [I.map((e) => /* @__PURE__ */ h("div", {
-								...i(() => C(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`), e.key),
-								className: `flex items-center justify-between border rounded-md p-2.5 ${r}`,
-								children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("p", {
+							children: [$.map((e) => /* @__PURE__ */ T("div", {
+								...c(() => I(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`), e.key),
+								className: `flex items-center justify-between border rounded-md p-2.5 ${o}`,
+								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("p", {
 									className: "text-sm font-medium",
 									children: [
 										e.key,
 										" ",
-										/* @__PURE__ */ m("span", {
+										/* @__PURE__ */ w("span", {
 											className: "font-normal",
 											children: e.title
 										})
 									]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ w("div", {
 									className: "flex gap-1 mt-1",
-									children: e.labels.map((e) => /* @__PURE__ */ m("span", {
+									children: e.labels.map((e) => /* @__PURE__ */ w("span", {
 										className: "text-[10px] px-1.5 py-0.5 rounded bg-muted",
 										children: e
 									}, e))
-								})] }), /* @__PURE__ */ h("div", {
+								})] }), /* @__PURE__ */ T("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ h("span", {
+									children: [/* @__PURE__ */ T("span", {
 										className: "text-xs text-muted-foreground",
 										children: [e.storyPoints ?? 0, " pts"]
-									}), /* @__PURE__ */ m(g, {
+									}), /* @__PURE__ */ w(E, {
 										variant: "secondary",
 										className: "capitalize text-xs",
 										children: e.status.toLowerCase().replace("_", " ")
 									})]
 								})]
-							}, e.id)), O.length === 0 && /* @__PURE__ */ m("p", {
+							}, e.id)), H.length === 0 && /* @__PURE__ */ w("p", {
 								className: "text-sm text-muted-foreground text-center py-4",
 								children: "No work items yet."
 							})]
 						})] })
 					]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(b, { children: [
-						"Milestones (",
-						A.length,
-						")"
-					] }) }), /* @__PURE__ */ h(v, {
-						className: "space-y-3",
-						children: [A.map((e) => /* @__PURE__ */ h("div", {
-							className: "border-b pb-2 last:border-0",
-							children: [/* @__PURE__ */ h("div", {
-								className: "flex justify-between",
-								children: [/* @__PURE__ */ m("span", {
-									className: "text-sm font-medium",
-									children: e.name
-								}), /* @__PURE__ */ m(g, {
-									variant: "outline",
-									className: "text-xs capitalize",
-									children: e.status.toLowerCase().replace("_", " ")
-								})]
-							}), /* @__PURE__ */ h("div", {
-								className: "flex items-center gap-1 text-xs text-muted-foreground mt-1",
-								children: [/* @__PURE__ */ m(s, { className: "h-3 w-3" }), e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "No due date"]
-							})]
-						}, e.id)), A.length === 0 && /* @__PURE__ */ m("p", {
-							className: "text-sm text-muted-foreground text-center py-2",
-							children: "No milestones."
-						})]
-					})] }), /* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(b, { children: "Details" }) }), /* @__PURE__ */ h(v, {
-						className: "space-y-2 text-sm",
-						children: [
-							/* @__PURE__ */ h("div", {
-								className: "flex justify-between",
-								children: [/* @__PURE__ */ m("span", {
-									className: "text-muted-foreground",
-									children: "Owner"
-								}), /* @__PURE__ */ m("span", { children: /* @__PURE__ */ m(t, { id: D.ownerId }) })]
-							}),
-							/* @__PURE__ */ h("div", {
-								className: "flex justify-between",
-								children: [/* @__PURE__ */ m("span", {
-									className: "text-muted-foreground",
-									children: "Key"
-								}), /* @__PURE__ */ m("span", {
-									className: "font-mono",
-									children: D.key
-								})]
-							}),
-							/* @__PURE__ */ h("div", {
-								className: "flex justify-between",
-								children: [/* @__PURE__ */ m("span", {
-									className: "text-muted-foreground",
-									children: "Methodology"
-								}), /* @__PURE__ */ m("span", {
-									className: "capitalize",
-									children: D.methodology.toLowerCase()
-								})]
-							}),
-							D.tags.length > 0 && /* @__PURE__ */ h("div", {
-								className: "flex justify-between items-start",
-								children: [/* @__PURE__ */ m("span", {
-									className: "text-muted-foreground",
-									children: "Tags"
-								}), /* @__PURE__ */ m("div", {
-									className: "flex gap-1 flex-wrap justify-end",
-									children: D.tags.map((e) => /* @__PURE__ */ m(g, {
+					children: [
+						/* @__PURE__ */ w(f, {
+							workspaceId: L,
+							projectId: V.id
+						}),
+						/* @__PURE__ */ T(O, { children: [/* @__PURE__ */ w(A, { children: /* @__PURE__ */ T(j, { children: [
+							"Milestones (",
+							W.length,
+							")"
+						] }) }), /* @__PURE__ */ T(k, {
+							className: "space-y-3",
+							children: [W.map((e) => /* @__PURE__ */ T("div", {
+								className: "border-b pb-2 last:border-0",
+								children: [/* @__PURE__ */ T("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ w("span", {
+										className: "text-sm font-medium",
+										children: e.name
+									}), /* @__PURE__ */ w(E, {
 										variant: "outline",
-										className: "text-xs",
-										children: e
-									}, e))
+										className: "text-xs capitalize",
+										children: e.status.toLowerCase().replace("_", " ")
+									})]
+								}), /* @__PURE__ */ T("div", {
+									className: "flex items-center gap-1 text-xs text-muted-foreground mt-1",
+									children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "No due date"]
 								})]
-							})
-						]
-					})] })]
+							}, e.id)), W.length === 0 && /* @__PURE__ */ w("p", {
+								className: "text-sm text-muted-foreground text-center py-2",
+								children: "No milestones."
+							})]
+						})] }),
+						/* @__PURE__ */ T(O, { children: [/* @__PURE__ */ T(A, {
+							className: "flex flex-row items-center justify-between space-y-0",
+							children: [/* @__PURE__ */ T(j, {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ w(y, { className: "h-4 w-4 text-primary" }),
+									"Risks (",
+									K.length,
+									" open)"
+								]
+							}), /* @__PURE__ */ w(l, {
+								projectId: V.id,
+								onCreated: (e) => I(s("/risks/risk-detail-page", e))
+							})]
+						}), /* @__PURE__ */ T(k, {
+							className: "space-y-3",
+							children: [
+								q.map((e) => /* @__PURE__ */ T("div", {
+									...c(() => I(s("/risks/risk-detail-page", e.id)), e.title),
+									className: `border-b pb-2 last:border-0 ${o}`,
+									children: [/* @__PURE__ */ T("div", {
+										className: "flex justify-between gap-2",
+										children: [/* @__PURE__ */ w("span", {
+											className: "text-sm font-medium truncate",
+											children: e.title
+										}), /* @__PURE__ */ w("span", {
+											className: `text-xs px-2 py-0.5 rounded-full shrink-0 ${P[e.severity] ?? "bg-gray-100"}`,
+											children: a(e.severity)
+										})]
+									}), /* @__PURE__ */ T("div", {
+										className: "text-xs text-muted-foreground mt-1",
+										children: [
+											"Score ",
+											e.riskScore,
+											" · ",
+											a(e.status)
+										]
+									})]
+								}, e.id)),
+								K.length === 0 && /* @__PURE__ */ w("p", {
+									className: "text-sm text-muted-foreground text-center py-2",
+									children: "No open risks."
+								}),
+								/* @__PURE__ */ T("button", {
+									type: "button",
+									className: "text-xs text-primary hover:underline",
+									onClick: () => I(`/risks/risk-register-page?projectId=${encodeURIComponent(V.id)}`),
+									children: [
+										"View risk register (",
+										G.length,
+										") →"
+									]
+								})
+							]
+						})] }),
+						/* @__PURE__ */ T(O, { children: [/* @__PURE__ */ w(A, { children: /* @__PURE__ */ w(j, { children: "Details" }) }), /* @__PURE__ */ T(k, {
+							className: "space-y-2 text-sm",
+							children: [
+								/* @__PURE__ */ T("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ w("span", {
+										className: "text-muted-foreground",
+										children: "Owner"
+									}), /* @__PURE__ */ w("span", { children: /* @__PURE__ */ w(n, { id: V.ownerId }) })]
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ w("span", {
+										className: "text-muted-foreground",
+										children: "Key"
+									}), /* @__PURE__ */ w("span", {
+										className: "font-mono",
+										children: V.key
+									})]
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ w("span", {
+										className: "text-muted-foreground",
+										children: "Methodology"
+									}), /* @__PURE__ */ w("span", {
+										className: "capitalize",
+										children: V.methodology.toLowerCase()
+									})]
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ w("span", {
+										className: "text-muted-foreground",
+										children: "Program"
+									}), V.program ? /* @__PURE__ */ w("button", {
+										type: "button",
+										className: "text-primary hover:underline underline-offset-2",
+										onClick: () => I(s("/products/program-detail-page", V.program.id)),
+										children: V.program.name
+									}) : /* @__PURE__ */ w("span", {
+										className: "text-muted-foreground",
+										children: "No program"
+									})]
+								}),
+								V.tags.length > 0 && /* @__PURE__ */ T("div", {
+									className: "flex justify-between items-start",
+									children: [/* @__PURE__ */ w("span", {
+										className: "text-muted-foreground",
+										children: "Tags"
+									}), /* @__PURE__ */ w("div", {
+										className: "flex gap-1 flex-wrap justify-end",
+										children: V.tags.map((e) => /* @__PURE__ */ w(E, {
+											variant: "outline",
+											className: "text-xs",
+											children: e
+										}, e))
+									})]
+								})
+							]
+						})] })
+					]
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { C as ProjectsProjectDetailPagePage };
+export { I as ProjectsProjectDetailPagePage };
 
 //# sourceMappingURL=ProjectsProjectDetailPagePage.js.map