@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.6

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