@burdenoff/microfe-planmagnet 2026.925.18 → 2026.926.2

package/dist/planmagnet/pages/TeamTeamPagePage.js

@@ -1,11 +1,12 @@
-import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
-import { PersonName as t } from "../people/People.js";
-import { gql as n } from "@apollo/client";
-import { useQuery as r } from "@apollo/client/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u } 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 { UserPlus as r } from "lucide-react";
+import { gql as i } from "@apollo/client";
+import { useQuery as a } from "@apollo/client/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/TeamTeamPagePage.tsx
-var d = n`
+var m = i`
   query GetTeamData(
     $workspaceId: ID!
     $projectPagination: PlanmagnetPaginationInput
@@ -32,164 +33,173 @@ var d = n`
       totalCount
     }
   }
-`, f = {
+`, h = {
 	active: "bg-green-400",
 	away: "bg-yellow-400",
 	busy: "bg-red-400",
 	offline: "bg-gray-300"
 };
-function p() {
-	let { workspaceId: n } = e(), { data: p, loading: m, error: h } = r(d, {
+function g() {
+	let { workspaceId: i } = e(), g = t(), { data: _, loading: v, error: y } = a(m, {
 		variables: {
-			workspaceId: n,
+			workspaceId: i,
 			projectPagination: { first: 100 },
 			workItemPagination: { first: 500 }
 		},
-		skip: !n
+		skip: !i
 	});
-	if (m && !p) return /* @__PURE__ */ i("div", {
+	if (v && !_) return /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ i("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ o("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (h) return /* @__PURE__ */ a("div", {
+	if (y) return /* @__PURE__ */ s("div", {
 		className: "p-6 text-red-500",
-		children: ["Error: ", h.message]
+		children: ["Error: ", y.message]
 	});
-	let g = p?.planmagnetProjects?.items ?? [], _ = p?.planmagnetWorkItems?.items ?? [], v = new Set(_.filter((e) => e.assigneeId).map((e) => e.assigneeId)), y = new Set(g.filter((e) => e.ownerId).map((e) => e.ownerId)), b = new Set([...v, ...y]), x = Array.from(b).map((e) => {
-		let t = _.filter((t) => t.assigneeId === e), n = t.length, r = t.filter((e) => e.status === "DONE").length, i = t.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0);
+	let b = _?.planmagnetProjects?.items ?? [], x = _?.planmagnetWorkItems?.items ?? [], S = new Set(x.filter((e) => e.assigneeId).map((e) => e.assigneeId)), C = new Set(b.filter((e) => e.ownerId).map((e) => e.ownerId)), w = new Set([...S, ...C]), T = Array.from(w).map((e) => {
+		let t = x.filter((t) => t.assigneeId === e), n = t.length, r = t.filter((e) => e.status === "DONE").length, i = t.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0);
 		return {
 			id: e,
 			name: e,
-			role: g.filter((t) => t.ownerId === e).length > 0 ? "Project Owner" : "Contributor",
+			role: b.filter((t) => t.ownerId === e).length > 0 ? "Project Owner" : "Contributor",
 			department: "Engineering",
 			tasksAssigned: n,
 			tasksCompleted: r,
 			velocity: i,
 			status: n > 0 ? "active" : "offline"
 		};
-	}), S = g.reduce((e, t) => {
+	}), E = b.reduce((e, t) => {
 		let n = t.methodology ?? "unassigned";
 		return e[n] || (e[n] = {
 			projects: [],
 			ownerIds: /* @__PURE__ */ new Set()
 		}), e[n].projects.push(t), t.ownerId && e[n].ownerIds.add(t.ownerId), e;
-	}, {}), C = Object.entries(S).map(([e, t]) => ({
+	}, {}), D = Object.entries(E).map(([e, t]) => ({
 		id: e,
 		name: `${e.charAt(0).toUpperCase()}${e.slice(1)} Team`,
 		description: `Projects using ${e} methodology`,
 		projectsCount: t.projects.length,
 		leadId: Array.from(t.ownerIds)[0] ?? "Unassigned"
 	}));
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
-				className: "text-2xl font-semibold",
-				children: "Team Overview"
-			}), /* @__PURE__ */ a("p", {
-				className: "text-sm text-muted-foreground",
-				children: [
-					x.length,
-					" contributors across ",
-					C.length,
-					" teams"
-				]
-			})] }),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ s("div", {
+				className: "flex items-start justify-between gap-4",
+				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+					className: "text-2xl font-semibold",
+					children: "Team Overview"
+				}), /* @__PURE__ */ s("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						T.length,
+						" contributors across ",
+						D.length,
+						" teams"
+					]
+				})] }), /* @__PURE__ */ s(l, {
+					size: "sm",
+					variant: "outline",
+					onClick: () => g("/team/invite-member-page"),
+					"data-testid": "team-invite",
+					children: [/* @__PURE__ */ o(r, { className: "mr-1 h-4 w-4" }), "Invite member"]
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ i("h2", {
+				children: [/* @__PURE__ */ o("h2", {
 					className: "text-lg font-medium",
 					children: "Teams"
-				}), /* @__PURE__ */ a("div", {
+				}), /* @__PURE__ */ s("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-					children: [C.map((e) => /* @__PURE__ */ a(s, { children: [/* @__PURE__ */ i(l, {
+					children: [D.map((e) => /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, {
 						className: "pb-2",
-						children: /* @__PURE__ */ a("div", {
+						children: /* @__PURE__ */ s("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ i(u, {
+							children: [/* @__PURE__ */ o(p, {
 								className: "text-base",
 								children: e.name
-							}), /* @__PURE__ */ a(o, {
+							}), /* @__PURE__ */ s(c, {
 								variant: "outline",
 								children: [e.projectsCount, " projects"]
 							})]
 						})
-					}), /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ i("p", {
+					}), /* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("p", {
 						className: "text-sm text-muted-foreground",
 						children: e.description
-					}), /* @__PURE__ */ a("p", {
+					}), /* @__PURE__ */ s("p", {
 						className: "text-xs text-muted-foreground mt-2",
-						children: ["Lead: ", /* @__PURE__ */ i(t, { id: e.leadId })]
-					})] })] }, e.id)), C.length === 0 && /* @__PURE__ */ i("p", {
+						children: ["Lead: ", /* @__PURE__ */ o(n, { id: e.leadId })]
+					})] })] }, e.id)), D.length === 0 && /* @__PURE__ */ o("p", {
 						className: "text-sm text-muted-foreground col-span-2 text-center py-4",
 						children: "No teams found. Create projects to see team groupings."
 					})]
 				})]
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ s("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ i("h2", {
+				children: [/* @__PURE__ */ o("h2", {
 					className: "text-lg font-medium",
 					children: "Members"
-				}), /* @__PURE__ */ a("div", {
+				}), /* @__PURE__ */ s("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
-					children: [x.map((e) => /* @__PURE__ */ i(s, { children: /* @__PURE__ */ a(c, {
+					children: [T.map((e) => /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
 						className: "pt-4 space-y-3",
 						children: [
-							/* @__PURE__ */ a("div", {
+							/* @__PURE__ */ s("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ a("div", {
+								children: [/* @__PURE__ */ s("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ i("div", {
+									children: [/* @__PURE__ */ o("div", {
 										className: "h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center text-sm font-medium text-primary",
 										children: e.name.split(/[\s-]+/).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("")
-									}), /* @__PURE__ */ i("div", { className: `absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-background ${f[e.status]}` })]
-								}), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
+									}), /* @__PURE__ */ o("div", { className: `absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-background ${h[e.status]}` })]
+								}), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
 									className: "text-sm font-medium",
 									children: e.name
-								}), /* @__PURE__ */ i("p", {
+								}), /* @__PURE__ */ o("p", {
 									className: "text-xs text-muted-foreground",
 									children: e.role
 								})] })]
 							}),
-							/* @__PURE__ */ a("div", {
+							/* @__PURE__ */ s("div", {
 								className: "grid grid-cols-3 gap-2 text-center text-xs",
 								children: [
-									/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
+									/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
 										className: "font-semibold",
 										children: e.tasksAssigned
-									}), /* @__PURE__ */ i("p", {
+									}), /* @__PURE__ */ o("p", {
 										className: "text-muted-foreground",
 										children: "Assigned"
 									})] }),
-									/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
+									/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
 										className: "font-semibold",
 										children: e.tasksCompleted
-									}), /* @__PURE__ */ i("p", {
+									}), /* @__PURE__ */ o("p", {
 										className: "text-muted-foreground",
 										children: "Done"
 									})] }),
-									/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
+									/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
 										className: "font-semibold",
 										children: e.velocity
-									}), /* @__PURE__ */ i("p", {
+									}), /* @__PURE__ */ o("p", {
 										className: "text-muted-foreground",
 										children: "Velocity"
 									})] })
 								]
 							}),
-							/* @__PURE__ */ a("div", {
+							/* @__PURE__ */ s("div", {
 								className: "flex justify-between text-xs",
-								children: [/* @__PURE__ */ i("span", {
+								children: [/* @__PURE__ */ o("span", {
 									className: "text-muted-foreground",
 									children: e.department
-								}), /* @__PURE__ */ i("span", {
+								}), /* @__PURE__ */ o("span", {
 									className: "capitalize text-muted-foreground",
 									children: e.status
 								})]
 							})
 						]
-					}) }, e.id)), x.length === 0 && /* @__PURE__ */ i("p", {
+					}) }, e.id)), T.length === 0 && /* @__PURE__ */ o("p", {
 						className: "text-sm text-muted-foreground col-span-3 text-center py-4",
 						children: "No team members found. Assign work items to see members here."
 					})]
@@ -199,6 +209,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as TeamTeamPagePage };
+export { g as TeamTeamPagePage };
 
 //# sourceMappingURL=TeamTeamPagePage.js.map

package/dist/planmagnet/pages/TeamTeamPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamTeamPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamTeamPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Users } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\n\nconst GET_TEAM_DATA = gql`\n  query GetTeamData(\n    $workspaceId: ID!\n    $projectPagination: PlanmagnetPaginationInput\n    $workItemPagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {\n      items {\n        id\n        name\n        key\n        status\n        ownerId\n        methodology\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: $workItemPagination) {\n      items {\n        id\n        status\n        assigneeId\n        storyPoints\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  status: string;\n  ownerId: string | null;\n  methodology: string | null;\n}\n\ninterface WorkItemNode {\n  id: string;\n  status: string;\n  assigneeId: string | null;\n  storyPoints: number | null;\n}\n\ninterface TeamData {\n  projects: { items: ProjectNode[]; totalCount: number };\n  workItems: { items: WorkItemNode[]; totalCount: number };\n}\n\nconst statusColor: Record<string, string> = {\n  active: 'bg-green-400',\n  away: 'bg-yellow-400',\n  busy: 'bg-red-400',\n  offline: 'bg-gray-300',\n};\n\nexport function TeamTeamPagePage() {\n  const { workspaceId } = usePlanMagnet();\n\n  const { data, loading, error } = useQuery<TeamData>(GET_TEAM_DATA, {\n    variables: {\n      workspaceId,\n      projectPagination: { first: 100 },\n      workItemPagination: { first: 500 },\n    },\n    skip: !workspaceId,\n  });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const workItems = data?.planmagnetWorkItems?.items ?? [];\n\n  const assigneeIds = new Set(\n    workItems.filter((wi) => wi.assigneeId).map((wi) => wi.assigneeId as string)\n  );\n  const ownerIds = new Set(projects.filter((p) => p.ownerId).map((p) => p.ownerId as string));\n  const allMemberIds = new Set([...assigneeIds, ...ownerIds]);\n\n  const members = Array.from(allMemberIds).map((memberId) => {\n    const memberWorkItems = workItems.filter((wi) => wi.assigneeId === memberId);\n    const assigned = memberWorkItems.length;\n    const completed = memberWorkItems.filter((wi) => wi.status === 'DONE').length;\n    const velocity = memberWorkItems\n      .filter((wi) => wi.status === 'DONE')\n      .reduce((s, wi) => s + (wi.storyPoints ?? 0), 0);\n    const memberProjects = projects.filter((p) => p.ownerId === memberId);\n\n    return {\n      id: memberId,\n      name: memberId,\n      role: memberProjects.length > 0 ? 'Project Owner' : 'Contributor',\n      department: 'Engineering',\n      tasksAssigned: assigned,\n      tasksCompleted: completed,\n      velocity,\n      status: assigned > 0 ? 'active' : 'offline',\n    };\n  });\n\n  const teamsByMethodology = projects.reduce(\n    (acc, p) => {\n      const method = p.methodology ?? 'unassigned';\n      if (!acc[method]) {\n        acc[method] = { projects: [], ownerIds: new Set<string>() };\n      }\n      acc[method].projects.push(p);\n      if (p.ownerId) acc[method].ownerIds.add(p.ownerId);\n      return acc;\n    },\n    {} as Record<string, { projects: ProjectNode[]; ownerIds: Set<string> }>\n  );\n\n  const teams = Object.entries(teamsByMethodology).map(([methodology, group]) => ({\n    id: methodology,\n    name: `${methodology.charAt(0).toUpperCase()}${methodology.slice(1)} Team`,\n    description: `Projects using ${methodology} methodology`,\n    projectsCount: group.projects.length,\n    leadId: Array.from(group.ownerIds)[0] ?? 'Unassigned',\n  }));\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Team Overview</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {members.length} contributors across {teams.length} teams\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-lg font-medium\">Teams</h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          {teams.map((team) => (\n            <Card key={team.id}>\n              <CardHeader className=\"pb-2\">\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{team.name}</CardTitle>\n                  <Badge variant=\"outline\">{team.projectsCount} projects</Badge>\n                </div>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-muted-foreground\">{team.description}</p>\n                <p className=\"text-xs text-muted-foreground mt-2\">\n                  Lead: <PersonName id={team.leadId} />\n                </p>\n              </CardContent>\n            </Card>\n          ))}\n          {teams.length === 0 && (\n            <p className=\"text-sm text-muted-foreground col-span-2 text-center py-4\">\n              No teams found. Create projects to see team groupings.\n            </p>\n          )}\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-lg font-medium\">Members</h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n          {members.map((member) => (\n            <Card key={member.id}>\n              <CardContent className=\"pt-4 space-y-3\">\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"relative\">\n                    <div className=\"h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center text-sm font-medium text-primary\">\n                      {member.name\n                        .split(/[\\s-]+/)\n                        .slice(0, 2)\n                        .map((n) => n[0]?.toUpperCase() ?? '')\n                        .join('')}\n                    </div>\n                    <div\n                      className={`absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-background ${statusColor[member.status]}`}\n                    />\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium\">{member.name}</p>\n                    <p className=\"text-xs text-muted-foreground\">{member.role}</p>\n                  </div>\n                </div>\n                <div className=\"grid grid-cols-3 gap-2 text-center text-xs\">\n                  <div>\n                    <p className=\"font-semibold\">{member.tasksAssigned}</p>\n                    <p className=\"text-muted-foreground\">Assigned</p>\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{member.tasksCompleted}</p>\n                    <p className=\"text-muted-foreground\">Done</p>\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{member.velocity}</p>\n                    <p className=\"text-muted-foreground\">Velocity</p>\n                  </div>\n                </div>\n                <div className=\"flex justify-between text-xs\">\n                  <span className=\"text-muted-foreground\">{member.department}</span>\n                  <span className=\"capitalize text-muted-foreground\">{member.status}</span>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n          {members.length === 0 && (\n            <p className=\"text-sm text-muted-foreground col-span-3 text-center py-4\">\n              No team members found. Assign work items to see members here.\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TeamTeamPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamTeamPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { UserPlus, Users } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\n\nconst GET_TEAM_DATA = gql`\n  query GetTeamData(\n    $workspaceId: ID!\n    $projectPagination: PlanmagnetPaginationInput\n    $workItemPagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {\n      items {\n        id\n        name\n        key\n        status\n        ownerId\n        methodology\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: $workItemPagination) {\n      items {\n        id\n        status\n        assigneeId\n        storyPoints\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  status: string;\n  ownerId: string | null;\n  methodology: string | null;\n}\n\ninterface WorkItemNode {\n  id: string;\n  status: string;\n  assigneeId: string | null;\n  storyPoints: number | null;\n}\n\ninterface TeamData {\n  projects: { items: ProjectNode[]; totalCount: number };\n  workItems: { items: WorkItemNode[]; totalCount: number };\n}\n\nconst statusColor: Record<string, string> = {\n  active: 'bg-green-400',\n  away: 'bg-yellow-400',\n  busy: 'bg-red-400',\n  offline: 'bg-gray-300',\n};\n\nexport function TeamTeamPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<TeamData>(GET_TEAM_DATA, {\n    variables: {\n      workspaceId,\n      projectPagination: { first: 100 },\n      workItemPagination: { first: 500 },\n    },\n    skip: !workspaceId,\n  });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const workItems = data?.planmagnetWorkItems?.items ?? [];\n\n  const assigneeIds = new Set(\n    workItems.filter((wi) => wi.assigneeId).map((wi) => wi.assigneeId as string)\n  );\n  const ownerIds = new Set(projects.filter((p) => p.ownerId).map((p) => p.ownerId as string));\n  const allMemberIds = new Set([...assigneeIds, ...ownerIds]);\n\n  const members = Array.from(allMemberIds).map((memberId) => {\n    const memberWorkItems = workItems.filter((wi) => wi.assigneeId === memberId);\n    const assigned = memberWorkItems.length;\n    const completed = memberWorkItems.filter((wi) => wi.status === 'DONE').length;\n    const velocity = memberWorkItems\n      .filter((wi) => wi.status === 'DONE')\n      .reduce((s, wi) => s + (wi.storyPoints ?? 0), 0);\n    const memberProjects = projects.filter((p) => p.ownerId === memberId);\n\n    return {\n      id: memberId,\n      name: memberId,\n      role: memberProjects.length > 0 ? 'Project Owner' : 'Contributor',\n      department: 'Engineering',\n      tasksAssigned: assigned,\n      tasksCompleted: completed,\n      velocity,\n      status: assigned > 0 ? 'active' : 'offline',\n    };\n  });\n\n  const teamsByMethodology = projects.reduce(\n    (acc, p) => {\n      const method = p.methodology ?? 'unassigned';\n      if (!acc[method]) {\n        acc[method] = { projects: [], ownerIds: new Set<string>() };\n      }\n      acc[method].projects.push(p);\n      if (p.ownerId) acc[method].ownerIds.add(p.ownerId);\n      return acc;\n    },\n    {} as Record<string, { projects: ProjectNode[]; ownerIds: Set<string> }>\n  );\n\n  const teams = Object.entries(teamsByMethodology).map(([methodology, group]) => ({\n    id: methodology,\n    name: `${methodology.charAt(0).toUpperCase()}${methodology.slice(1)} Team`,\n    description: `Projects using ${methodology} methodology`,\n    projectsCount: group.projects.length,\n    leadId: Array.from(group.ownerIds)[0] ?? 'Unassigned',\n  }));\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Team Overview</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {members.length} contributors across {teams.length} teams\n          </p>\n        </div>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={() => navigate('/team/invite-member-page')}\n          data-testid=\"team-invite\"\n        >\n          <UserPlus className=\"mr-1 h-4 w-4\" />\n          Invite member\n        </Button>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-lg font-medium\">Teams</h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          {teams.map((team) => (\n            <Card key={team.id}>\n              <CardHeader className=\"pb-2\">\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{team.name}</CardTitle>\n                  <Badge variant=\"outline\">{team.projectsCount} projects</Badge>\n                </div>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-muted-foreground\">{team.description}</p>\n                <p className=\"text-xs text-muted-foreground mt-2\">\n                  Lead: <PersonName id={team.leadId} />\n                </p>\n              </CardContent>\n            </Card>\n          ))}\n          {teams.length === 0 && (\n            <p className=\"text-sm text-muted-foreground col-span-2 text-center py-4\">\n              No teams found. Create projects to see team groupings.\n            </p>\n          )}\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-lg font-medium\">Members</h2>\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n          {members.map((member) => (\n            <Card key={member.id}>\n              <CardContent className=\"pt-4 space-y-3\">\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"relative\">\n                    <div className=\"h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center text-sm font-medium text-primary\">\n                      {member.name\n                        .split(/[\\s-]+/)\n                        .slice(0, 2)\n                        .map((n) => n[0]?.toUpperCase() ?? '')\n                        .join('')}\n                    </div>\n                    <div\n                      className={`absolute -bottom-0.5 -right-0.5 h-3 w-3 rounded-full border-2 border-background ${statusColor[member.status]}`}\n                    />\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium\">{member.name}</p>\n                    <p className=\"text-xs text-muted-foreground\">{member.role}</p>\n                  </div>\n                </div>\n                <div className=\"grid grid-cols-3 gap-2 text-center text-xs\">\n                  <div>\n                    <p className=\"font-semibold\">{member.tasksAssigned}</p>\n                    <p className=\"text-muted-foreground\">Assigned</p>\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{member.tasksCompleted}</p>\n                    <p className=\"text-muted-foreground\">Done</p>\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{member.velocity}</p>\n                    <p className=\"text-muted-foreground\">Velocity</p>\n                  </div>\n                </div>\n                <div className=\"flex justify-between text-xs\">\n                  <span className=\"text-muted-foreground\">{member.department}</span>\n                  <span className=\"capitalize text-muted-foreground\">{member.status}</span>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n          {members.length === 0 && (\n            <p className=\"text-sm text-muted-foreground col-span-3 text-center py-4\">\n              No team members found. Assign work items to see members here.\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/roadmaps/planningFocus.d.ts

@@ -0,0 +1,23 @@
+/**
+ * What a roadmap is organised around (BOFF-7934). Separate from how it is
+ * displayed: the roadmap page has ONE layout today (items grouped by lane with
+ * their dates), so the service accepts only the TIMELINE display and these
+ * pages no longer offer Gantt / Swimlane / Custom — a stored label is not a
+ * view. Legacy roadmaps were never classified, so a missing focus is shown as
+ * "not set", never guessed.
+ */
+export type PlanningFocus = 'THEME' | 'FEATURE' | 'TECHNOLOGY' | 'PORTFOLIO';
+export declare const PLANNING_FOCUSES: readonly PlanningFocus[];
+/** The only display the roadmap page has; the create/update inputs require one. */
+export declare const ROADMAP_DISPLAY = "TIMELINE";
+export declare function planningFocusLabel(focus: string | null | undefined): string;
+/** Icon AND label, never colour alone. */
+export declare function PlanningFocusBadge({ focus }: {
+    focus: string | null | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PlanningFocusSelect({ value, onChange, id, }: {
+    value: PlanningFocus | null;
+    onChange: (value: PlanningFocus | null) => void;
+    id?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=planningFocus.d.ts.map

package/dist/planmagnet/roadmaps/planningFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"planningFocus.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/roadmaps/planningFocus.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,CAAC;AAE7E,eAAO,MAAM,gBAAgB,EAAE,SAAS,aAAa,EAKpD,CAAC;AASF,mFAAmF;AACnF,eAAO,MAAM,eAAe,aAAa,CAAC;AAE1C,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAE3E;AAED,0CAA0C;AAC1C,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,2CAoBjF;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,EAAqB,GACtB,EAAE;IACD,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,2CAwBA"}

package/dist/planmagnet/roadmaps/planningFocus.js

@@ -0,0 +1,76 @@
+import { Boxes as e, Cpu as t, Layers as n, Lightbulb as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/planmagnet/roadmaps/planningFocus.tsx
+var o = [
+	"THEME",
+	"FEATURE",
+	"TECHNOLOGY",
+	"PORTFOLIO"
+], s = {
+	THEME: {
+		label: "Theme",
+		icon: r
+	},
+	FEATURE: {
+		label: "Feature",
+		icon: n
+	},
+	TECHNOLOGY: {
+		label: "Technology",
+		icon: t
+	},
+	PORTFOLIO: {
+		label: "Portfolio",
+		icon: e
+	}
+}, c = "TIMELINE";
+function l(e) {
+	return e && e in s ? s[e].label : "Focus not set";
+}
+function u({ focus: e }) {
+	if (!e || !(e in s)) return /* @__PURE__ */ i("span", {
+		className: "inline-flex items-center gap-1 text-xs text-muted-foreground",
+		"data-testid": "planning-focus",
+		children: "Focus not set"
+	});
+	let { label: t, icon: n } = s[e];
+	return /* @__PURE__ */ a("span", {
+		className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs text-foreground",
+		"data-testid": "planning-focus",
+		children: [
+			/* @__PURE__ */ i(n, { className: "h-3 w-3" }),
+			" ",
+			t
+		]
+	});
+}
+function d({ value: e, onChange: t, id: n = "planning-focus" }) {
+	return /* @__PURE__ */ a("div", { children: [
+		/* @__PURE__ */ i("label", {
+			htmlFor: n,
+			className: "text-sm font-medium",
+			children: "Planning focus"
+		}),
+		/* @__PURE__ */ a("select", {
+			id: n,
+			className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+			value: e ?? "",
+			onChange: (e) => t(e.target.value ? e.target.value : null),
+			children: [/* @__PURE__ */ i("option", {
+				value: "",
+				children: "Not set"
+			}), o.map((e) => /* @__PURE__ */ i("option", {
+				value: e,
+				children: s[e].label
+			}, e))]
+		}),
+		/* @__PURE__ */ i("p", {
+			className: "mt-1 text-xs text-muted-foreground",
+			children: "What the roadmap is organised around. Roadmaps are shown in one layout for now."
+		})
+	] });
+}
+//#endregion
+export { o as PLANNING_FOCUSES, u as PlanningFocusBadge, d as PlanningFocusSelect, c as ROADMAP_DISPLAY, l as planningFocusLabel };
+
+//# sourceMappingURL=planningFocus.js.map

package/dist/planmagnet/roadmaps/planningFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"planningFocus.js","names":[],"sources":["../../../src/planmagnet/roadmaps/planningFocus.tsx"],"sourcesContent":["import { Boxes, Cpu, Layers, Lightbulb, type LucideIcon } from 'lucide-react';\n\n/**\n * What a roadmap is organised around (BOFF-7934). Separate from how it is\n * displayed: the roadmap page has ONE layout today (items grouped by lane with\n * their dates), so the service accepts only the TIMELINE display and these\n * pages no longer offer Gantt / Swimlane / Custom — a stored label is not a\n * view. Legacy roadmaps were never classified, so a missing focus is shown as\n * \"not set\", never guessed.\n */\nexport type PlanningFocus = 'THEME' | 'FEATURE' | 'TECHNOLOGY' | 'PORTFOLIO';\n\nexport const PLANNING_FOCUSES: readonly PlanningFocus[] = [\n  'THEME',\n  'FEATURE',\n  'TECHNOLOGY',\n  'PORTFOLIO',\n];\n\nconst FOCUS: Record<PlanningFocus, { label: string; icon: LucideIcon }> = {\n  THEME: { label: 'Theme', icon: Lightbulb },\n  FEATURE: { label: 'Feature', icon: Layers },\n  TECHNOLOGY: { label: 'Technology', icon: Cpu },\n  PORTFOLIO: { label: 'Portfolio', icon: Boxes },\n};\n\n/** The only display the roadmap page has; the create/update inputs require one. */\nexport const ROADMAP_DISPLAY = 'TIMELINE';\n\nexport function planningFocusLabel(focus: string | null | undefined): string {\n  return focus && focus in FOCUS ? FOCUS[focus as PlanningFocus].label : 'Focus not set';\n}\n\n/** Icon AND label, never colour alone. */\nexport function PlanningFocusBadge({ focus }: { focus: string | null | undefined }) {\n  if (!focus || !(focus in FOCUS)) {\n    return (\n      <span\n        className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\"\n        data-testid=\"planning-focus\"\n      >\n        Focus not set\n      </span>\n    );\n  }\n  const { label, icon: Icon } = FOCUS[focus as PlanningFocus];\n  return (\n    <span\n      className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs text-foreground\"\n      data-testid=\"planning-focus\"\n    >\n      <Icon className=\"h-3 w-3\" /> {label}\n    </span>\n  );\n}\n\nexport function PlanningFocusSelect({\n  value,\n  onChange,\n  id = 'planning-focus',\n}: {\n  value: PlanningFocus | null;\n  onChange: (value: PlanningFocus | null) => void;\n  id?: string;\n}) {\n  return (\n    <div>\n      <label htmlFor={id} className=\"text-sm font-medium\">\n        Planning focus\n      </label>\n      <select\n        id={id}\n        className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n        value={value ?? ''}\n        onChange={(e) => onChange(e.target.value ? (e.target.value as PlanningFocus) : null)}\n      >\n        <option value=\"\">Not set</option>\n        {PLANNING_FOCUSES.map((f) => (\n          <option key={f} value={f}>\n            {FOCUS[f].label}\n          </option>\n        ))}\n      </select>\n      <p className=\"mt-1 text-xs text-muted-foreground\">\n        What the roadmap is organised around. Roadmaps are shown in one layout for now.\n      </p>\n    </div>\n  );\n}\n"],"mappings":";;;AAYA,IAAa,IAA6C;CACxD;CACA;CACA;CACA;CACD,EAEK,IAAoE;CACxE,OAAO;EAAE,OAAO;EAAS,MAAM;EAAW;CAC1C,SAAS;EAAE,OAAO;EAAW,MAAM;EAAQ;CAC3C,YAAY;EAAE,OAAO;EAAc,MAAM;EAAK;CAC9C,WAAW;EAAE,OAAO;EAAa,MAAM;EAAO;CAC/C,EAGY,IAAkB;AAE/B,SAAgB,EAAmB,GAA0C;AAC3E,QAAO,KAAS,KAAS,IAAQ,EAAM,GAAwB,QAAQ;;AAIzE,SAAgB,EAAmB,EAAE,YAA+C;AAClF,KAAI,CAAC,KAAS,EAAE,KAAS,GACvB,QACE,kBAAC,QAAD;EACE,WAAU;EACV,eAAY;YACb;EAEM,CAAA;CAGX,IAAM,EAAE,UAAO,MAAM,MAAS,EAAM;AACpC,QACE,kBAAC,QAAD;EACE,WAAU;EACV,eAAY;YAFd;GAIE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;;GAAE;GACzB;;;AAIX,SAAgB,EAAoB,EAClC,UACA,aACA,QAAK,oBAKJ;AACD,QACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,SAAD;GAAO,SAAS;GAAI,WAAU;aAAsB;GAE5C,CAAA;EACR,kBAAC,UAAD;GACM;GACJ,WAAU;GACV,OAAO,KAAS;GAChB,WAAW,MAAM,EAAS,EAAE,OAAO,QAAS,EAAE,OAAO,QAA0B,KAAK;aAJtF,CAME,kBAAC,UAAD;IAAQ,OAAM;cAAG;IAAgB,CAAA,EAChC,EAAiB,KAAK,MACrB,kBAAC,UAAD;IAAgB,OAAO;cACpB,EAAM,GAAG;IACH,EAFI,EAEJ,CACT,CACK;;EACT,kBAAC,KAAD;GAAG,WAAU;aAAqC;GAE9C,CAAA;EACA,EAAA,CAAA"}

package/dist/planmagnet/sprints/SprintControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SprintControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/sprints/SprintControls.tsx"],"names":[],"mappings":"AA6BA;;;;;;;;;;;;GAYG;AAEH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;AACxF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAQ3D,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,CAI/D;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAExD;AAsCD,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,UAAU,EACV,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,kDA2DA;AAsFD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAQD,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,2CA2EA;AAqKD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CAuKvF"}
+{"version":3,"file":"SprintControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/sprints/SprintControls.tsx"],"names":[],"mappings":"AA6BA;;;;;;;;;;;;GAYG;AAEH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;AACxF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAQ3D,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,CAI/D;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAExD;AAsCD,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,UAAU,EACV,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,kDA2DA;AAsFD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAQD,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,2CA2EA;AAqKD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CAwMvF"}

package/dist/planmagnet/sprints/SprintControls.js

@@ -371,13 +371,13 @@ var X = l`
 	capacity: ""
 };
 function $({ onCreated: n }) {
-	let { workspaceId: i } = e(), [a, s] = r(!1), [c, l] = r(Q), [m, h] = r(null), { data: g } = d(Z, {
+	let { workspaceId: i } = e(), [a, s] = r(!1), [c, l] = r(Q), [m, h] = r(null), { data: g, loading: _, error: v, refetch: y } = d(Z, {
 		variables: { workspaceId: i ?? "" },
 		skip: !a || !i
-	}), _ = g?.planmagnetProjects.items ?? [], v = c.projectId || _[0]?.id || "", [y, { loading: b }] = u(X, {
+	}), b = g?.planmagnetProjects.items ?? [], x = c.projectId || b[0]?.id || "", [S, { loading: C }] = u(X, {
 		refetchQueries: L,
 		awaitRefetchQueries: !0
-	}), x = c.capacity.trim() === "" ? void 0 : Number(c.capacity), S = x !== void 0 && (!Number.isInteger(x) || x < 0), C = !!(c.startDate && c.endDate && c.endDate < c.startDate), T = c.name.trim() !== "" && v !== "" && !S && !C && !b;
+	}), T = c.capacity.trim() === "" ? void 0 : Number(c.capacity), P = T !== void 0 && (!Number.isInteger(T) || T < 0), F = !!(c.startDate && c.endDate && c.endDate < c.startDate), I = c.name.trim() !== "" && x !== "" && !P && !F && !C;
 	return /* @__PURE__ */ p(D, {
 		open: a,
 		onOpenChange: (e) => {
@@ -409,26 +409,45 @@ function $({ onCreated: n }) {
 								name: e.target.value
 							})
 						})] }),
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-							htmlFor: "new-sprint-project",
-							className: "text-sm font-medium",
-							children: "Project"
-						}), /* @__PURE__ */ p("select", {
-							id: "new-sprint-project",
-							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
-							value: v,
-							onChange: (e) => l({
-								...c,
-								projectId: e.target.value
+						/* @__PURE__ */ p("div", { children: [
+							/* @__PURE__ */ f("label", {
+								htmlFor: "new-sprint-project",
+								className: "text-sm font-medium",
+								children: "Project"
 							}),
-							children: [_.length === 0 && /* @__PURE__ */ f("option", {
-								value: "",
-								children: "No projects"
-							}), _.map((e) => /* @__PURE__ */ f("option", {
-								value: e.id,
-								children: e.name
-							}, e.id))]
-						})] }),
+							/* @__PURE__ */ p("select", {
+								id: "new-sprint-project",
+								className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+								value: x,
+								onChange: (e) => l({
+									...c,
+									projectId: e.target.value
+								}),
+								children: [b.length === 0 && /* @__PURE__ */ f("option", {
+									value: "",
+									children: _ && !g ? "Loading projects…" : v ? "Projects could not be loaded" : "No projects yet"
+								}), b.map((e) => /* @__PURE__ */ f("option", {
+									value: e.id,
+									children: e.name
+								}, e.id))]
+							}),
+							v && /* @__PURE__ */ p("p", {
+								role: "alert",
+								className: "mt-1 flex items-center gap-2 text-xs text-destructive",
+								children: [v.message, /* @__PURE__ */ f(w, {
+									type: "button",
+									size: "sm",
+									variant: "ghost",
+									className: "h-6 px-2 text-xs",
+									onClick: () => void y(),
+									children: "Retry"
+								})]
+							}),
+							!_ && !v && g && b.length === 0 && /* @__PURE__ */ f("p", {
+								className: "mt-1 text-xs text-muted-foreground",
+								children: "Create a project first (Projects → New project)."
+							})
+						] }),
 						/* @__PURE__ */ p("div", {
 							className: "grid grid-cols-2 gap-3",
 							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
@@ -459,7 +478,7 @@ function $({ onCreated: n }) {
 								})
 							})] })]
 						}),
-						C && /* @__PURE__ */ f(V, { message: "The end date is before the start date." }),
+						F && /* @__PURE__ */ f(V, { message: "The end date is before the start date." }),
 						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 							htmlFor: "new-sprint-capacity",
 							className: "text-sm font-medium",
@@ -475,7 +494,7 @@ function $({ onCreated: n }) {
 								capacity: e.target.value
 							})
 						})] }),
-						S && /* @__PURE__ */ f(V, { message: "Capacity must be a whole number, 0 or more." }),
+						P && /* @__PURE__ */ f(V, { message: "Capacity must be a whole number, 0 or more." }),
 						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 							htmlFor: "new-sprint-goal",
 							className: "text-sm font-medium",
@@ -496,22 +515,22 @@ function $({ onCreated: n }) {
 					onClick: async () => {
 						h(null);
 						try {
-							let e = (await t(y({ variables: { input: {
+							let e = (await t(S({ variables: { input: {
 								name: c.name.trim(),
-								projectId: v,
+								projectId: x,
 								startDate: c.startDate || void 0,
 								endDate: c.endDate || void 0,
 								goal: c.goal.trim() || void 0,
-								capacity: x
+								capacity: T
 							} } }))).data?.planmagnetCreateSprint.id;
 							l(Q), s(!1), e && n(e);
 						} catch (e) {
 							h(e instanceof Error ? e.message : "The sprint could not be created.");
 						}
 					},
-					disabled: !T,
+					disabled: !I,
 					"data-testid": "new-sprint-submit",
-					children: b ? "Creating…" : "Create sprint"
+					children: C ? "Creating…" : "Create sprint"
 				}) })
 			]
 		})]