@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.6

package/dist/planmagnet/pages/TeamTeamDetailPagePage.js

@@ -0,0 +1,217 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { useEntityId as r } from "../hooks/useEntityId.js";
+import { ROW_LINK_CLASS as i, detailPath as a, rowLinkProps as o } from "../utils/rowNavigation.js";
+import { PlanMagnetNotFoundPage as s } from "./NotFoundPage.js";
+import { NewSprintDialog as c } from "../sprints/SprintControls.js";
+import { TeamHeaderActions as l, TeamMembersPanel as u, TeamProjectsPanel as d } from "../team/TeamControls.js";
+import { Gauge as f, UserRound as p, Users as m, Zap as h } from "lucide-react";
+import { gql as g } from "@apollo/client";
+import { useQuery as _ } from "@apollo/client/react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Badge as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/TeamTeamDetailPagePage.tsx
+var T = g`
+  query GetTeamDetail($id: ID!) {
+    planmagnetTeam(id: $id) {
+      id
+      name
+      description
+      leadId
+      capacity
+      createdAt
+      members {
+        id
+        actorId
+      }
+      projects {
+        id
+        name
+        key
+      }
+    }
+  }
+`, E = g`
+  query GetTeamSprints($workspaceId: ID!, $filter: PlanmagnetSprintFilter) {
+    planmagnetSprints(workspaceId: $workspaceId, filter: $filter, pagination: { first: 50 }) {
+      items {
+        id
+        name
+        status
+        goal
+        velocity
+        startDate
+        endDate
+        workItems {
+          id
+          status
+          storyPoints
+        }
+      }
+      totalCount
+    }
+  }
+`, D = {
+	PLANNING: "bg-blue-100 text-blue-800",
+	ACTIVE: "bg-green-100 text-green-800",
+	REVIEW: "bg-purple-100 text-purple-800",
+	COMPLETED: "bg-gray-100 text-gray-800",
+	CANCELLED: "bg-red-100 text-red-800"
+};
+function O() {
+	let g = r("teamId"), { workspaceId: O } = e(), k = t(), { data: A, loading: j, error: M } = _(T, {
+		variables: { id: g },
+		skip: !g
+	}), { data: N, loading: P } = _(E, {
+		variables: {
+			workspaceId: O ?? "",
+			filter: { teamId: g }
+		},
+		skip: !g || !O
+	});
+	if (!g) return /* @__PURE__ */ v("div", {
+		className: "p-6 text-muted-foreground",
+		children: "No team selected. Open one from the list."
+	});
+	if (j && !A) return /* @__PURE__ */ v("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ v("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (M) return /* @__PURE__ */ y("div", {
+		className: "p-6 text-destructive",
+		children: ["Error loading team: ", M.message]
+	});
+	let F = A?.planmagnetTeam;
+	if (!F) return /* @__PURE__ */ v(s, {});
+	let I = N?.planmagnetSprints.items ?? [];
+	return /* @__PURE__ */ y("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "flex items-start justify-between gap-4",
+				children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ v(m, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ v("h1", {
+						className: "text-2xl font-semibold",
+						children: F.name
+					})]
+				}), /* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground mt-1",
+					children: F.description ?? "No description"
+				})] }), /* @__PURE__ */ v(l, {
+					teamId: F.id,
+					name: F.name
+				})]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+				children: [
+					/* @__PURE__ */ v(x, { children: /* @__PURE__ */ y(S, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex items-center gap-2 text-muted-foreground text-xs",
+							children: [/* @__PURE__ */ v(p, { className: "h-4 w-4" }), "Lead"]
+						}), /* @__PURE__ */ v("p", {
+							className: "text-sm font-bold mt-1 truncate",
+							children: F.leadId ? /* @__PURE__ */ v(n, { id: F.leadId }) : "No lead"
+						})]
+					}) }),
+					/* @__PURE__ */ v(x, { children: /* @__PURE__ */ y(S, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex items-center gap-2 text-muted-foreground text-xs",
+							children: [/* @__PURE__ */ v(f, { className: "h-4 w-4" }), "Capacity"]
+						}), /* @__PURE__ */ v("p", {
+							className: "text-xl font-bold mt-1",
+							children: F.capacity ?? "—"
+						})]
+					}) }),
+					/* @__PURE__ */ v(x, { children: /* @__PURE__ */ y(S, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex items-center gap-2 text-muted-foreground text-xs",
+							children: [/* @__PURE__ */ v(m, { className: "h-4 w-4" }), "Members"]
+						}), /* @__PURE__ */ v("p", {
+							className: "text-xl font-bold mt-1",
+							children: F.members.length
+						})]
+					}) }),
+					/* @__PURE__ */ v(x, { children: /* @__PURE__ */ y(S, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex items-center gap-2 text-muted-foreground text-xs",
+							children: [/* @__PURE__ */ v(h, { className: "h-4 w-4" }), "Team sprints"]
+						}), /* @__PURE__ */ v("p", {
+							className: "text-xl font-bold mt-1",
+							children: N?.planmagnetSprints.totalCount ?? (P ? "—" : I.length)
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ y(x, { children: [/* @__PURE__ */ v(C, { children: /* @__PURE__ */ v(w, { children: "Members" }) }), /* @__PURE__ */ v(S, { children: /* @__PURE__ */ v(u, {
+					teamId: F.id,
+					members: F.members
+				}) })] }), /* @__PURE__ */ y(x, { children: [/* @__PURE__ */ v(C, { children: /* @__PURE__ */ v(w, { children: "Projects" }) }), /* @__PURE__ */ v(S, { children: /* @__PURE__ */ v(d, {
+					teamId: F.id,
+					projects: F.projects
+				}) })] })]
+			}),
+			/* @__PURE__ */ y(x, { children: [/* @__PURE__ */ y(C, {
+				className: "flex flex-row items-center justify-between space-y-0",
+				children: [/* @__PURE__ */ v(w, { children: "Sprints" }), /* @__PURE__ */ v(c, {
+					initialScope: "team",
+					initialTeamId: F.id,
+					onCreated: (e) => k(a("/projects/planning-detail-page", e))
+				})]
+			}), /* @__PURE__ */ y(S, {
+				className: "space-y-2",
+				children: [
+					P && I.length === 0 && /* @__PURE__ */ v("p", {
+						className: "text-sm text-muted-foreground text-center py-4",
+						children: "Loading sprints…"
+					}),
+					!P && I.length === 0 && /* @__PURE__ */ v("p", {
+						className: "text-sm text-muted-foreground text-center py-4",
+						children: "No sprints yet. A team sprint can only include work items from this team's projects."
+					}),
+					I.map((e) => {
+						let t = e.workItems.reduce((e, t) => e + (t.storyPoints ?? 0), 0), n = e.workItems.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0);
+						return /* @__PURE__ */ y("div", {
+							...o(() => k(a("/projects/planning-detail-page", e.id)), e.name),
+							className: `flex items-center justify-between border rounded-md p-2.5 ${i}`,
+							children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								className: "text-sm font-medium",
+								children: e.name
+							}), e.goal && /* @__PURE__ */ v("p", {
+								className: "text-xs text-muted-foreground",
+								children: e.goal
+							})] }), /* @__PURE__ */ y("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ v("span", {
+									className: "text-xs text-muted-foreground",
+									children: e.status === "COMPLETED" && e.velocity != null ? `${e.velocity} pts velocity` : `${n}/${t} pts`
+								}), /* @__PURE__ */ v("span", {
+									className: `text-xs px-2 py-0.5 rounded-full capitalize ${D[e.status] ?? "bg-gray-100"}`,
+									children: e.status.toLowerCase().replace("_", " ")
+								})]
+							})]
+						}, e.id);
+					})
+				]
+			})] }),
+			/* @__PURE__ */ y("p", {
+				className: "text-xs text-muted-foreground",
+				children: ["Created ", /* @__PURE__ */ v(b, {
+					variant: "outline",
+					children: new Date(F.createdAt).toLocaleDateString()
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { O as TeamTeamDetailPagePage };
+
+//# sourceMappingURL=TeamTeamDetailPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamTeamDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamTeamDetailPagePage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Badge, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Users, UserRound, Gauge, Zap } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { ROW_LINK_CLASS, detailPath, rowLinkProps } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { TeamHeaderActions, TeamMembersPanel, TeamProjectsPanel } from '../team/TeamControls';\nimport { NewSprintDialog } from '../sprints/SprintControls';\nimport { PlanMagnetNotFoundPage } from './NotFoundPage';\n\n/**\n * Team detail (BOFF-8044): members, lead, capacity, projects, and the team's own sprints\n * (sprints whose scope is this team, never a project — sprint scope is PROJECT xor TEAM).\n */\n\nconst GET_TEAM_DETAIL = gql`\n  query GetTeamDetail($id: ID!) {\n    planmagnetTeam(id: $id) {\n      id\n      name\n      description\n      leadId\n      capacity\n      createdAt\n      members {\n        id\n        actorId\n      }\n      projects {\n        id\n        name\n        key\n      }\n    }\n  }\n`;\n\nconst GET_TEAM_SPRINTS = gql`\n  query GetTeamSprints($workspaceId: ID!, $filter: PlanmagnetSprintFilter) {\n    planmagnetSprints(workspaceId: $workspaceId, filter: $filter, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        status\n        goal\n        velocity\n        startDate\n        endDate\n        workItems {\n          id\n          status\n          storyPoints\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface TeamDetail {\n  id: string;\n  name: string;\n  description: string | null;\n  leadId: string | null;\n  capacity: number | null;\n  createdAt: string;\n  members: { id: string; actorId: string }[];\n  projects: { id: string; name: string; key: string }[];\n}\n\ninterface TeamSprintNode {\n  id: string;\n  name: string;\n  status: string;\n  goal: string | null;\n  velocity: number | null;\n  startDate: string | null;\n  endDate: string | null;\n  workItems: { id: string; status: string; storyPoints: number | null }[];\n}\n\nconst statusColor: Record<string, string> = {\n  PLANNING: 'bg-blue-100 text-blue-800',\n  ACTIVE: 'bg-green-100 text-green-800',\n  REVIEW: 'bg-purple-100 text-purple-800',\n  COMPLETED: 'bg-gray-100 text-gray-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n};\n\nexport function TeamTeamDetailPagePage() {\n  const teamId = useEntityId('teamId');\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<{ planmagnetTeam: TeamDetail | null }>(\n    GET_TEAM_DETAIL,\n    { variables: { id: teamId }, skip: !teamId }\n  );\n  const { data: sprintData, loading: sprintsLoading } = useQuery<{\n    planmagnetSprints: { items: TeamSprintNode[]; totalCount: number };\n  }>(GET_TEAM_SPRINTS, {\n    variables: { workspaceId: workspaceId ?? '', filter: { teamId } },\n    skip: !teamId || !workspaceId,\n  });\n\n  if (!teamId) {\n    return (\n      <div className=\"p-6 text-muted-foreground\">No team selected. Open one from the list.</div>\n    );\n  }\n  // Only before the first load: a refetch must not blank the page (it\n  // unmounts every component on it and loses their state).\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  if (error) {\n    return <div className=\"p-6 text-destructive\">Error loading team: {error.message}</div>;\n  }\n\n  const team = data?.planmagnetTeam;\n  // Deleted, unauthorized or an unknown id all read back the same way (no cross-tenant existence\n  // leak) — the real 404 page, not an inline message and not a same-URL redirect (H5).\n  if (!team) return <PlanMagnetNotFoundPage />;\n\n  const sprints = sprintData?.planmagnetSprints.items ?? [];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <Users className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{team.name}</h1>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {team.description ?? 'No description'}\n          </p>\n        </div>\n        <TeamHeaderActions teamId={team.id} name={team.name} />\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <UserRound className=\"h-4 w-4\" />\n              Lead\n            </div>\n            <p className=\"text-sm font-bold mt-1 truncate\">\n              {team.leadId ? <PersonName id={team.leadId} /> : 'No lead'}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Gauge className=\"h-4 w-4\" />\n              Capacity\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{team.capacity ?? '—'}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Users className=\"h-4 w-4\" />\n              Members\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{team.members.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Zap className=\"h-4 w-4\" />\n              Team sprints\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {sprintData?.planmagnetSprints.totalCount ?? (sprintsLoading ? '—' : sprints.length)}\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Members</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <TeamMembersPanel teamId={team.id} members={team.members} />\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader>\n            <CardTitle>Projects</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <TeamProjectsPanel teamId={team.id} projects={team.projects} />\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n          <CardTitle>Sprints</CardTitle>\n          <NewSprintDialog\n            initialScope=\"team\"\n            initialTeamId={team.id}\n            onCreated={(id) => navigate(detailPath('/projects/planning-detail-page', id))}\n          />\n        </CardHeader>\n        <CardContent className=\"space-y-2\">\n          {sprintsLoading && sprints.length === 0 && (\n            <p className=\"text-sm text-muted-foreground text-center py-4\">Loading sprints…</p>\n          )}\n          {!sprintsLoading && sprints.length === 0 && (\n            <p className=\"text-sm text-muted-foreground text-center py-4\">\n              No sprints yet. A team sprint can only include work items from this team&apos;s\n              projects.\n            </p>\n          )}\n          {sprints.map((sprint) => {\n            const totalPoints = sprint.workItems.reduce(\n              (sum, wi) => sum + (wi.storyPoints ?? 0),\n              0\n            );\n            const donePoints = sprint.workItems\n              .filter((wi) => wi.status === 'DONE')\n              .reduce((sum, wi) => sum + (wi.storyPoints ?? 0), 0);\n            return (\n              <div\n                key={sprint.id}\n                {...rowLinkProps(\n                  () => navigate(detailPath('/projects/planning-detail-page', sprint.id)),\n                  sprint.name\n                )}\n                className={`flex items-center justify-between border rounded-md p-2.5 ${ROW_LINK_CLASS}`}\n              >\n                <div>\n                  <p className=\"text-sm font-medium\">{sprint.name}</p>\n                  {sprint.goal && <p className=\"text-xs text-muted-foreground\">{sprint.goal}</p>}\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-xs text-muted-foreground\">\n                    {sprint.status === 'COMPLETED' && sprint.velocity != null\n                      ? `${sprint.velocity} pts velocity`\n                      : `${donePoints}/${totalPoints} pts`}\n                  </span>\n                  <span\n                    className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[sprint.status] ?? 'bg-gray-100'}`}\n                  >\n                    {sprint.status.toLowerCase().replace('_', ' ')}\n                  </span>\n                </div>\n              </div>\n            );\n          })}\n        </CardContent>\n      </Card>\n\n      <p className=\"text-xs text-muted-foreground\">\n        Created <Badge variant=\"outline\">{new Date(team.createdAt).toLocaleDateString()}</Badge>\n      </p>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/TeamTeamEditPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function TeamTeamEditPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TeamTeamEditPagePage.d.ts.map

package/dist/planmagnet/pages/TeamTeamEditPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamTeamEditPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamTeamEditPagePage.tsx"],"names":[],"mappings":"AA+CA,wBAAgB,oBAAoB,4CA8LnC"}

package/dist/planmagnet/pages/TeamTeamEditPagePage.js

@@ -0,0 +1,211 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as t } from "../utils/mutationResult.js";
+import { useEntityId as n } from "../hooks/useEntityId.js";
+import { AssigneeSelect as r } from "../controls/WorkItemControls.js";
+import { detailPath as i } from "../utils/rowNavigation.js";
+import { parseIntField as a } from "../utils/formValidation.js";
+import { PlanMagnetNotFoundPage as o } from "./NotFoundPage.js";
+import { useMemo as s, useState as c } from "react";
+import { ArrowLeft as l, Save as u } from "lucide-react";
+import { gql as d } from "@apollo/client";
+import { useMutation as f, useQuery as p } from "@apollo/client/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Input as x } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/TeamTeamEditPagePage.tsx
+var S = d`
+  query GetTeamForEdit($id: ID!) {
+    planmagnetTeam(id: $id) {
+      id
+      name
+      description
+      leadId
+      capacity
+    }
+  }
+`, C = d`
+  mutation UpdateTeam($id: ID!, $input: PlanmagnetUpdateTeamInput!) {
+    planmagnetUpdateTeam(id: $id, input: $input) {
+      id
+      name
+      description
+      leadId
+      capacity
+    }
+  }
+`;
+function w() {
+	let d = n("teamId"), w = e(), { data: T, loading: E, error: D } = p(S, {
+		variables: { id: d },
+		skip: !d
+	}), O = T?.planmagnetTeam, k = s(() => ({
+		name: O?.name ?? "",
+		description: O?.description ?? "",
+		leadId: O?.leadId ?? "",
+		capacity: O?.capacity?.toString() ?? ""
+	}), [O]), [A, j] = c({}), M = {
+		...k,
+		...A
+	}, N = (e) => j((t) => {
+		let n = { ...t };
+		for (let [t, r] of Object.entries(e)) r !== M[t] && (n[t] = r);
+		return n;
+	}), [P, F] = c(null), [I, L] = c(null), R = a(M.capacity, { min: 0 }), z = M.name.trim() === "", [B, { loading: V }] = f(C, { refetchQueries: [
+		"GetTeams",
+		"GetTeamDetail",
+		"GetTeamForEdit"
+	] });
+	return d ? E && !T ? /* @__PURE__ */ m("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ m("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	}) : D ? /* @__PURE__ */ h("div", {
+		className: "p-6 text-destructive",
+		children: ["Error loading team: ", D.message]
+	}) : O ? /* @__PURE__ */ h("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ h("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ m(g, {
+						variant: "ghost",
+						size: "sm",
+						"aria-label": "Back to the team",
+						onClick: () => w(i("/team/team-detail-page", d)),
+						children: /* @__PURE__ */ m(l, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+						className: "text-2xl font-semibold",
+						children: "Edit Team"
+					}), /* @__PURE__ */ m("p", {
+						className: "text-sm text-muted-foreground",
+						children: O.name
+					})] })]
+				}), /* @__PURE__ */ h(g, {
+					size: "sm",
+					onClick: async () => {
+						if (!(!O || z || R.invalid)) {
+							F(null), L(null);
+							try {
+								await t(B({ variables: {
+									id: O.id,
+									input: {
+										name: M.name.trim(),
+										description: M.description.trim() || void 0,
+										leadId: M.leadId || void 0,
+										capacity: R.value
+									}
+								} })), L("Team updated successfully."), j({});
+							} catch (e) {
+								F(e instanceof Error ? e.message : "The team could not be saved.");
+							}
+						}
+					},
+					disabled: V || z || R.invalid,
+					children: [/* @__PURE__ */ m(u, { className: "mr-1 h-4 w-4" }), V ? "Saving..." : "Save Changes"]
+				})]
+			}),
+			I && /* @__PURE__ */ m("div", {
+				role: "status",
+				className: "p-3 rounded-md text-sm bg-muted text-status-success-text",
+				children: I
+			}),
+			P && /* @__PURE__ */ h("div", {
+				role: "alert",
+				className: "p-3 rounded-md text-sm bg-destructive/10 text-destructive",
+				children: ["Error: ", P]
+			}),
+			/* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(b, { children: "Team Details" }) }), /* @__PURE__ */ h(v, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ h("div", { children: [
+						/* @__PURE__ */ m("label", {
+							htmlFor: "team-name",
+							className: "text-sm font-medium",
+							children: "Team Name"
+						}),
+						/* @__PURE__ */ m(x, {
+							id: "team-name",
+							value: M.name,
+							onChange: (e) => N({
+								...M,
+								name: e.target.value
+							}),
+							"aria-invalid": z,
+							className: "mt-1"
+						}),
+						z && /* @__PURE__ */ m("p", {
+							role: "alert",
+							className: "mt-1 text-xs text-destructive",
+							children: "Choose a name for the team."
+						})
+					] }),
+					/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+						htmlFor: "team-description",
+						className: "text-sm font-medium",
+						children: "Description"
+					}), /* @__PURE__ */ m("textarea", {
+						id: "team-description",
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
+						value: M.description,
+						onChange: (e) => N({
+							...M,
+							description: e.target.value
+						}),
+						placeholder: "Describe the team's mission and responsibilities..."
+					})] }),
+					/* @__PURE__ */ h("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+							htmlFor: "team-lead",
+							className: "text-sm font-medium",
+							children: "Team Lead"
+						}), /* @__PURE__ */ m("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ m(r, {
+								id: "team-lead",
+								value: M.leadId,
+								onChange: (e) => N({
+									...M,
+									leadId: e
+								}),
+								noneLabel: "No lead"
+							})
+						})] }), /* @__PURE__ */ h("div", { children: [
+							/* @__PURE__ */ m("label", {
+								htmlFor: "team-capacity",
+								className: "text-sm font-medium",
+								children: "Capacity (story points)"
+							}),
+							/* @__PURE__ */ m(x, {
+								id: "team-capacity",
+								type: "number",
+								min: 0,
+								step: 1,
+								value: M.capacity,
+								onChange: (e) => N({
+									...M,
+									capacity: e.target.value
+								}),
+								"aria-invalid": R.invalid,
+								className: "mt-1",
+								placeholder: "e.g. 60"
+							}),
+							R.invalid && /* @__PURE__ */ m("p", {
+								role: "alert",
+								className: "mt-1 text-xs text-destructive",
+								children: "Capacity must be a whole number, 0 or more."
+							})
+						] })]
+					})
+				]
+			})] })
+		]
+	}) : /* @__PURE__ */ m(o, {}) : /* @__PURE__ */ m("div", {
+		className: "p-6 text-muted-foreground",
+		children: "No team selected. Open one from the list."
+	});
+}
+//#endregion
+export { w as TeamTeamEditPagePage };
+
+//# sourceMappingURL=TeamTeamEditPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamTeamEditPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamTeamEditPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, ArrowLeft } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError } from '../utils/mutationResult';\nimport { parseIntField } from '../utils/formValidation';\nimport { AssigneeSelect } from '../controls/WorkItemControls';\nimport { PlanMagnetNotFoundPage } from './NotFoundPage';\n\n/** Edit a team's own fields (BOFF-8044). Members and projects are managed from the detail page. */\n\nconst GET_TEAM_FOR_EDIT = gql`\n  query GetTeamForEdit($id: ID!) {\n    planmagnetTeam(id: $id) {\n      id\n      name\n      description\n      leadId\n      capacity\n    }\n  }\n`;\n\nconst UPDATE_TEAM = gql`\n  mutation UpdateTeam($id: ID!, $input: PlanmagnetUpdateTeamInput!) {\n    planmagnetUpdateTeam(id: $id, input: $input) {\n      id\n      name\n      description\n      leadId\n      capacity\n    }\n  }\n`;\n\ninterface TeamForEdit {\n  id: string;\n  name: string;\n  description: string | null;\n  leadId: string | null;\n  capacity: number | null;\n}\n\nexport function TeamTeamEditPagePage() {\n  const teamId = useEntityId('teamId');\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<{ planmagnetTeam: TeamForEdit | null }>(\n    GET_TEAM_FOR_EDIT,\n    { variables: { id: teamId }, skip: !teamId }\n  );\n  const team = data?.planmagnetTeam;\n\n  const defaultForm = useMemo(\n    () => ({\n      name: team?.name ?? '',\n      description: team?.description ?? '',\n      leadId: team?.leadId ?? '',\n      capacity: team?.capacity?.toString() ?? '',\n    }),\n    [team]\n  );\n  const [formOverrides, setFormOverrides] = useState<Record<string, string>>({});\n  const form = { ...defaultForm, ...formOverrides };\n  const setForm = (updates: Record<string, string>) =>\n    setFormOverrides((prev) => {\n      const next = { ...prev };\n      for (const [key, value] of Object.entries(updates)) {\n        if (value !== form[key as keyof typeof form]) next[key] = value;\n      }\n      return next;\n    });\n\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n  const capacity = parseIntField(form.capacity, { min: 0 });\n  const nameInvalid = form.name.trim() === '';\n  const [updateTeam, { loading: saving }] = useMutation(UPDATE_TEAM, {\n    refetchQueries: ['GetTeams', 'GetTeamDetail', 'GetTeamForEdit'],\n  });\n\n  const handleSave = async () => {\n    if (!team || nameInvalid || capacity.invalid) return;\n    setSaveError(null);\n    setSuccessMessage(null);\n    try {\n      await throwOnError(\n        updateTeam({\n          variables: {\n            id: team.id,\n            input: {\n              name: form.name.trim(),\n              description: form.description.trim() || undefined,\n              leadId: form.leadId || undefined,\n              capacity: capacity.value,\n            },\n          },\n        })\n      );\n      setSuccessMessage('Team updated successfully.');\n      setFormOverrides({});\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The team could not be saved.');\n    }\n  };\n\n  if (!teamId) {\n    return (\n      <div className=\"p-6 text-muted-foreground\">No team selected. Open one from the list.</div>\n    );\n  }\n  // Only before the first load: a refetch must not blank the page (it\n  // unmounts every component on it and loses their state).\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  if (error) {\n    return <div className=\"p-6 text-destructive\">Error loading team: {error.message}</div>;\n  }\n  if (!team) return <PlanMagnetNotFoundPage />;\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label=\"Back to the team\"\n            onClick={() => navigate(detailPath('/team/team-detail-page', teamId))}\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Team</h1>\n            <p className=\"text-sm text-muted-foreground\">{team.name}</p>\n          </div>\n        </div>\n        <Button size=\"sm\" onClick={handleSave} disabled={saving || nameInvalid || capacity.invalid}>\n          <Save className=\"mr-1 h-4 w-4\" />\n          {saving ? 'Saving...' : 'Save Changes'}\n        </Button>\n      </div>\n\n      {successMessage && (\n        <div role=\"status\" className=\"p-3 rounded-md text-sm bg-muted text-status-success-text\">\n          {successMessage}\n        </div>\n      )}\n      {saveError && (\n        <div role=\"alert\" className=\"p-3 rounded-md text-sm bg-destructive/10 text-destructive\">\n          Error: {saveError}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Team Details</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label htmlFor=\"team-name\" className=\"text-sm font-medium\">\n              Team Name\n            </label>\n            <Input\n              id=\"team-name\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              aria-invalid={nameInvalid}\n              className=\"mt-1\"\n            />\n            {nameInvalid && (\n              <p role=\"alert\" className=\"mt-1 text-xs text-destructive\">\n                Choose a name for the team.\n              </p>\n            )}\n          </div>\n          <div>\n            <label htmlFor=\"team-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"team-description\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              placeholder=\"Describe the team's mission and responsibilities...\"\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label htmlFor=\"team-lead\" className=\"text-sm font-medium\">\n                Team Lead\n              </label>\n              <div className=\"mt-1\">\n                <AssigneeSelect\n                  id=\"team-lead\"\n                  value={form.leadId}\n                  onChange={(next) => setForm({ ...form, leadId: next })}\n                  noneLabel=\"No lead\"\n                />\n              </div>\n            </div>\n            <div>\n              <label htmlFor=\"team-capacity\" className=\"text-sm font-medium\">\n                Capacity (story points)\n              </label>\n              <Input\n                id=\"team-capacity\"\n                type=\"number\"\n                min={0}\n                step={1}\n                value={form.capacity}\n                onChange={(e) => setForm({ ...form, capacity: e.target.value })}\n                aria-invalid={capacity.invalid}\n                className=\"mt-1\"\n                placeholder=\"e.g. 60\"\n              />\n              {capacity.invalid && (\n                <p role=\"alert\" className=\"mt-1 text-xs text-destructive\">\n                  Capacity must be a whole number, 0 or more.\n                </p>\n              )}\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/TeamTeamsListPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function TeamTeamsListPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TeamTeamsListPagePage.d.ts.map

package/dist/planmagnet/pages/TeamTeamsListPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamTeamsListPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamTeamsListPagePage.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,qBAAqB,4CA4FpC"}

package/dist/planmagnet/pages/TeamTeamsListPagePage.js

@@ -0,0 +1,118 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { detailPath as r, rowLinkProps as i } from "../utils/rowNavigation.js";
+import { FolderKanban as a, Plus as o, UserRound as s, Users as c } from "lucide-react";
+import { gql as l } from "@apollo/client";
+import { useQuery as u } from "@apollo/client/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _ } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/TeamTeamsListPagePage.tsx
+var v = l`
+  query GetTeams($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {
+    planmagnetTeams(workspaceId: $workspaceId, pagination: $pagination) {
+      items {
+        id
+        name
+        description
+        leadId
+        capacity
+        members {
+          id
+        }
+        projects {
+          id
+        }
+      }
+      totalCount
+    }
+  }
+`;
+function y() {
+	let { workspaceId: l } = e(), y = t(), { data: b, loading: x, error: S } = u(v, {
+		variables: {
+			workspaceId: l ?? "",
+			pagination: { first: 100 }
+		},
+		skip: !l
+	}), C = b?.planmagnetTeams.items ?? [];
+	return x && !b ? /* @__PURE__ */ d("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ d("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	}) : S ? /* @__PURE__ */ f("div", {
+		className: "p-6 text-destructive",
+		children: ["Error loading teams: ", S.message]
+	}) : /* @__PURE__ */ f("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ f("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+				className: "text-2xl font-semibold",
+				children: "Teams"
+			}), /* @__PURE__ */ f("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					b?.planmagnetTeams.totalCount ?? C.length,
+					" team",
+					(b?.planmagnetTeams.totalCount ?? C.length) === 1 ? "" : "s"
+				]
+			})] }), /* @__PURE__ */ f(p, {
+				size: "sm",
+				"data-testid": "team-create",
+				onClick: () => y("/team/create-team-page"),
+				children: [/* @__PURE__ */ d(o, { className: "mr-1 h-4 w-4" }), "New team"]
+			})]
+		}), C.length === 0 ? /* @__PURE__ */ d("p", {
+			className: "text-sm text-muted-foreground text-center py-12",
+			children: "No teams yet — create one to group projects and track cross-project sprints."
+		}) : /* @__PURE__ */ d("div", {
+			className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",
+			children: C.map((e) => /* @__PURE__ */ f(m, {
+				"data-testid": "team-row",
+				...i(() => y(r("/team/team-detail-page", e.id)), e.name),
+				children: [/* @__PURE__ */ d(g, {
+					className: "pb-2",
+					children: /* @__PURE__ */ f(_, {
+						className: "text-base flex items-center gap-2",
+						children: [/* @__PURE__ */ d(c, { className: "h-4 w-4 text-primary" }), e.name]
+					})
+				}), /* @__PURE__ */ f(h, {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ d("p", {
+						className: "text-sm text-muted-foreground line-clamp-2",
+						children: e.description ?? "No description"
+					}), /* @__PURE__ */ f("div", {
+						className: "flex items-center gap-4 text-xs text-muted-foreground",
+						children: [
+							/* @__PURE__ */ f("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ d(s, { className: "h-3 w-3" }), e.leadId ? /* @__PURE__ */ d(n, { id: e.leadId }) : "No lead"]
+							}),
+							/* @__PURE__ */ f("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ d(c, { className: "h-3 w-3" }),
+									e.members.length,
+									" member",
+									e.members.length === 1 ? "" : "s"
+								]
+							}),
+							/* @__PURE__ */ f("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ d(a, { className: "h-3 w-3" }),
+									e.projects.length,
+									" project",
+									e.projects.length === 1 ? "" : "s"
+								]
+							})
+						]
+					})]
+				})]
+			}, e.id))
+		})]
+	});
+}
+//#endregion
+export { y as TeamTeamsListPagePage };
+
+//# sourceMappingURL=TeamTeamsListPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamTeamsListPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamTeamsListPagePage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Plus, Users, FolderKanban, UserRound } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\n\n/**\n * Teams list (BOFF-8044). A Team is a first-class, cross-project entity — members, a lead, capacity, and the\n * projects it can draw team-sprint work from. This replaces the old mislabelled \"Team\" nav entry, which was\n * really the workspace roster (kept, relabelled \"Members\" — see PlanMagnetRoot.tsx).\n */\n\nconst GET_TEAMS = gql`\n  query GetTeams($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetTeams(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        description\n        leadId\n        capacity\n        members {\n          id\n        }\n        projects {\n          id\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface TeamListItem {\n  id: string;\n  name: string;\n  description: string | null;\n  leadId: string | null;\n  capacity: number | null;\n  members: { id: string }[];\n  projects: { id: string }[];\n}\n\nexport function TeamTeamsListPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<{\n    planmagnetTeams: { items: TeamListItem[]; totalCount: number };\n  }>(GET_TEAMS, {\n    variables: { workspaceId: workspaceId ?? '', pagination: { first: 100 } },\n    skip: !workspaceId,\n  });\n\n  const teams = data?.planmagnetTeams.items ?? [];\n\n  // Only before the first load: a refetch must not blank the page (it\n  // unmounts every component on it and loses their state).\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  if (error) {\n    return <div className=\"p-6 text-destructive\">Error loading teams: {error.message}</div>;\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Teams</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {data?.planmagnetTeams.totalCount ?? teams.length} team\n            {(data?.planmagnetTeams.totalCount ?? teams.length) === 1 ? '' : 's'}\n          </p>\n        </div>\n        <Button\n          size=\"sm\"\n          data-testid=\"team-create\"\n          onClick={() => navigate('/team/create-team-page')}\n        >\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New team\n        </Button>\n      </div>\n\n      {teams.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground text-center py-12\">\n          No teams yet — create one to group projects and track cross-project sprints.\n        </p>\n      ) : (\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n          {teams.map((team) => (\n            <Card\n              key={team.id}\n              data-testid=\"team-row\"\n              {...rowLinkProps(\n                () => navigate(detailPath('/team/team-detail-page', team.id)),\n                team.name\n              )}\n            >\n              <CardHeader className=\"pb-2\">\n                <CardTitle className=\"text-base flex items-center gap-2\">\n                  <Users className=\"h-4 w-4 text-primary\" />\n                  {team.name}\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-2\">\n                <p className=\"text-sm text-muted-foreground line-clamp-2\">\n                  {team.description ?? 'No description'}\n                </p>\n                <div className=\"flex items-center gap-4 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <UserRound className=\"h-3 w-3\" />\n                    {team.leadId ? <PersonName id={team.leadId} /> : 'No lead'}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <Users className=\"h-3 w-3\" />\n                    {team.members.length} member{team.members.length === 1 ? '' : 's'}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <FolderKanban className=\"h-3 w-3\" />\n                    {team.projects.length} project{team.projects.length === 1 ? '' : 's'}\n                  </span>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAY,CAAG;;;;;;;;;;;;;;;;;;;;AA+BrB,SAAgB,IAAwB;CACtC,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAElC,EAAE,SAAM,YAAS,aAAU,EAE9B,GAAW;EACZ,WAAW;GAAE,aAAa,KAAe;GAAI,YAAY,EAAE,OAAO,KAAK;GAAE;EACzE,MAAM,CAAC;EACR,CAAC,EAEI,IAAQ,GAAM,gBAAgB,SAAS,EAAE;AAe/C,QAXI,KAAW,CAAC,IAEZ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA,GAGN,IACK,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAsC,yBAAsB,EAAM,QAAc;MAIvF,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAU,CAAA,EACjD,kBAAC,KAAD;IAAG,WAAU;cAAb;KACG,GAAM,gBAAgB,cAAc,EAAM;KAAO;MAChD,GAAM,gBAAgB,cAAc,EAAM,YAAY,IAAI,KAAK;KAC/D;MACA,EAAA,CAAA,EACN,kBAAC,GAAD;IACE,MAAK;IACL,eAAY;IACZ,eAAe,EAAS,yBAAyB;cAHnD,CAKE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,WAE1B;MACL;MAEL,EAAM,WAAW,IAChB,kBAAC,KAAD;GAAG,WAAU;aAAkD;GAE3D,CAAA,GAEJ,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MACV,kBAAC,GAAD;IAEE,eAAY;IACZ,GAAI,QACI,EAAS,EAAW,0BAA0B,EAAK,GAAG,CAAC,EAC7D,EAAK,KACN;cANH,CAQE,kBAAC,GAAD;KAAY,WAAU;eACpB,kBAAC,GAAD;MAAW,WAAU;gBAArB,CACE,kBAAC,GAAD,EAAO,WAAU,wBAAyB,CAAA,EACzC,EAAK,KACI;;KACD,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAK,eAAe;MACnB,CAAA,EACJ,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAChC,EAAK,SAAS,kBAAC,GAAD,EAAY,IAAI,EAAK,QAAU,CAAA,GAAG,UAC5C;;OACP,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;SAC5B,EAAK,QAAQ;SAAO;SAAQ,EAAK,QAAQ,WAAW,IAAI,KAAK;SACzD;;OACP,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;SACnC,EAAK,SAAS;SAAO;SAAS,EAAK,SAAS,WAAW,IAAI,KAAK;SAC5D;;OACH;QACM;OACT;MAhCA,EAAK,GAgCL,CACP;GACE,CAAA,CAEJ"}

package/dist/planmagnet/pages/TemplatesEditTemplatePagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function TemplatesEditTemplatePagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TemplatesEditTemplatePagePage.d.ts.map

package/dist/planmagnet/pages/TemplatesEditTemplatePagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatesEditTemplatePagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TemplatesEditTemplatePagePage.tsx"],"names":[],"mappings":"AAoHA,wBAAgB,6BAA6B,4CAmQ5C"}