@burdenoff/microfe-planmagnet 2026.930.24 → 2026.1001.1

package/dist/planmagnet/pages/ReportsReportsPagePage.js

@@ -1,527 +1,255 @@
-import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
-import { Legend as t } from "../../node_modules/recharts/es6/component/Legend.js";
-import { Tooltip as n } from "../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as r } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Bar as i } from "../../node_modules/recharts/es6/cartesian/Bar.js";
-import { ReferenceLine as a } from "../../node_modules/recharts/es6/cartesian/ReferenceLine.js";
-import { CartesianGrid as o } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { XAxis as s } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as c } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { BarChart as l } from "../../node_modules/recharts/es6/chart/BarChart.js";
-import { CycleTimeCard as u } from "./analytics/DeliveryHealthCards.js";
-import { useState as d } from "react";
-import { BarChart3 as f, ShieldCheck as p, TrendingUp as m, Users as h } from "lucide-react";
-import { gql as g } from "@apollo/client";
-import { useQuery as _ } from "@apollo/client/react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as S, Card as C, CardContent as w, CardHeader as T, CardTitle as E, Select as D, SelectContent as O, SelectItem as k, SelectTrigger as A, SelectValue as j, Tabs as M, TabsContent as N, TabsList as P, TabsTrigger as F } 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 { LEAVES_PAGE_CONTEXT as r, throwOnError as i } from "../utils/mutationResult.js";
+import { ConfirmButton as a, ErrorLine as o } from "../controls/ConfirmButton.js";
+import { mutationErrorMessage as s } from "../utils/graphqlErrors.js";
+import { detailPath as c, rowLinkProps as l, stopRowActivation as u } from "../utils/rowNavigation.js";
+import { CREATE_REPORT as d, DELETE_REPORT as f, DUPLICATE_REPORT as p, LIST_REPORTS as m, LIST_REPORT_TEMPLATES as h } from "../reports/reportGraphql.js";
+import { useDeferredValue as g, useState as _ } from "react";
+import { BarChart3 as v, LayoutTemplate as y, Plus as b } from "lucide-react";
+import { useMutation as x, useQuery as S } from "@apollo/client/react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as E, Button as D, Card as O, CardContent as k, CardDescription as A, CardHeader as j, CardTitle as M, Input as N, Tabs as P, TabsContent as F, TabsList as I, TabsTrigger as L } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ReportsReportsPagePage.tsx
-var I = g`
-  query GetReportsProjects($workspaceId: ID!) {
-    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {
-      items {
-        id
-        name
-      }
-    }
-  }
-`, L = g`
-  query GetReportsVelocity($workspaceId: ID!, $projectId: ID!, $trailingSprintCount: Int) {
-    planmagnetVelocity(
-      workspaceId: $workspaceId
-      projectId: $projectId
-      trailingSprintCount: $trailingSprintCount
-    ) {
-      projectId
-      averageVelocity
-      forecastNextSprintPoints
-      sprints {
-        sprintId
-        sprintName
-        sequenceNumber
-        completedPoints
-        completedCount
-        plannedPoints
-      }
-    }
-  }
-`, R = g`
-  query GetReportsThroughput(
-    $workspaceId: ID!
-    $projectId: ID!
-    $bucket: PlanmagnetThroughputBucket
-  ) {
-    planmagnetThroughput(workspaceId: $workspaceId, projectId: $projectId, bucket: $bucket) {
-      projectId
-      bucket
-      startDate
-      endDate
-      points {
-        periodStart
-        completedCount
-        completedPoints
-      }
-    }
-  }
-`, z = g`
-  query GetReportsTeams($workspaceId: ID!) {
-    planmagnetTeams(workspaceId: $workspaceId, pagination: { first: 100 }) {
-      items {
-        id
-        name
-      }
-    }
-  }
-`, B = g`
-  query GetReportsTeamVelocity($workspaceId: ID!, $teamId: ID!, $trailingSprintCount: Int) {
-    planmagnetTeamVelocity(
-      workspaceId: $workspaceId
-      teamId: $teamId
-      trailingSprintCount: $trailingSprintCount
-    ) {
-      teamId
-      averageVelocity
-      forecastNextSprintPoints
-      sprints {
-        sprintId
-        sprintName
-        sequenceNumber
-        completedCount
-        completedPoints
-        plannedPoints
-        byProject {
-          projectId
-          projectName
-          count
-          points
-        }
-      }
-    }
-  }
-`, V = g`
-  query GetReportsReleases($workspaceId: ID!, $projectId: String) {
-    planmagnetReleases(
-      workspaceId: $workspaceId
-      filter: { projectId: $projectId }
-      pagination: { first: 50 }
-    ) {
-      items {
-        id
-        name
-        status
-        plannedDate
-      }
-      totalCount
-    }
-  }
-`, H = g`
-  query GetReportsReleaseReadiness($releaseId: ID!) {
-    planmagnetReleaseReadiness(releaseId: $releaseId) {
-      releaseId
-      doneItems
-      totalItems
-      blockers {
-        workItem {
-          id
-          key
-          title
-        }
-      }
-    }
-  }
-`, U = new Set([
-	"DRAFT",
-	"PLANNING",
-	"IN_PROGRESS",
-	"STAGING",
-	"READY"
-]);
-function W(e) {
-	let t = new Date(e);
-	return `${t.getUTCMonth() + 1}/${t.getUTCDate()}`;
-}
-function G({ release: e }) {
-	let { t } = x(), { data: n, loading: r, error: i } = _(H, { variables: { releaseId: e.id } }), a = n?.planmagnetReleaseReadiness, o = a && a.totalItems > 0 ? Math.round(a.doneItems / a.totalItems * 100) : null, s = a ? a.doneItems >= a.totalItems && a.blockers.length === 0 : null;
-	return /* @__PURE__ */ b(C, {
-		"data-testid": `release-readiness-${e.id}`,
-		children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ b(E, {
-			className: "flex items-center justify-between text-sm",
-			children: [/* @__PURE__ */ y("span", { children: e.name }), /* @__PURE__ */ y(S, {
-				variant: "outline",
-				children: K(e.status)
-			})]
-		}) }), /* @__PURE__ */ y(w, {
-			className: "space-y-2",
-			children: r ? /* @__PURE__ */ y("p", {
-				className: "text-sm text-muted-foreground",
-				children: t("planmagnet.reports.loading", "Loading…")
-			}) : i ? /* @__PURE__ */ y("p", {
-				className: "text-sm text-destructive",
-				children: t("planmagnet.reports.readiness.error", "Readiness could not be loaded")
-			}) : a ? /* @__PURE__ */ b(v, { children: [
-				/* @__PURE__ */ b("p", {
-					className: "text-sm",
+function R({ report: e, isOwner: r, onDuplicate: i, onDelete: o }) {
+	let s = t();
+	return /* @__PURE__ */ w("div", {
+		...l(() => s(c("/reports/report-page", e.id)), e.name),
+		className: "flex items-center justify-between gap-3 rounded-md border border-border p-3",
+		"data-testid": "report-list-item",
+		children: [/* @__PURE__ */ w("div", {
+			className: "min-w-0",
+			children: [
+				/* @__PURE__ */ C("p", {
+					className: "truncate font-medium",
+					children: e.name
+				}),
+				e.description && /* @__PURE__ */ C("p", {
+					className: "truncate text-xs text-muted-foreground",
+					children: e.description
+				}),
+				/* @__PURE__ */ w("p", {
+					className: "mt-0.5 text-xs text-muted-foreground",
 					children: [
-						/* @__PURE__ */ y("span", {
-							className: "font-semibold",
-							children: a.doneItems
-						}),
-						" /",
-						" ",
-						/* @__PURE__ */ y("span", {
-							className: "text-muted-foreground",
-							children: a.totalItems
+						/* @__PURE__ */ C(E, {
+							variant: e.visibility === "WORKSPACE" ? "secondary" : "outline",
+							className: "mr-1.5",
+							children: e.visibility === "WORKSPACE" ? "Workspace" : "Private"
 						}),
+						"Owned by ",
+						/* @__PURE__ */ C(n, { id: e.ownerId }),
+						" · Updated",
 						" ",
-						t("planmagnet.reports.readiness.itemsDone", "items done"),
-						o !== null && /* @__PURE__ */ b("span", {
-							className: "text-muted-foreground",
-							children: [
-								" (",
-								o,
-								"%)"
-							]
-						})
+						new Date(e.updatedAt).toLocaleDateString()
 					]
-				}),
-				/* @__PURE__ */ y(S, {
-					variant: s ? "success" : "warning",
-					children: s ? t("planmagnet.reports.readiness.ready", "Ready") : t("planmagnet.reports.readiness.notReady", "Not ready")
-				}),
-				a.blockers.length > 0 && /* @__PURE__ */ y("p", {
-					className: "text-xs text-muted-foreground",
-					children: t("planmagnet.reports.readiness.blockers", "{{count}} blocker(s)", { count: a.blockers.length })
 				})
-			] }) : null
+			]
+		}), /* @__PURE__ */ w("div", {
+			className: "flex shrink-0 items-center gap-1.5",
+			onClick: u,
+			children: [/* @__PURE__ */ C(D, {
+				size: "sm",
+				variant: "outline",
+				onClick: () => i(e.id),
+				children: "Duplicate"
+			}), r && /* @__PURE__ */ C(a, {
+				label: "Delete",
+				icon: null,
+				title: `Delete "${e.name}"?`,
+				description: "Its runs, shares and schedules are deleted too. This cannot be undone.",
+				confirmLabel: "Delete",
+				destructive: !0,
+				variant: "outline",
+				disabled: !1,
+				onConfirm: () => o(e.id)
+			})]
 		})]
 	});
 }
-function K(e) {
-	let t = e.toLowerCase().replace(/_/g, " ");
-	return t.charAt(0).toUpperCase() + t.slice(1);
-}
-function q({ workspaceId: e, projectId: d }) {
-	let { t: h } = x(), { data: g, loading: v } = _(L, {
-		variables: {
-			workspaceId: e,
-			projectId: d,
-			trailingSprintCount: 10
-		},
-		skip: !e || !d
-	}), { data: S, loading: D, error: O } = _(R, {
-		variables: {
-			workspaceId: e,
-			projectId: d,
-			bucket: "WEEK"
-		},
-		skip: !e || !d
-	}), { data: k } = _(V, {
-		variables: {
-			workspaceId: e,
-			projectId: d
+function z({ mine: n }) {
+	let { workspaceId: r, currentUser: a } = e(), l = t(), [u, d] = _(""), h = g(u.trim()), [v, y] = _(null), b = {
+		workspaceId: r ?? "",
+		filter: {
+			mine: n || void 0,
+			search: h || void 0
 		},
-		skip: !e || !d
-	}), A = g?.planmagnetVelocity, j = A?.sprints.map((e) => ({
-		name: e.sprintName,
-		completed: e.completedPoints,
-		planned: e.plannedPoints ?? void 0
-	})) ?? [], M = A ? Math.round(A.averageVelocity) : 0, N = S?.planmagnetThroughput.points.map((e) => ({
-		period: W(e.periodStart),
-		count: e.completedCount,
-		points: e.completedPoints
-	})) ?? [], P = (k?.planmagnetReleases.items ?? []).filter((e) => U.has(e.status));
-	return /* @__PURE__ */ b("div", {
-		className: "space-y-6",
+		pagination: { first: 50 }
+	}, { data: T, loading: E, error: D } = S(m, {
+		variables: b,
+		skip: !r
+	}), [O] = x(p, { refetchQueries: [{
+		query: m,
+		variables: b
+	}] }), [k] = x(f, { refetchQueries: [{
+		query: m,
+		variables: b
+	}] }), A = n ? T?.planmagnetReports.items ?? [] : (T?.planmagnetReports.items ?? []).filter((e) => e.visibility === "WORKSPACE"), j = async (e) => {
+		y(null);
+		try {
+			let t = (await i(O({ variables: { id: e } }))).data?.planmagnetDuplicateReport;
+			t && l(c("/reports/edit-report-page", t.id));
+		} catch (e) {
+			y(s(e, "This report could not be duplicated."));
+		}
+	}, M = async (e) => {
+		y(null);
+		try {
+			await i(k({ variables: { id: e } }));
+		} catch (e) {
+			y(s(e, "This report could not be deleted."));
+		}
+	};
+	return /* @__PURE__ */ w("div", {
+		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ b("div", {
-				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ b(E, {
-					className: "flex items-center gap-2",
-					children: [
-						/* @__PURE__ */ y(m, { className: "h-4 w-4" }),
-						h("planmagnet.reports.velocity.title", "Sprint Velocity"),
-						" (",
-						j.length,
-						" ",
-						h("planmagnet.reports.velocity.sprints", "sprints"),
-						")"
-					]
-				}) }), /* @__PURE__ */ y(w, { children: v ? /* @__PURE__ */ y("div", {
-					className: "flex justify-center py-12",
-					children: /* @__PURE__ */ y("div", { className: "animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full" })
-				}) : j.length > 0 ? /* @__PURE__ */ y(r, {
-					width: "100%",
-					height: 220,
-					children: /* @__PURE__ */ b(l, {
-						data: j,
-						children: [
-							/* @__PURE__ */ y(o, {
-								strokeDasharray: "3 3",
-								opacity: .2
-							}),
-							/* @__PURE__ */ y(s, {
-								dataKey: "name",
-								tick: { fontSize: 11 }
-							}),
-							/* @__PURE__ */ y(c, {
-								tick: { fontSize: 11 },
-								allowDecimals: !1
-							}),
-							/* @__PURE__ */ y(n, {}),
-							/* @__PURE__ */ y(t, { wrapperStyle: { fontSize: 12 } }),
-							/* @__PURE__ */ y(i, {
-								dataKey: "planned",
-								name: h("planmagnet.reports.velocity.planned", "Planned"),
-								fill: "#cbd5e1"
-							}),
-							/* @__PURE__ */ y(i, {
-								dataKey: "completed",
-								name: h("planmagnet.reports.velocity.completed", "Completed"),
-								fill: "#6366f1"
-							}),
-							/* @__PURE__ */ y(a, {
-								y: M,
-								stroke: "#22c55e",
-								strokeDasharray: "4 4"
-							})
-						]
-					})
-				}) : /* @__PURE__ */ y("p", {
-					className: "text-sm text-muted-foreground py-8 text-center",
-					children: h("planmagnet.reports.velocity.empty", "No completed sprints yet for this project")
-				}) })] }), /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(T, { children: [/* @__PURE__ */ b(E, {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ y(f, { className: "h-4 w-4" }), h("planmagnet.reports.throughput.title", "Throughput")]
-				}), /* @__PURE__ */ y("p", {
-					className: "text-xs text-muted-foreground",
-					children: h("planmagnet.reports.throughput.subtitle", "Work items completed per week, trailing 12 weeks.")
-				})] }), /* @__PURE__ */ y(w, { children: D ? /* @__PURE__ */ y("div", {
-					className: "flex justify-center py-12",
-					children: /* @__PURE__ */ y("div", { className: "animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full" })
-				}) : O ? /* @__PURE__ */ y("p", {
-					className: "text-sm text-muted-foreground py-8 text-center",
-					children: h("planmagnet.reports.throughput.unavailable", "Throughput is not available yet for this workspace.")
-				}) : N.length > 0 ? /* @__PURE__ */ y(r, {
-					width: "100%",
-					height: 220,
-					children: /* @__PURE__ */ b(l, {
-						data: N,
-						children: [
-							/* @__PURE__ */ y(o, {
-								strokeDasharray: "3 3",
-								opacity: .2
-							}),
-							/* @__PURE__ */ y(s, {
-								dataKey: "period",
-								tick: { fontSize: 11 }
-							}),
-							/* @__PURE__ */ y(c, {
-								tick: { fontSize: 11 },
-								allowDecimals: !1
-							}),
-							/* @__PURE__ */ y(n, {}),
-							/* @__PURE__ */ y(t, { wrapperStyle: { fontSize: 12 } }),
-							/* @__PURE__ */ y(i, {
-								dataKey: "count",
-								name: h("planmagnet.reports.throughput.items", "Items done"),
-								fill: "#0ea5e9"
-							}),
-							/* @__PURE__ */ y(i, {
-								dataKey: "points",
-								name: h("planmagnet.reports.throughput.points", "Points done"),
-								fill: "#a855f7"
-							})
-						]
-					})
-				}) : /* @__PURE__ */ y("p", {
-					className: "text-sm text-muted-foreground py-8 text-center",
-					children: h("planmagnet.reports.throughput.empty", "No work completed in this project yet")
-				}) })] })]
-			}),
-			/* @__PURE__ */ y(u, {
-				workspaceId: e,
-				projectId: d
+			/* @__PURE__ */ C(N, {
+				value: u,
+				onChange: (e) => d(e.target.value),
+				placeholder: "Search reports",
+				"aria-label": "Search reports",
+				className: "max-w-sm"
 			}),
-			/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(T, { children: [/* @__PURE__ */ b(E, {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ y(p, { className: "h-4 w-4" }), h("planmagnet.reports.readiness.title", "Release readiness")]
-			}), /* @__PURE__ */ y("p", {
-				className: "text-xs text-muted-foreground",
-				children: h("planmagnet.reports.readiness.subtitle", "Open releases for this project, and what still blocks each.")
-			})] }), /* @__PURE__ */ y(w, { children: P.length === 0 ? /* @__PURE__ */ y("p", {
-				className: "text-sm text-muted-foreground py-4 text-center",
-				children: h("planmagnet.reports.readiness.empty", "No open releases for this project")
-			}) : /* @__PURE__ */ y("div", {
-				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3",
-				children: P.map((e) => /* @__PURE__ */ y(G, { release: e }, e.id))
-			}) })] })
+			v && /* @__PURE__ */ C(o, { message: v }),
+			D ? /* @__PURE__ */ w("p", {
+				className: "text-sm text-destructive",
+				children: ["Reports could not be loaded: ", D.message]
+			}) : E && !T ? /* @__PURE__ */ C("p", {
+				className: "py-8 text-center text-sm text-muted-foreground",
+				children: "Loading…"
+			}) : A.length === 0 ? /* @__PURE__ */ C("p", {
+				className: "py-8 text-center text-sm text-muted-foreground",
+				children: n ? "You have no reports yet." : "No workspace-visible reports yet."
+			}) : /* @__PURE__ */ C("div", {
+				className: "space-y-2",
+				children: A.map((e) => /* @__PURE__ */ C(R, {
+					report: e,
+					isOwner: !!a?.id && a.id === e.ownerId,
+					onDuplicate: (e) => void j(e),
+					onDelete: (e) => void M(e)
+				}, e.id))
+			})
 		]
 	});
 }
-function J({ workspaceId: e }) {
-	let { t: a } = x(), [u, f] = d(""), { data: p } = _(z, {
-		variables: { workspaceId: e },
-		skip: !e
-	}), m = p?.planmagnetTeams.items ?? [], g = u || m[0]?.id || "", { data: v, loading: S } = _(B, {
-		variables: {
-			workspaceId: e,
-			teamId: g,
-			trailingSprintCount: 10
-		},
-		skip: !e || !g
-	}), M = (v?.planmagnetTeamVelocity)?.sprints.map((e) => ({
-		name: e.sprintName,
-		completed: e.completedPoints,
-		planned: e.plannedPoints ?? void 0
-	})) ?? [];
-	return m.length === 0 ? /* @__PURE__ */ y("p", {
-		className: "text-sm text-muted-foreground py-8 text-center",
-		children: a("planmagnet.reports.team.empty", "No teams in this workspace yet — create one under Teams.")
-	}) : /* @__PURE__ */ b("div", {
-		className: "space-y-4",
-		children: [/* @__PURE__ */ b(D, {
-			value: g,
-			onValueChange: f,
-			children: [/* @__PURE__ */ y(A, {
-				className: "h-8 w-56",
-				children: /* @__PURE__ */ y(j, { placeholder: a("planmagnet.reports.team.pick", "Select team") })
-			}), /* @__PURE__ */ y(O, { children: m.map((e) => /* @__PURE__ */ y(k, {
-				value: e.id,
-				children: e.name
-			}, e.id)) })]
-		}), /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(T, { children: [/* @__PURE__ */ b(E, {
-			className: "flex items-center gap-2",
-			children: [
-				/* @__PURE__ */ y(h, { className: "h-4 w-4" }),
-				a("planmagnet.reports.team.velocityTitle", "Team velocity"),
-				" (",
-				M.length,
-				" ",
-				a("planmagnet.reports.velocity.sprints", "sprints"),
-				")"
-			]
-		}), /* @__PURE__ */ y("p", {
-			className: "text-xs text-muted-foreground",
-			children: a("planmagnet.reports.team.velocitySubtitle", "Whole-team completed points across the trailing 10 completed team sprints (BOFF-8044 per-project split, no double counting).")
-		})] }), /* @__PURE__ */ y(w, { children: S ? /* @__PURE__ */ y("div", {
-			className: "flex justify-center py-12",
-			children: /* @__PURE__ */ y("div", { className: "animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full" })
-		}) : M.length > 0 ? /* @__PURE__ */ y(r, {
-			width: "100%",
-			height: 220,
-			children: /* @__PURE__ */ b(l, {
-				data: M,
-				children: [
-					/* @__PURE__ */ y(o, {
-						strokeDasharray: "3 3",
-						opacity: .2
-					}),
-					/* @__PURE__ */ y(s, {
-						dataKey: "name",
-						tick: { fontSize: 11 }
-					}),
-					/* @__PURE__ */ y(c, {
-						tick: { fontSize: 11 },
-						allowDecimals: !1
-					}),
-					/* @__PURE__ */ y(n, {}),
-					/* @__PURE__ */ y(t, { wrapperStyle: { fontSize: 12 } }),
-					/* @__PURE__ */ y(i, {
-						dataKey: "planned",
-						name: a("planmagnet.reports.velocity.planned", "Planned"),
-						fill: "#cbd5e1"
-					}),
-					/* @__PURE__ */ y(i, {
-						dataKey: "completed",
-						name: a("planmagnet.reports.velocity.completed", "Completed"),
-						fill: "#6366f1"
-					})
-				]
-			})
-		}) : /* @__PURE__ */ y("p", {
-			className: "text-sm text-muted-foreground py-8 text-center",
-			children: a("planmagnet.reports.team.velocityEmpty", "No completed team sprints yet")
-		}) })] })]
+function B() {
+	let { workspaceId: n } = e(), a = t(), { data: l, loading: u, error: f } = S(h), [p, { loading: m }] = x(d), [g, v] = _(null), [b, T] = _(null), E = async (e) => {
+		if (n) {
+			T(null), v(e.key);
+			try {
+				let t = (await i(p({
+					variables: {
+						workspaceId: n,
+						input: {
+							name: e.name,
+							description: e.description,
+							templateKey: e.key,
+							visibility: "PRIVATE",
+							definition: e.definition
+						}
+					},
+					context: r
+				}))).data?.planmagnetCreateReport?.id;
+				t && a(c("/reports/edit-report-page", t));
+			} catch (e) {
+				T(s(e, "This report could not be created from the template."));
+			} finally {
+				v(null);
+			}
+		}
+	};
+	if (u && !l) return /* @__PURE__ */ C("p", {
+		className: "py-8 text-center text-sm text-muted-foreground",
+		children: "Loading…"
+	});
+	if (f) return /* @__PURE__ */ C("p", {
+		className: "text-sm text-destructive",
+		children: "Templates could not be loaded."
+	});
+	let N = l?.planmagnetReportTemplates ?? [];
+	return /* @__PURE__ */ w("div", {
+		className: "space-y-3",
+		children: [b && /* @__PURE__ */ C(o, { message: b }), /* @__PURE__ */ C("div", {
+			className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
+			children: N.map((e) => /* @__PURE__ */ w(O, {
+				"data-testid": "report-template",
+				children: [/* @__PURE__ */ w(j, { children: [/* @__PURE__ */ w(M, {
+					className: "flex items-center gap-2 text-sm",
+					children: [/* @__PURE__ */ C(y, { className: "h-4 w-4" }), e.name]
+				}), /* @__PURE__ */ C(A, { children: e.description })] }), /* @__PURE__ */ w(k, { children: [/* @__PURE__ */ w("p", {
+					className: "mb-3 text-xs text-muted-foreground",
+					children: [
+						e.definition.widgets.length,
+						" widget",
+						e.definition.widgets.length === 1 ? "" : "s"
+					]
+				}), /* @__PURE__ */ C(D, {
+					size: "sm",
+					className: "w-full",
+					disabled: m,
+					onClick: () => void E(e),
+					children: g === e.key ? "Creating…" : "Start from template"
+				})] })]
+			}, e.key))
+		})]
 	});
 }
-function Y() {
-	let { workspaceId: t } = e(), { t: n } = x(), [r, i] = d(""), { data: a, loading: o, error: s } = _(I, {
-		variables: { workspaceId: t },
-		skip: !t
-	}), c = a?.planmagnetProjects.items ?? [], l = r || c[0]?.id || "", u = c.find((e) => e.id === l)?.name ?? "";
-	return o && !a ? /* @__PURE__ */ y("div", {
-		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ y("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
-	}) : s ? /* @__PURE__ */ b("div", {
-		className: "p-6 text-destructive",
-		children: [
-			n("planmagnet.reports.errorLoading", "Reports could not be loaded"),
-			": ",
-			s.message
-		]
-	}) : /* @__PURE__ */ b("div", {
+function V() {
+	let { t: e } = T(), n = t();
+	return /* @__PURE__ */ w("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("h1", {
-			className: "text-2xl font-semibold flex items-center gap-2",
-			children: [/* @__PURE__ */ y(f, { className: "h-6 w-6" }), n("planmagnet.reports.title", "Reports")]
-		}), /* @__PURE__ */ y("p", {
-			className: "text-sm text-muted-foreground",
-			children: n("planmagnet.reports.subtitle", "Delivery numbers computed on the server — velocity, cycle time, throughput and release readiness.")
-		})] }), c.length === 0 ? /* @__PURE__ */ y(C, { children: /* @__PURE__ */ y(w, {
-			className: "py-12 text-center text-sm text-muted-foreground",
-			children: n("planmagnet.reports.noProjects", "No projects in this workspace yet.")
-		}) }) : /* @__PURE__ */ b(M, {
-			defaultValue: "project",
+		children: [/* @__PURE__ */ w("div", {
+			className: "flex flex-wrap items-start justify-between gap-3",
+			children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("h1", {
+				className: "flex items-center gap-2 text-2xl font-semibold",
+				children: [/* @__PURE__ */ C(v, { className: "h-6 w-6" }), e("planmagnet.reports.title", "Reports")]
+			}), /* @__PURE__ */ C("p", {
+				className: "text-sm text-muted-foreground",
+				children: e("planmagnet.reports.subtitle", "Build, run, share and schedule reports over your PlanMagnet data.")
+			})] }), /* @__PURE__ */ w(D, {
+				size: "sm",
+				onClick: () => n("/reports/create-report-page"),
+				"data-testid": "report-new",
+				children: [/* @__PURE__ */ C(b, { className: "mr-1 h-4 w-4" }), e("planmagnet.reports.newBlank", "New blank report")]
+			})]
+		}), /* @__PURE__ */ w(P, {
+			defaultValue: "mine",
 			children: [
-				/* @__PURE__ */ b("div", {
-					className: "flex flex-col sm:flex-row gap-3 items-start sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ b(P, { children: [/* @__PURE__ */ y(F, {
-						value: "project",
-						"data-testid": "reports-tab-project",
-						children: n("planmagnet.reports.tabs.project", "Project")
-					}), /* @__PURE__ */ y(F, {
-						value: "team",
-						"data-testid": "reports-tab-team",
-						children: n("planmagnet.reports.tabs.team", "Team")
-					})] }), /* @__PURE__ */ b(D, {
-						value: l,
-						onValueChange: i,
-						children: [/* @__PURE__ */ y(A, {
-							className: "h-8 w-56",
-							"data-testid": "reports-project-select",
-							children: /* @__PURE__ */ y(j, { placeholder: n("planmagnet.reports.pickProject", "Select project") })
-						}), /* @__PURE__ */ y(O, { children: c.map((e) => /* @__PURE__ */ y(k, {
-							value: e.id,
-							children: e.name
-						}, e.id)) })]
-					})]
+				/* @__PURE__ */ w(I, { children: [
+					/* @__PURE__ */ C(L, {
+						value: "mine",
+						"data-testid": "report-list",
+						children: "My reports"
+					}),
+					/* @__PURE__ */ C(L, {
+						value: "workspace",
+						children: "Workspace"
+					}),
+					/* @__PURE__ */ C(L, {
+						value: "templates",
+						children: "Templates"
+					})
+				] }),
+				/* @__PURE__ */ C(F, {
+					value: "mine",
+					className: "mt-4",
+					children: /* @__PURE__ */ C(z, { mine: !0 })
 				}),
-				/* @__PURE__ */ b(N, {
-					value: "project",
+				/* @__PURE__ */ C(F, {
+					value: "workspace",
 					className: "mt-4",
-					children: [l ? /* @__PURE__ */ y(q, {
-						workspaceId: t,
-						projectId: l
-					}) : /* @__PURE__ */ y("p", {
-						className: "text-sm text-muted-foreground py-8 text-center",
-						children: n("planmagnet.reports.pickProjectHint", "Select a project to see its report.")
-					}), u && /* @__PURE__ */ y("p", {
-						className: "sr-only",
-						"data-testid": "reports-current-project",
-						children: u
-					})]
+					children: /* @__PURE__ */ C(z, { mine: !1 })
 				}),
-				/* @__PURE__ */ y(N, {
-					value: "team",
+				/* @__PURE__ */ C(F, {
+					value: "templates",
 					className: "mt-4",
-					children: /* @__PURE__ */ y(J, { workspaceId: t })
+					children: /* @__PURE__ */ C(B, {})
 				})
 			]
 		})]
 	});
 }
 //#endregion
-export { Y as ReportsReportsPagePage };
+export { V as ReportsReportsPagePage };
 
 //# sourceMappingURL=ReportsReportsPagePage.js.map