@burdenoff/microfe-planmagnet 2026.930.21 → 2026.930.23

package/dist/planmagnet/pages/AnalyticsAnalyticsPagePage.js

@@ -17,17 +17,19 @@ import { BudgetPerformanceCard as le, CycleTimeCard as ue } from "./analytics/De
 import { QualityMetricsCard as de } from "./analytics/QualityMetricsCard.js";
 import { DeliveryKpisCard as fe } from "./analytics/DeliveryKpisCard.js";
 import { ThroughputCard as pe } from "./analytics/ThroughputCard.js";
-import { activePreset as me, isValidRange as c, presetRange as l, scopeToProjectId as he, toRangeVariables as ge } from "./analytics/analyticsRange.js";
+import { StatusFlowCard as me } from "./analytics/StatusFlowCard.js";
+import { WorkBreakdownCard as he } from "./analytics/WorkBreakdownCard.js";
+import { activePreset as ge, isValidRange as c, presetRange as l, scopeToProjectId as _e, toRangeVariables as ve } from "./analytics/analyticsRange.js";
 import { useState as u } from "react";
-import { BarChart3 as _e, FolderKanban as ve, Target as ye, TrendingUp as be, Zap as xe } from "lucide-react";
-import { useSearchParams as Se } from "react-router";
+import { BarChart3 as ye, FolderKanban as be, Target as xe, TrendingUp as Se, Zap as Ce } from "lucide-react";
+import { useSearchParams as we } from "react-router";
 import { gql as d } from "@apollo/client";
 import { useQuery as f } from "@apollo/client/react";
-import { Fragment as Ce, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useI18n as we } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as Te, Card as h, CardContent as g, CardHeader as _, CardTitle as v, Input as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w } from "@burdenoff/fe-libs/ui";
+import { Fragment as Te, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as Ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as De, Card as h, CardContent as g, CardHeader as _, CardTitle as v, Input as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/AnalyticsAnalyticsPagePage.tsx
-var Ee = d`
+var Oe = d`
   query AnalyticsProjectSprints($workspaceId: ID!, $projectId: String) {
     planmagnetSprints(
       workspaceId: $workspaceId
@@ -43,7 +45,7 @@ var Ee = d`
       }
     }
   }
-`, De = d`
+`, ke = d`
   query AnalyticsMilestoneRisk($workspaceId: ID!, $yesterday: DateTime) {
     missed: planmagnetMilestones(
       workspaceId: $workspaceId
@@ -60,7 +62,7 @@ var Ee = d`
       totalCount
     }
   }
-`, Oe = d`
+`, Ae = d`
   query GetAnalyticsWorkItemCounts($workspaceId: ID!) {
     planmagnetWorkItemCounts(workspaceId: $workspaceId) {
       total
@@ -78,7 +80,7 @@ var Ee = d`
       }
     }
   }
-`, ke = d`
+`, je = d`
   query GetAnalyticsData($workspaceId: ID!, $projectPagination: PlanmagnetPaginationInput) {
     planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {
       items {
@@ -93,7 +95,7 @@ var Ee = d`
       totalCount
     }
   }
-`, Ae = d`
+`, Me = d`
   query GetSprintBurndown($workspaceId: ID!, $sprintId: ID!) {
     planmagnetSprintBurndown(workspaceId: $workspaceId, sprintId: $sprintId) {
       sprintId
@@ -110,7 +112,7 @@ var Ee = d`
       }
     }
   }
-`, je = d`
+`, Ne = d`
   query GetVelocity($workspaceId: ID!, $projectId: ID!, $trailingSprintCount: Int) {
     planmagnetVelocity(
       workspaceId: $workspaceId
@@ -130,7 +132,7 @@ var Ee = d`
       }
     }
   }
-`, Me = d`
+`, Pe = d`
   query GetCumulativeFlow(
     $workspaceId: ID!
     $projectId: ID!
@@ -169,19 +171,19 @@ function E(e) {
 	return `${t.getUTCMonth() + 1}/${t.getUTCDate()}`;
 }
 function D() {
-	let { workspaceId: d } = e(), { t: D } = we(), [Ne, O] = u(""), [k, Pe] = Se(), A = k.get("from"), j = k.get("to"), [M, N] = u(() => A && j && c(A, j) ? {
+	let { workspaceId: d } = e(), { t: D } = Ee(), [Fe, O] = u(""), [k, Ie] = we(), A = k.get("from"), j = k.get("to"), [M, N] = u(() => A && j && c(A, j) ? {
 		from: A,
 		to: j
-	} : l("30")), [Fe, Ie] = u(M), [P, Le] = u(k.get("project") || "all"), F = he(P), I = me(M), Re = c(M.from, M.to), ze = Re ? null : D("planmagnet.analytics.range.invalid", "\"From\" must be on or before \"To\".");
+	} : l("30")), [Le, Re] = u(M), [P, ze] = u(k.get("project") || "all"), F = _e(P), I = ge(M), Be = c(M.from, M.to), Ve = Be ? null : D("planmagnet.analytics.range.invalid", "\"From\" must be on or before \"To\".");
 	function L(e, t) {
-		N(e), c(e.from, e.to) && Ie(e);
+		N(e), c(e.from, e.to) && Re(e);
 		let n = new URLSearchParams(k);
-		n.set("from", e.from), n.set("to", e.to), t === "all" ? n.delete("project") : n.set("project", t), Pe(n, { replace: !0 });
+		n.set("from", e.from), n.set("to", e.to), t === "all" ? n.delete("project") : n.set("project", t), Ie(n, { replace: !0 });
 	}
-	function Be(e) {
+	function He(e) {
 		L(l(e), P);
 	}
-	function Ve(e) {
+	function Ue(e) {
 		e && M.to && c(e, M.to) ? L({
 			from: e,
 			to: M.to
@@ -190,7 +192,7 @@ function D() {
 			from: e
 		}));
 	}
-	function He(e) {
+	function We(e) {
 		e && M.from && c(M.from, e) ? L({
 			from: M.from,
 			to: e
@@ -199,44 +201,44 @@ function D() {
 			to: e
 		}));
 	}
-	function Ue(e) {
-		Le(e), O(""), L(M, e);
+	function Ge(e) {
+		ze(e), O(""), L(M, e);
 	}
-	let { startDate: R, endDate: z } = ge(Re ? M : Fe), { data: We, loading: Ge, error: Ke } = f(ke, {
+	let { startDate: R, endDate: z } = ve(Be ? M : Le), { data: Ke, loading: qe, error: Je } = f(je, {
 		variables: {
 			workspaceId: d,
 			projectPagination: { first: 100 }
 		},
 		skip: !d
-	}), { data: qe } = f(Oe, {
+	}), { data: Ye } = f(Ae, {
 		variables: { workspaceId: d },
 		skip: !d
-	}), B = qe?.planmagnetWorkItemCounts, Je = se(), Ye = ce(), [Xe] = u(() => (/* @__PURE__ */ new Date(Date.now() - 864e5)).toISOString().slice(0, 10)), { data: V } = f(De, {
+	}), B = Ye?.planmagnetWorkItemCounts, Xe = se(), Ze = ce(), [Qe] = u(() => (/* @__PURE__ */ new Date(Date.now() - 864e5)).toISOString().slice(0, 10)), { data: V } = f(ke, {
 		variables: {
 			workspaceId: d,
-			yesterday: Xe
+			yesterday: Qe
 		},
 		skip: !d
-	}), H = We?.planmagnetProjects?.items ?? [], U = F || H[0]?.id || "", { data: Ze } = f(Ee, {
+	}), H = Ke?.planmagnetProjects?.items ?? [], U = F || H[0]?.id || "", { data: $e } = f(Oe, {
 		variables: {
 			workspaceId: d,
 			projectId: U
 		},
 		skip: !d || !U
-	}), W = Ze?.planmagnetSprints.items ?? [], Qe = W.filter((e) => e.status === "COMPLETED").sort((e, t) => (t.completedAt ?? t.endDate ?? "").localeCompare(e.completedAt ?? e.endDate ?? ""))[0], $e = W.find((e) => e.status === "ACTIVE" || e.status === "REVIEW") ?? Qe ?? W[0], G = Ne || $e?.id || "", K = H.find((e) => e.id === U)?.name ?? "", { data: et, loading: tt } = f(Ae, {
+	}), W = $e?.planmagnetSprints.items ?? [], et = W.filter((e) => e.status === "COMPLETED").sort((e, t) => (t.completedAt ?? t.endDate ?? "").localeCompare(e.completedAt ?? e.endDate ?? ""))[0], tt = W.find((e) => e.status === "ACTIVE" || e.status === "REVIEW") ?? et ?? W[0], G = Fe || tt?.id || "", K = H.find((e) => e.id === U)?.name ?? "", { data: nt, loading: rt } = f(Me, {
 		variables: {
 			workspaceId: d,
 			sprintId: G
 		},
 		skip: !d || !G
-	}), { data: nt, loading: rt } = f(je, {
+	}), { data: it, loading: at } = f(Ne, {
 		variables: {
 			workspaceId: d,
 			projectId: U,
 			trailingSprintCount: 6
 		},
 		skip: !d || !U
-	}), { data: it, loading: at } = f(Me, {
+	}), { data: ot, loading: st } = f(Pe, {
 		variables: {
 			workspaceId: d,
 			projectId: U,
@@ -245,48 +247,48 @@ function D() {
 		},
 		skip: !d || !U
 	});
-	if (Ge && !We) return /* @__PURE__ */ p("div", {
+	if (qe && !Ke) return /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center p-12",
 		children: /* @__PURE__ */ p("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (Ke) return /* @__PURE__ */ m("div", {
+	if (Je) return /* @__PURE__ */ m("div", {
 		className: "p-6 text-red-500",
 		children: [
 			D("planmagnet.analytics.errorLoading", "Error loading analytics"),
 			": ",
-			Ke.message
+			Je.message
 		]
 	});
-	let q = (e) => B?.byStatus.find((t) => t.status === e), ot = q("CANCELLED")?.count ?? 0, st = B ? q("DONE")?.count ?? 0 : null, J = B ? B.total : null, Y = B ? B.blocked : null, ct = B ? B.points : null, lt = B ? q("DONE")?.points ?? 0 : null, ut = (e) => {
+	let q = (e) => B?.byStatus.find((t) => t.status === e), ct = q("CANCELLED")?.count ?? 0, lt = B ? q("DONE")?.count ?? 0 : null, J = B ? B.total : null, Y = B ? B.blocked : null, ut = B ? B.points : null, dt = B ? q("DONE")?.points ?? 0 : null, ft = (e) => {
 		let t = B?.byProject.filter((t) => t.projectId === e) ?? [], n = t.filter((e) => e.status !== "CANCELLED").reduce((e, t) => e + t.count, 0), r = t.filter((e) => e.status === "DONE").reduce((e, t) => e + t.count, 0);
 		return n > 0 ? Math.round(r / n * 100) : 0;
-	}, dt = Ye?.running ?? null, ft = V ? V.missed.totalCount + V.overdue.totalCount : null, pt = Je?.active ?? null, mt = J != null && st != null && J - ot > 0 ? Math.round(st / (J - ot) * 100) : null, ht = (et?.planmagnetSprintBurndown)?.points.map((e) => ({
+	}, pt = Ze?.running ?? null, mt = V ? V.missed.totalCount + V.overdue.totalCount : null, ht = Xe?.active ?? null, gt = J != null && lt != null && J - ct > 0 ? Math.round(lt / (J - ct) * 100) : null, _t = (nt?.planmagnetSprintBurndown)?.points.map((e) => ({
 		day: E(e.date),
 		remaining: e.remainingPoints,
 		completed: e.completedPoints
-	})) ?? [], X = nt?.planmagnetVelocity, Z = X?.sprints.map((e) => ({
+	})) ?? [], X = it?.planmagnetVelocity, Z = X?.sprints.map((e) => ({
 		name: e.sprintName,
 		completed: e.completedPoints,
 		planned: e.plannedPoints ?? void 0
-	})) ?? [], gt = X ? Math.round(X.averageVelocity) : 0, _t = X ? Math.round(X.forecastNextSprintPoints) : 0, Q = it?.planmagnetCumulativeFlow, vt = Array.from(new Set(Q?.points.flatMap((e) => e.statuses.map((e) => e.status)) ?? [])), $ = Q?.points.map((e) => {
+	})) ?? [], vt = X ? Math.round(X.averageVelocity) : 0, yt = X ? Math.round(X.forecastNextSprintPoints) : 0, Q = ot?.planmagnetCumulativeFlow, bt = Array.from(new Set(Q?.points.flatMap((e) => e.statuses.map((e) => e.status)) ?? [])), $ = Q?.points.map((e) => {
 		let t = { day: E(e.date) };
 		for (let n of e.statuses) t[n.status] = n.count;
 		return t;
-	}) ?? [], yt = [
+	}) ?? [], xt = [
 		{
 			label: D("planmagnet.analytics.metrics.totalWorkItems.label", "Total Work Items"),
 			value: s(J),
-			trend: `${s(mt)}% ${D("planmagnet.analytics.metrics.totalWorkItems.trend", "completed")}`
+			trend: `${s(gt)}% ${D("planmagnet.analytics.metrics.totalWorkItems.trend", "completed")}`
 		},
 		{
 			label: D("planmagnet.analytics.metrics.storyPoints.label", "Story Points"),
-			value: s(ct),
-			trend: `${s(lt)} ${D("planmagnet.analytics.metrics.storyPoints.trend", "completed")}`
+			value: s(ut),
+			trend: `${s(dt)} ${D("planmagnet.analytics.metrics.storyPoints.trend", "completed")}`
 		},
 		{
 			label: D("planmagnet.analytics.metrics.activeProjects.label", "Active Projects"),
-			value: s(pt),
-			trend: `${s(Je?.all)} ${D("planmagnet.analytics.metrics.activeProjects.trend", "total")}`
+			value: s(ht),
+			trend: `${s(Xe?.all)} ${D("planmagnet.analytics.metrics.activeProjects.trend", "total")}`
 		},
 		{
 			label: D("planmagnet.analytics.metrics.blockedItems.label", "Blocked Items"),
@@ -322,7 +324,7 @@ function D() {
 							].map((e) => /* @__PURE__ */ p("button", {
 								type: "button",
 								"aria-pressed": I === e,
-								onClick: () => Be(e),
+								onClick: () => He(e),
 								className: `px-2.5 py-1 text-xs rounded ${I === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
 								children: D("planmagnet.analytics.range.last", "Last {{days}} days", { days: e })
 							}, e))
@@ -341,7 +343,7 @@ function D() {
 									className: "h-8 w-36",
 									value: M.from,
 									max: M.to,
-									onChange: (e) => Ve(e.target.value)
+									onChange: (e) => Ue(e.target.value)
 								}),
 								/* @__PURE__ */ p("span", {
 									className: "text-muted-foreground text-sm",
@@ -358,19 +360,19 @@ function D() {
 									className: "h-8 w-36",
 									value: M.to,
 									min: M.from,
-									onChange: (e) => He(e.target.value)
+									onChange: (e) => We(e.target.value)
 								})
 							]
 						}),
-						ze && /* @__PURE__ */ p("p", {
+						Ve && /* @__PURE__ */ p("p", {
 							role: "alert",
 							className: "text-xs text-status-error-text",
-							children: ze
+							children: Ve
 						})
 					]
 				}), /* @__PURE__ */ m(b, {
 					value: P,
-					onValueChange: Ue,
+					onValueChange: Ge,
 					children: [/* @__PURE__ */ p(C, {
 						className: "h-8 w-56",
 						"data-testid": "analytics-project",
@@ -386,7 +388,7 @@ function D() {
 			}),
 			/* @__PURE__ */ p("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
-				children: yt.map((e) => /* @__PURE__ */ p(h, { children: /* @__PURE__ */ m(g, {
+				children: xt.map((e) => /* @__PURE__ */ p(h, { children: /* @__PURE__ */ m(g, {
 					className: "pt-4",
 					children: [
 						/* @__PURE__ */ p("p", {
@@ -411,20 +413,20 @@ function D() {
 						className: "pt-4",
 						children: [/* @__PURE__ */ m("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ p(ve, { className: "h-4 w-4" }), D("planmagnet.analytics.summary.activeProjects", "Active Projects")]
+							children: [/* @__PURE__ */ p(be, { className: "h-4 w-4" }), D("planmagnet.analytics.summary.activeProjects", "Active Projects")]
 						}), /* @__PURE__ */ p("p", {
 							className: "text-xl font-bold mt-1",
-							children: s(pt)
+							children: s(ht)
 						})]
 					}) }),
 					/* @__PURE__ */ p(h, { children: /* @__PURE__ */ m(g, {
 						className: "pt-4",
 						children: [/* @__PURE__ */ m("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ p(xe, { className: "h-4 w-4" }), D("planmagnet.analytics.summary.activeSprints", "Active Sprints")]
+							children: [/* @__PURE__ */ p(Ce, { className: "h-4 w-4" }), D("planmagnet.analytics.summary.activeSprints", "Active Sprints")]
 						}), /* @__PURE__ */ p("p", {
 							className: "text-xl font-bold mt-1",
-							children: s(dt)
+							children: s(pt)
 						})]
 					}) }),
 					/* @__PURE__ */ p(h, { children: /* @__PURE__ */ m(g, {
@@ -432,7 +434,7 @@ function D() {
 						children: [
 							/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2 text-muted-foreground text-xs",
-								children: [/* @__PURE__ */ p(be, { className: "h-4 w-4" }), D("planmagnet.analytics.summary.avgVelocity", "Avg Velocity")]
+								children: [/* @__PURE__ */ p(Se, { className: "h-4 w-4" }), D("planmagnet.analytics.summary.avgVelocity", "Avg Velocity")]
 							}),
 							/* @__PURE__ */ p("p", {
 								className: "text-xs text-muted-foreground truncate",
@@ -441,7 +443,7 @@ function D() {
 							/* @__PURE__ */ m("p", {
 								className: "text-xl font-bold mt-1",
 								children: [
-									gt,
+									vt,
 									" ",
 									D("planmagnet.analytics.summary.pointsShort", "pts")
 								]
@@ -452,11 +454,11 @@ function D() {
 						className: "pt-4",
 						children: [/* @__PURE__ */ m("div", {
 							className: "flex items-center gap-2 text-muted-foreground text-xs",
-							children: [/* @__PURE__ */ p(ye, { className: "h-4 w-4" }), D("planmagnet.analytics.summary.atRisk", "At Risk")]
+							children: [/* @__PURE__ */ p(xe, { className: "h-4 w-4" }), D("planmagnet.analytics.summary.atRisk", "At Risk")]
 						}), /* @__PURE__ */ m("p", {
 							className: "text-xl font-bold mt-1",
 							children: [
-								s(ft),
+								s(mt),
 								" ",
 								D("planmagnet.analytics.summary.milestones", "milestones")
 							]
@@ -491,15 +493,15 @@ function D() {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 				children: [/* @__PURE__ */ m(h, { children: [/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ p(_e, { className: "h-4 w-4" }), D("planmagnet.analytics.burndown.title", "Sprint Burndown")]
-				}) }), /* @__PURE__ */ p(g, { children: tt ? /* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ p(ye, { className: "h-4 w-4" }), D("planmagnet.analytics.burndown.title", "Sprint Burndown")]
+				}) }), /* @__PURE__ */ p(g, { children: rt ? /* @__PURE__ */ p("div", {
 					className: "flex justify-center py-12",
 					children: /* @__PURE__ */ p("div", { className: "animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full" })
-				}) : ht.length > 0 ? /* @__PURE__ */ p(r, {
+				}) : _t.length > 0 ? /* @__PURE__ */ p(r, {
 					width: "100%",
 					height: 220,
 					children: /* @__PURE__ */ m(ie, {
-						data: ht,
+						data: _t,
 						children: [
 							/* @__PURE__ */ p(i, {
 								strokeDasharray: "3 3",
@@ -539,7 +541,7 @@ function D() {
 				}) })] }), /* @__PURE__ */ m(h, { children: [/* @__PURE__ */ p(_, { children: /* @__PURE__ */ m(v, {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ p(be, { className: "h-4 w-4" }),
+						/* @__PURE__ */ p(Se, { className: "h-4 w-4" }),
 						D("planmagnet.analytics.velocity.title", "Sprint Velocity"),
 						" (",
 						Z.length,
@@ -547,10 +549,10 @@ function D() {
 						D("planmagnet.analytics.velocity.sprints", "Sprints"),
 						")"
 					]
-				}) }), /* @__PURE__ */ p(g, { children: rt ? /* @__PURE__ */ p("div", {
+				}) }), /* @__PURE__ */ p(g, { children: at ? /* @__PURE__ */ p("div", {
 					className: "flex justify-center py-12",
 					children: /* @__PURE__ */ p("div", { className: "animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full" })
-				}) : Z.length > 0 ? /* @__PURE__ */ m(Ce, { children: [/* @__PURE__ */ p(r, {
+				}) : Z.length > 0 ? /* @__PURE__ */ m(Te, { children: [/* @__PURE__ */ p(r, {
 					width: "100%",
 					height: 190,
 					children: /* @__PURE__ */ m(ae, {
@@ -581,7 +583,7 @@ function D() {
 								fill: "#6366f1"
 							}),
 							/* @__PURE__ */ p(te, {
-								y: gt,
+								y: vt,
 								stroke: "#22c55e",
 								strokeDasharray: "4 4",
 								label: {
@@ -594,8 +596,8 @@ function D() {
 					})
 				}), /* @__PURE__ */ p("p", {
 					className: "text-xs text-muted-foreground text-center mt-2",
-					children: Z.length === 1 ? D("planmagnet.analytics.velocity.trailingAverageOne", "Average of the last completed sprint: {{points}} pts per sprint", { points: _t }) : D("planmagnet.analytics.velocity.trailingAverage", "Average of the last {{count}} completed sprints: {{points}} pts per sprint", {
-						points: _t,
+					children: Z.length === 1 ? D("planmagnet.analytics.velocity.trailingAverageOne", "Average of the last completed sprint: {{points}} pts per sprint", { points: yt }) : D("planmagnet.analytics.velocity.trailingAverage", "Average of the last {{count}} completed sprints: {{points}} pts per sprint", {
+						points: yt,
 						count: Z.length
 					})
 				})] }) : /* @__PURE__ */ p("p", {
@@ -605,11 +607,11 @@ function D() {
 			}),
 			/* @__PURE__ */ m(h, { children: [/* @__PURE__ */ m(_, { children: [/* @__PURE__ */ m(v, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ p(_e, { className: "h-4 w-4" }), D("planmagnet.analytics.cfd.title", "Cumulative Flow Diagram")]
+				children: [/* @__PURE__ */ p(ye, { className: "h-4 w-4" }), D("planmagnet.analytics.cfd.title", "Cumulative Flow Diagram")]
 			}), /* @__PURE__ */ p("p", {
 				className: "text-xs text-muted-foreground",
 				children: D("planmagnet.analytics.cfd.subtitle", "Selected date range, for {{project}}.", { project: K || D("planmagnet.analytics.delivery.noProject", "no project") })
-			})] }), /* @__PURE__ */ p(g, { children: at ? /* @__PURE__ */ p("div", {
+			})] }), /* @__PURE__ */ p(g, { children: st ? /* @__PURE__ */ p("div", {
 				className: "flex justify-center py-12",
 				children: /* @__PURE__ */ p("div", { className: "animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full" })
 			}) : $.length > 0 ? /* @__PURE__ */ p(r, {
@@ -632,7 +634,7 @@ function D() {
 						}),
 						/* @__PURE__ */ p(n, {}),
 						/* @__PURE__ */ p(t, { wrapperStyle: { fontSize: 12 } }),
-						vt.map((e) => /* @__PURE__ */ p(re, {
+						bt.map((e) => /* @__PURE__ */ p(re, {
 							type: "monotone",
 							dataKey: e,
 							name: e.toLowerCase().replace("_", " "),
@@ -679,10 +681,26 @@ function D() {
 					projectId: F
 				})]
 			}),
+			/* @__PURE__ */ p("div", { children: /* @__PURE__ */ p("h2", {
+				className: "text-lg font-semibold",
+				children: D("planmagnet.analytics.advanced.title", "Advanced visualizations")
+			}) }),
+			/* @__PURE__ */ m("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ p(me, {
+					workspaceId: d,
+					projectId: U,
+					startDate: R,
+					endDate: z
+				}), /* @__PURE__ */ p(he, {
+					workspaceId: d,
+					projectId: F
+				})]
+			}),
 			/* @__PURE__ */ m(h, { children: [/* @__PURE__ */ p(_, { children: /* @__PURE__ */ p(v, { children: D("planmagnet.analytics.projectHealth.title", "Project Health") }) }), /* @__PURE__ */ p(g, { children: /* @__PURE__ */ m("div", {
 				className: "space-y-3",
 				children: [H.filter((e) => e.status === "ACTIVE").map((e) => {
-					let t = ut(e.id), n = e.endDate && new Date(e.endDate) < /* @__PURE__ */ new Date() && t < 100 ? "at_risk" : t >= 75 ? "on_track" : "in_progress";
+					let t = ft(e.id), n = e.endDate && new Date(e.endDate) < /* @__PURE__ */ new Date() && t < 100 ? "at_risk" : t >= 75 ? "on_track" : "in_progress";
 					return /* @__PURE__ */ m("div", {
 						className: "flex items-center gap-4",
 						children: [
@@ -704,7 +722,7 @@ function D() {
 								className: "text-sm w-12 text-right",
 								children: [t, "%"]
 							}),
-							/* @__PURE__ */ p(Te, {
+							/* @__PURE__ */ p(De, {
 								variant: "outline",
 								className: "capitalize text-xs w-20 justify-center",
 								children: n.replace("_", " ")