@burdenoff/microfe-planmagnet 2026.1001.5 → 2026.1001.7

package/dist/planmagnet/pages/PortfoliosPortfolioDetailPagePage.js

@@ -1,16 +1,17 @@
 import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { PersonName as t } from "../people/People.js";
-import { enumLabel as n } from "../controls/WorkItemControls.js";
-import { detailPath as r } from "../utils/rowNavigation.js";
-import { PortfolioHeaderActions as i } from "../controls/PortfolioControls.js";
-import { AlertTriangle as a, Briefcase as o, Clock as s, Loader2 as c, Target as l } from "lucide-react";
-import { useParams as u } from "react-router";
-import { gql as d } from "@apollo/client";
-import { useQuery as f } from "@apollo/client/react";
-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 } from "@burdenoff/fe-libs/ui";
+import { StatTile as n } from "./analytics/DeliveryHealthCards.js";
+import { enumLabel as r } from "../controls/WorkItemControls.js";
+import { detailPath as i } from "../utils/rowNavigation.js";
+import { PortfolioHeaderActions as a } from "../controls/PortfolioControls.js";
+import { AlertTriangle as o, BarChart3 as s, Briefcase as c, Clock as l, Loader2 as u, Target as d } from "lucide-react";
+import { useParams as f } from "react-router";
+import { gql as p } from "@apollo/client";
+import { useQuery as m } from "@apollo/client/react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Badge as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/PortfoliosPortfolioDetailPagePage.tsx
-var x = d`
+var w = p`
   query GetPortfolio($id: ID!) {
     planmagnetPortfolio(id: $id) {
       id
@@ -39,7 +40,7 @@ var x = d`
       }
     }
   }
-`, S = d`
+`, T = p`
   query GetPortfolioOverview($portfolioId: ID!) {
     planmagnetPortfolioOverview(portfolioId: $portfolioId) {
       portfolioId
@@ -54,111 +55,136 @@ var x = d`
       overdueMilestones
     }
   }
+`, E = p`
+  query GetPortfolioRollup($portfolioId: ID!) {
+    planmagnetPortfolioRollup(portfolioId: $portfolioId) {
+      portfolioId
+      totalProjects
+      projectsByStatus
+      totalBudget
+      totalSpent
+      budgetUtilization
+      averageSprintOnTimeRate
+      averageReleaseOnTimeRate
+      averageMilestoneOnTimeRate
+      calculatedAt
+    }
+  }
 `;
-function C() {
-	let d = e(), C = u().id ?? "", { data: w, loading: T, error: E } = f(x, {
-		variables: { id: C },
-		skip: !C
-	}), { data: D } = f(S, {
-		variables: { portfolioId: C },
-		skip: !C
+function D({ label: e, rate: t, emptyReason: r }) {
+	return /* @__PURE__ */ g(n, {
+		label: e,
+		value: t == null ? "—" : `${Math.round(t * 100)}%`,
+		hint: t == null ? r : void 0
 	});
-	if (T && !w) return /* @__PURE__ */ p("div", {
+}
+function O() {
+	let p = e(), O = f().id ?? "", { data: k, loading: A, error: j } = m(w, {
+		variables: { id: O },
+		skip: !O
+	}), { data: M } = m(T, {
+		variables: { portfolioId: O },
+		skip: !O
+	}), { data: N, loading: P, error: F } = m(E, {
+		variables: { portfolioId: O },
+		skip: !O
+	});
+	if (A && !k) return /* @__PURE__ */ g("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ p(c, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ g(u, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (E) return /* @__PURE__ */ m("div", {
+	if (j) return /* @__PURE__ */ _("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load portfolio: ", E.message]
+		children: ["Failed to load portfolio: ", j.message]
 	});
-	let O = w?.planmagnetPortfolio;
-	if (!O) return /* @__PURE__ */ p("div", {
+	let I = k?.planmagnetPortfolio;
+	if (!I) return /* @__PURE__ */ g("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Portfolio not found."
 	});
-	let k = D?.planmagnetPortfolioOverview ?? null;
-	return /* @__PURE__ */ m("div", {
+	let L = M?.planmagnetPortfolioOverview ?? null, R = N?.planmagnetPortfolioRollup ?? null;
+	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ p(o, { className: "h-5 w-5 text-primary" }),
-						/* @__PURE__ */ p("h1", {
+						/* @__PURE__ */ g(c, { className: "h-5 w-5 text-primary" }),
+						/* @__PURE__ */ g("h1", {
 							className: "text-2xl font-semibold",
-							children: O.name
+							children: I.name
 						}),
-						/* @__PURE__ */ p(h, {
+						/* @__PURE__ */ g(v, {
 							variant: "outline",
 							className: "text-xs",
-							children: n(O.status)
+							children: r(I.status)
 						})
 					]
-				}), O.alignment && /* @__PURE__ */ p("p", {
+				}), I.alignment && /* @__PURE__ */ g("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: O.alignment === "CUSTOM" ? O.alignmentLabel ?? "Custom alignment" : n(O.alignment)
-				})] }), /* @__PURE__ */ p(i, {
-					portfolioId: O.id,
-					name: O.name,
-					status: O.status
+					children: I.alignment === "CUSTOM" ? I.alignmentLabel ?? "Custom alignment" : r(I.alignment)
+				})] }), /* @__PURE__ */ g(a, {
+					portfolioId: I.id,
+					name: I.name,
+					status: I.status
 				})]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ _("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
+					/* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ p(o, { className: "h-5 w-5 mx-auto text-primary" }),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ g(c, { className: "h-5 w-5 mx-auto text-primary" }),
+							/* @__PURE__ */ g("p", {
 								className: "text-2xl font-bold mt-1",
-								children: k?.totalPrograms ?? O.programs.length
+								children: L?.totalPrograms ?? I.programs.length
 							}),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ g("p", {
 								className: "text-xs text-muted-foreground",
 								children: "Programs"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
+					/* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ p(l, { className: "h-5 w-5 mx-auto text-primary" }),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ g(d, { className: "h-5 w-5 mx-auto text-primary" }),
+							/* @__PURE__ */ g("p", {
 								className: "text-2xl font-bold mt-1",
-								children: k?.totalProjects ?? O.projects.length
+								children: L?.totalProjects ?? I.projects.length
 							}),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ g("p", {
 								className: "text-xs text-muted-foreground",
 								children: "Projects"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
+					/* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ p(a, { className: "h-5 w-5 mx-auto text-destructive" }),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ g(o, { className: "h-5 w-5 mx-auto text-destructive" }),
+							/* @__PURE__ */ g("p", {
 								className: "text-2xl font-bold mt-1",
-								children: k?.atRiskCount ?? 0
+								children: L?.atRiskCount ?? 0
 							}),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ g("p", {
 								className: "text-xs text-muted-foreground",
 								children: "At Risk"
 							})
 						]
 					}) }),
-					/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
+					/* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
 						className: "pt-4 text-center",
 						children: [
-							/* @__PURE__ */ p(s, { className: "h-5 w-5 mx-auto text-status-warning-text" }),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ g(l, { className: "h-5 w-5 mx-auto text-status-warning-text" }),
+							/* @__PURE__ */ g("p", {
 								className: "text-2xl font-bold mt-1",
-								children: k?.overdueMilestones ?? 0
+								children: L?.overdueMilestones ?? 0
 							}),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ g("p", {
 								className: "text-xs text-muted-foreground",
 								children: "Overdue Milestones"
 							})
@@ -166,174 +192,248 @@ function C() {
 					}) })
 				]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ _(b, {
+				"data-testid": "portfolio-rollup-card",
+				children: [/* @__PURE__ */ _(S, { children: [/* @__PURE__ */ _(C, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ g(s, { className: "h-4 w-4" }), "Portfolio Rollup"]
+				}), /* @__PURE__ */ g("p", {
+					className: "text-xs text-muted-foreground",
+					children: "Recomputed on every load across every live project in this portfolio."
+				})] }), /* @__PURE__ */ g(x, {
+					className: "space-y-4",
+					children: P && !R ? /* @__PURE__ */ g("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Loading…"
+					}) : F ? /* @__PURE__ */ _("p", {
+						className: "text-sm text-status-error-text",
+						children: ["Rollup could not be loaded: ", F.message]
+					}) : R ? /* @__PURE__ */ _(h, { children: [
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ g(n, {
+								label: "Total projects",
+								value: String(R.totalProjects)
+							}), /* @__PURE__ */ g(n, {
+								label: "Status breakdown",
+								value: Object.keys(R.projectsByStatus).length === 0 ? "—" : Object.entries(R.projectsByStatus).map(([e, t]) => `${r(e)}: ${t}`).join(", "),
+								hint: R.totalProjects === 0 ? "No live projects in this portfolio" : void 0
+							})]
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-1 sm:grid-cols-3 gap-3",
+							children: [
+								/* @__PURE__ */ g(n, {
+									label: "Planned",
+									value: R.totalBudget == null ? "—" : R.totalBudget.toLocaleString(),
+									hint: R.totalBudget == null ? "No budgets set on these projects" : void 0
+								}),
+								/* @__PURE__ */ g(n, {
+									label: "Spent",
+									value: R.totalSpent == null ? "—" : R.totalSpent.toLocaleString(),
+									hint: R.totalSpent == null ? "No budgets set on these projects" : void 0
+								}),
+								/* @__PURE__ */ g(n, {
+									label: "Utilisation",
+									value: R.budgetUtilization == null ? "—" : `${R.budgetUtilization.toFixed(0)}%`,
+									hint: R.budgetUtilization == null ? "No budget to compare spend against" : void 0
+								})
+							]
+						}),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h3", {
+							className: "text-sm font-medium mb-1",
+							children: "Average on-time rate (trailing 30 days)"
+						}), /* @__PURE__ */ _("div", {
+							className: "grid grid-cols-1 sm:grid-cols-3 gap-3",
+							children: [
+								/* @__PURE__ */ g(D, {
+									label: "Sprints",
+									rate: R.averageSprintOnTimeRate,
+									emptyReason: "No completed sprint in this window across these projects"
+								}),
+								/* @__PURE__ */ g(D, {
+									label: "Releases",
+									rate: R.averageReleaseOnTimeRate,
+									emptyReason: "No completed release in this window across these projects"
+								}),
+								/* @__PURE__ */ g(D, {
+									label: "Milestones",
+									rate: R.averageMilestoneOnTimeRate,
+									emptyReason: "No completed milestone in this window across these projects"
+								})
+							]
+						})] })
+					] }) : null
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, { children: "Overview" }) }), /* @__PURE__ */ m(v, {
+						/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, { children: "Overview" }) }), /* @__PURE__ */ _(x, {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ p("p", {
+							children: [/* @__PURE__ */ g("p", {
 								className: "text-sm",
-								children: O.description ?? "No description provided."
-							}), k ? /* @__PURE__ */ m("div", {
+								children: I.description ?? "No description provided."
+							}), L ? /* @__PURE__ */ _("div", {
 								className: "grid grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ _("div", {
 										className: "p-3 bg-muted rounded-md",
-										children: [/* @__PURE__ */ p("p", {
+										children: [/* @__PURE__ */ g("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Budget Utilization"
-										}), /* @__PURE__ */ p("p", {
+										}), /* @__PURE__ */ g("p", {
 											className: "text-lg font-semibold mt-1",
-											children: k.budgetUtilization == null ? "No budget data" : `${k.budgetUtilization.toFixed(0)}%`
+											children: L.budgetUtilization == null ? "No budget data" : `${L.budgetUtilization.toFixed(0)}%`
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ _("div", {
 										className: "p-3 bg-muted rounded-md",
-										children: [/* @__PURE__ */ p("p", {
+										children: [/* @__PURE__ */ g("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Health Score"
-										}), /* @__PURE__ */ p("p", {
+										}), /* @__PURE__ */ g("p", {
 											className: "text-lg font-semibold mt-1",
-											children: k.healthScore == null ? "No projects yet" : k.healthScore.toFixed(0)
+											children: L.healthScore == null ? "No projects yet" : L.healthScore.toFixed(0)
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ _("div", {
 										className: "p-3 bg-muted rounded-md",
-										children: [/* @__PURE__ */ p("p", {
+										children: [/* @__PURE__ */ g("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Total Spent"
-										}), /* @__PURE__ */ p("p", {
+										}), /* @__PURE__ */ g("p", {
 											className: "text-lg font-semibold mt-1",
-											children: k.totalSpent == null ? "N/A" : k.totalSpent.toLocaleString()
+											children: L.totalSpent == null ? "N/A" : L.totalSpent.toLocaleString()
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ _("div", {
 										className: "p-3 bg-muted rounded-md",
-										children: [/* @__PURE__ */ p("p", {
+										children: [/* @__PURE__ */ g("p", {
 											className: "text-xs text-muted-foreground",
 											children: "Projects by Status"
-										}), /* @__PURE__ */ p("p", {
+										}), /* @__PURE__ */ g("p", {
 											className: "text-sm mt-1",
-											children: Object.keys(k.projectsByStatus).length > 0 ? Object.entries(k.projectsByStatus).map(([e, t]) => `${n(e)}: ${t}`).join(", ") : "No projects yet"
+											children: Object.keys(L.projectsByStatus).length > 0 ? Object.entries(L.projectsByStatus).map(([e, t]) => `${r(e)}: ${t}`).join(", ") : "No projects yet"
 										})]
 									})
 								]
-							}) : /* @__PURE__ */ p("p", {
+							}) : /* @__PURE__ */ g("p", {
 								className: "text-sm text-muted-foreground",
 								children: "Loading overview…"
 							})]
 						})] }),
-						/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ m(b, { children: [
+						/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ _(C, { children: [
 							"Programs (",
-							O.programs.length,
+							I.programs.length,
 							")"
-						] }) }), /* @__PURE__ */ m(v, {
+						] }) }), /* @__PURE__ */ _(x, {
 							className: "space-y-2",
-							children: [O.programs.length === 0 && /* @__PURE__ */ p("p", {
+							children: [I.programs.length === 0 && /* @__PURE__ */ g("p", {
 								className: "text-sm text-muted-foreground",
 								children: "No programs are linked to this portfolio yet."
-							}), O.programs.map((e) => /* @__PURE__ */ m("button", {
+							}), I.programs.map((e) => /* @__PURE__ */ _("button", {
 								type: "button",
 								className: "flex w-full items-center justify-between rounded-md border p-3 text-left hover:bg-muted",
-								onClick: () => d(r("/products/program-detail-page", e.id)),
-								children: [/* @__PURE__ */ p("span", {
+								onClick: () => p(i("/products/program-detail-page", e.id)),
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-sm font-medium",
 									children: e.name
-								}), /* @__PURE__ */ p(h, {
+								}), /* @__PURE__ */ g(v, {
 									variant: "outline",
 									className: "text-xs",
-									children: n(e.status)
+									children: r(e.status)
 								})]
 							}, e.id))]
 						})] }),
-						/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ m(b, { children: [
+						/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ _(C, { children: [
 							"Projects (",
-							O.projects.length,
+							I.projects.length,
 							")"
-						] }) }), /* @__PURE__ */ m(v, {
+						] }) }), /* @__PURE__ */ _(x, {
 							className: "space-y-2",
-							children: [O.projects.length === 0 && /* @__PURE__ */ m("div", {
+							children: [I.projects.length === 0 && /* @__PURE__ */ _("div", {
 								className: "space-y-1",
-								children: [/* @__PURE__ */ p("p", {
+								children: [/* @__PURE__ */ g("p", {
 									className: "text-sm text-muted-foreground",
 									children: "No projects are linked to this portfolio yet."
-								}), /* @__PURE__ */ m("p", {
+								}), /* @__PURE__ */ _("p", {
 									className: "text-sm text-muted-foreground",
 									children: [
 										"Open a project and set its Portfolio field to add it here.",
 										" ",
-										/* @__PURE__ */ p(g, {
+										/* @__PURE__ */ g(y, {
 											variant: "link",
 											className: "h-auto p-0 text-sm",
-											onClick: () => d("/projects/projects-page"),
+											onClick: () => p("/projects/projects-page"),
 											children: "Go to Projects"
 										})
 									]
 								})]
-							}), O.projects.map((e) => /* @__PURE__ */ m("button", {
+							}), I.projects.map((e) => /* @__PURE__ */ _("button", {
 								type: "button",
 								className: "flex w-full items-center justify-between rounded-md border p-3 text-left hover:bg-muted",
-								onClick: () => d(r("/projects/project-detail-page", e.id)),
-								children: [/* @__PURE__ */ p("span", {
+								onClick: () => p(i("/projects/project-detail-page", e.id)),
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-sm font-medium",
 									children: e.name
-								}), /* @__PURE__ */ p(h, {
+								}), /* @__PURE__ */ g(v, {
 									variant: "outline",
 									className: "text-xs",
-									children: n(e.status)
+									children: r(e.status)
 								})]
 							}, e.id))]
 						})] })
 					]
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, { children: "Details" }) }), /* @__PURE__ */ m(v, {
+					children: [/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, { children: "Details" }) }), /* @__PURE__ */ _(x, {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Owner"
-								}), /* @__PURE__ */ p(t, { id: O.ownerId })]
+								}), /* @__PURE__ */ g(t, { id: I.ownerId })]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Budget"
-								}), /* @__PURE__ */ p("span", {
+								}), /* @__PURE__ */ g("span", {
 									className: "font-medium",
-									children: O.budgetTotal == null ? "Not set" : `${O.currency ?? ""} ${O.budgetTotal.toLocaleString()}`.trim()
+									children: I.budgetTotal == null ? "Not set" : `${I.currency ?? ""} ${I.budgetTotal.toLocaleString()}`.trim()
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Fiscal Period"
-								}), /* @__PURE__ */ p("span", { children: O.fiscalPeriod ?? "Not set" })]
+								}), /* @__PURE__ */ g("span", { children: I.fiscalPeriod ?? "Not set" })]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Created"
-								}), /* @__PURE__ */ p("span", { children: new Date(O.createdAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ g("span", { children: new Date(I.createdAt).toLocaleDateString() })]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "text-muted-foreground",
 									children: "Updated"
-								}), /* @__PURE__ */ p("span", { children: new Date(O.updatedAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ g("span", { children: new Date(I.updatedAt).toLocaleDateString() })]
 							})
 						]
-					})] }), O.tags.length > 0 && /* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, { children: "Tags" }) }), /* @__PURE__ */ p(v, {
+					})] }), I.tags.length > 0 && /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, { children: "Tags" }) }), /* @__PURE__ */ g(x, {
 						className: "flex flex-wrap gap-1",
-						children: O.tags.map((e) => /* @__PURE__ */ p(h, {
+						children: I.tags.map((e) => /* @__PURE__ */ g(v, {
 							variant: "outline",
 							className: "text-xs",
 							children: e
@@ -345,6 +445,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as PortfoliosPortfolioDetailPagePage };
+export { O as PortfoliosPortfolioDetailPagePage };
 
 //# sourceMappingURL=PortfoliosPortfolioDetailPagePage.js.map