@burdenoff/microfe-planmagnet 2026.928.2 → 2026.928.4

package/dist/planmagnet/pages/ProjectsProjectDetailPagePage.js

@@ -1,16 +1,16 @@
 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 { ROW_LINK_CLASS as r, detailPath as i, rowLinkProps as a } from "../utils/rowNavigation.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 { 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";
 //#region src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx
-var x = f`
+var S = p`
   query GetProjectDetail($id: ID!) {
     planmagnetProject(id: $id) {
       id
@@ -24,6 +24,11 @@ var x = f`
       endDate
       tags
       createdAt
+      programId
+      program {
+        id
+        name
+      }
       sprints {
         id
         name
@@ -61,7 +66,7 @@ var x = f`
       }
     }
   }
-`, S = {
+`, C = {
 	ACTIVE: "bg-green-100 text-green-800",
 	ON_HOLD: "bg-orange-100 text-orange-800",
 	CANCELLED: "bg-red-100 text-red-800",
@@ -69,186 +74,186 @@ var x = f`
 	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
+function w() {
+	let p = s("projectId"), w = e(), { data: T, loading: E, error: D } = m(S, {
+		variables: { id: p },
+		skip: !p
 	});
-	if (!f) return /* @__PURE__ */ m("div", {
+	if (!p) return /* @__PURE__ */ h("div", {
 		className: "p-6 text-muted-foreground",
 		children: "No project selected. Open one from the list."
 	});
-	if (T && !w) return /* @__PURE__ */ m("div", {
+	if (E && !T) return /* @__PURE__ */ h("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__ */ h("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (E) return /* @__PURE__ */ h("div", {
+	if (D) return /* @__PURE__ */ g("div", {
 		className: "p-6 text-red-500",
-		children: ["Error loading project: ", E.message]
+		children: ["Error loading project: ", D.message]
 	});
-	let D = w?.planmagnetProject;
-	if (!D) return /* @__PURE__ */ m("div", {
+	let O = T?.planmagnetProject;
+	if (!O) return /* @__PURE__ */ h("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 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", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ m(l, { className: "h-5 w-5 text-primary" }),
-						/* @__PURE__ */ m("h1", {
+						/* @__PURE__ */ h(u, { className: "h-5 w-5 text-primary" }),
+						/* @__PURE__ */ h("h1", {
 							className: "text-2xl font-semibold",
-							children: D.name
+							children: O.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__ */ 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__ */ m("p", {
+				}), /* @__PURE__ */ h("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: D.description ?? "No description"
-				})] }), /* @__PURE__ */ h("div", {
+					children: O.description ?? "No description"
+				})] }), /* @__PURE__ */ g("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, {
+					children: [/* @__PURE__ */ h(o, {
+						projectId: O.id,
+						name: O.name,
+						status: O.status
+					}), /* @__PURE__ */ h(_, {
 						variant: "outline",
 						className: "capitalize",
-						children: D.methodology.toLowerCase()
+						children: O.methodology.toLowerCase()
 					})]
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ m(_, { children: /* @__PURE__ */ h(v, {
+					/* @__PURE__ */ h(v, { children: /* @__PURE__ */ g(y, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ g("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__ */ h(l, { className: "h-4 w-4" }), "Work Items"]
+						}), /* @__PURE__ */ g("p", {
 							className: "text-xl font-bold mt-1",
 							children: [
-								F,
+								I,
 								"/",
-								P.length
+								F.length
 							]
 						})]
 					}) }),
-					/* @__PURE__ */ m(_, { children: /* @__PURE__ */ h(v, {
+					/* @__PURE__ */ h(v, { children: /* @__PURE__ */ g(y, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ g("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__ */ h(f, { className: "h-4 w-4" }), "Sprints"]
+						}), /* @__PURE__ */ h("p", {
 							className: "text-xl font-bold mt-1",
-							children: k.length
+							children: A.length
 						})]
 					}) }),
-					/* @__PURE__ */ m(_, { children: /* @__PURE__ */ h(v, {
+					/* @__PURE__ */ h(v, { children: /* @__PURE__ */ g(y, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ g("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__ */ h(c, { className: "h-4 w-4" }), "Milestones"]
+						}), /* @__PURE__ */ h("p", {
 							className: "text-xl font-bold mt-1",
-							children: A.length
+							children: j.length
 						})]
 					}) }),
-					/* @__PURE__ */ m(_, { children: /* @__PURE__ */ h(v, {
+					/* @__PURE__ */ h(v, { children: /* @__PURE__ */ g(y, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ g("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__ */ h(d, { className: "h-4 w-4" }), "Owner"]
+						}), /* @__PURE__ */ h("p", {
 							className: "text-sm font-bold mt-1 truncate",
-							children: /* @__PURE__ */ m(t, { id: D.ownerId })
+							children: /* @__PURE__ */ h(t, { id: O.ownerId })
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ g("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__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(x, { children: "Timeline" }) }), /* @__PURE__ */ g(y, { children: [
+							/* @__PURE__ */ g("div", {
 								className: "flex justify-between text-sm mb-2",
-								children: [/* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ h("span", {
 									className: "text-muted-foreground",
 									children: "Tasks done"
-								}), /* @__PURE__ */ m("span", {
+								}), /* @__PURE__ */ h("span", {
 									className: "font-medium",
-									children: N === null ? "No open tasks" : `${N}%`
+									children: P === null ? "No open tasks" : `${P}%`
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "w-full h-4 rounded-full bg-muted overflow-hidden",
-								children: /* @__PURE__ */ m("div", {
+								children: /* @__PURE__ */ h("div", {
 									className: "h-full bg-primary rounded-full",
-									style: { width: `${N ?? 0}%` }
+									style: { width: `${P ?? 0}%` }
 								})
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ g("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__ */ 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" })]
 							})
 						] })] }),
-						j && /* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(b, {
+						M && /* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ g(x, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ m(d, { className: "h-4 w-4 text-primary" }), "Active Sprint"]
-						}) }), /* @__PURE__ */ h(v, {
+							children: [/* @__PURE__ */ h(f, { className: "h-4 w-4 text-primary" }), "Active Sprint"]
+						}) }), /* @__PURE__ */ g(y, {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ g("div", {
 									className: "flex justify-between",
-									children: [/* @__PURE__ */ m("span", {
+									children: [/* @__PURE__ */ h("span", {
 										className: "font-medium",
-										children: j.name
-									}), /* @__PURE__ */ m(g, { children: "Active" })]
+										children: M.name
+									}), /* @__PURE__ */ h(_, { children: "Active" })]
 								}),
-								j.goal && /* @__PURE__ */ m("p", {
+								M.goal && /* @__PURE__ */ h("p", {
 									className: "text-sm text-muted-foreground",
-									children: j.goal
+									children: M.goal
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-3 gap-4 text-center",
 									children: [
-										/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-lg font-semibold",
 											children: [
-												j.workItems?.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0),
+												M.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
+												M.workItems?.reduce((e, t) => e + (t.storyPoints ?? 0), 0) ?? 0
 											]
-										}), /* @__PURE__ */ m("p", {
+										}), /* @__PURE__ */ h("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Points"
 										})] }),
-										/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("p", {
+										/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-lg font-semibold",
 											children: [
-												j.workItems?.filter((e) => e.status === "DONE").length ?? 0,
+												M.workItems?.filter((e) => e.status === "DONE").length ?? 0,
 												"/",
-												j.workItems?.length ?? 0
+												M.workItems?.length ?? 0
 											]
-										}), /* @__PURE__ */ m("p", {
+										}), /* @__PURE__ */ h("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Tasks"
 										})] }),
-										/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+										/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 											className: "text-lg font-semibold",
-											children: M ? `${M.velocity} pts` : "—"
-										}), /* @__PURE__ */ m("p", {
+											children: N ? `${N.velocity} pts` : "—"
+										}), /* @__PURE__ */ h("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Velocity of the last sprint"
 										})] })
@@ -256,115 +261,130 @@ function C() {
 								})
 							]
 						})] }),
-						/* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(b, { children: [
+						/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ g(x, { children: [
 							"Work items (",
-							O.length,
+							k.length,
 							")",
-							O.length > 5 ? " · latest 5" : ""
-						] }) }), /* @__PURE__ */ h(v, {
+							k.length > 5 ? " · latest 5" : ""
+						] }) }), /* @__PURE__ */ g(y, {
 							className: "space-y-2",
-							children: [I.map((e) => /* @__PURE__ */ h("div", {
-								...i(() => C(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`), e.key),
+							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__ */ h("div", { children: [/* @__PURE__ */ h("p", {
+								children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("p", {
 									className: "text-sm font-medium",
 									children: [
 										e.key,
 										" ",
-										/* @__PURE__ */ m("span", {
+										/* @__PURE__ */ h("span", {
 											className: "font-normal",
 											children: e.title
 										})
 									]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "flex gap-1 mt-1",
-									children: e.labels.map((e) => /* @__PURE__ */ m("span", {
+									children: e.labels.map((e) => /* @__PURE__ */ h("span", {
 										className: "text-[10px] px-1.5 py-0.5 rounded bg-muted",
 										children: e
 									}, e))
-								})] }), /* @__PURE__ */ h("div", {
+								})] }), /* @__PURE__ */ g("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ h("span", {
+									children: [/* @__PURE__ */ g("span", {
 										className: "text-xs text-muted-foreground",
 										children: [e.storyPoints ?? 0, " pts"]
-									}), /* @__PURE__ */ m(g, {
+									}), /* @__PURE__ */ h(_, {
 										variant: "secondary",
 										className: "capitalize text-xs",
 										children: e.status.toLowerCase().replace("_", " ")
 									})]
 								})]
-							}, e.id)), O.length === 0 && /* @__PURE__ */ m("p", {
+							}, e.id)), k.length === 0 && /* @__PURE__ */ h("p", {
 								className: "text-sm text-muted-foreground text-center py-4",
 								children: "No work items yet."
 							})]
 						})] })
 					]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(b, { children: [
+					children: [/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ g(x, { children: [
 						"Milestones (",
-						A.length,
+						j.length,
 						")"
-					] }) }), /* @__PURE__ */ h(v, {
+					] }) }), /* @__PURE__ */ g(y, {
 						className: "space-y-3",
-						children: [A.map((e) => /* @__PURE__ */ h("div", {
+						children: [j.map((e) => /* @__PURE__ */ g("div", {
 							className: "border-b pb-2 last:border-0",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ h("span", {
 									className: "text-sm font-medium",
 									children: e.name
-								}), /* @__PURE__ */ m(g, {
+								}), /* @__PURE__ */ h(_, {
 									variant: "outline",
 									className: "text-xs capitalize",
 									children: e.status.toLowerCase().replace("_", " ")
 								})]
-							}), /* @__PURE__ */ h("div", {
+							}), /* @__PURE__ */ g("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"]
+								children: [/* @__PURE__ */ h(c, { className: "h-3 w-3" }), e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "No due date"]
 							})]
-						}, e.id)), A.length === 0 && /* @__PURE__ */ m("p", {
+						}, e.id)), j.length === 0 && /* @__PURE__ */ h("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, {
+					})] }), /* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(x, { children: "Details" }) }), /* @__PURE__ */ g(y, {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ g("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ h("span", {
 									className: "text-muted-foreground",
 									children: "Owner"
-								}), /* @__PURE__ */ m("span", { children: /* @__PURE__ */ m(t, { id: D.ownerId }) })]
+								}), /* @__PURE__ */ h("span", { children: /* @__PURE__ */ h(t, { id: O.ownerId }) })]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ g("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ h("span", {
 									className: "text-muted-foreground",
 									children: "Key"
-								}), /* @__PURE__ */ m("span", {
+								}), /* @__PURE__ */ h("span", {
 									className: "font-mono",
-									children: D.key
+									children: O.key
 								})]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ g("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ h("span", {
 									className: "text-muted-foreground",
 									children: "Methodology"
-								}), /* @__PURE__ */ m("span", {
+								}), /* @__PURE__ */ h("span", {
 									className: "capitalize",
-									children: D.methodology.toLowerCase()
+									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", {
+									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"
 								})]
 							}),
-							D.tags.length > 0 && /* @__PURE__ */ h("div", {
+							O.tags.length > 0 && /* @__PURE__ */ g("div", {
 								className: "flex justify-between items-start",
-								children: [/* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ h("span", {
 									className: "text-muted-foreground",
 									children: "Tags"
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "flex gap-1 flex-wrap justify-end",
-									children: D.tags.map((e) => /* @__PURE__ */ m(g, {
+									children: O.tags.map((e) => /* @__PURE__ */ h(_, {
 										variant: "outline",
 										className: "text-xs",
 										children: e
@@ -379,6 +399,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as ProjectsProjectDetailPagePage };
+export { w as ProjectsProjectDetailPagePage };
 
 //# sourceMappingURL=ProjectsProjectDetailPagePage.js.map