@burdenoff/microfe-planmagnet 2026.509.103

package/dist/planmagnet/pages/TasksTasksPagePage.js

@@ -0,0 +1,206 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { useState as t } from "react";
+import { Filter as n } from "lucide-react";
+import { gql as r } from "@apollo/client";
+import { useQuery as i } from "@apollo/client/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Card as s, CardContent as c } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/TasksTasksPagePage.tsx
+var l = r`
+  query GetWorkItems($workspaceId: ID!, $filter: WorkItemFilter, $pagination: PaginationInput) {
+    planmagnetWorkItems(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {
+      items {
+        id
+        title
+        type
+        status
+        priority
+        key
+        assigneeId
+        reporterId
+        sprintId
+        boardColumnId
+        storyPoints
+        estimatedHours
+        dueDate
+        labels
+        tags
+        createdAt
+      }
+      totalCount
+    }
+  }
+`, u = [
+	"BACKLOG",
+	"TODO",
+	"IN_PROGRESS",
+	"IN_REVIEW",
+	"DONE",
+	"BLOCKED"
+], d = {
+	BACKLOG: "Backlog",
+	TODO: "To Do",
+	IN_PROGRESS: "In Progress",
+	IN_REVIEW: "In Review",
+	DONE: "Done",
+	BLOCKED: "Blocked"
+}, f = {
+	BACKLOG: "border-t-gray-400",
+	TODO: "border-t-blue-400",
+	IN_PROGRESS: "border-t-yellow-400",
+	IN_REVIEW: "border-t-purple-400",
+	DONE: "border-t-green-400",
+	BLOCKED: "border-t-red-400"
+}, p = {
+	LOW: "bg-gray-100 text-gray-700",
+	MEDIUM: "bg-blue-100 text-blue-700",
+	HIGH: "bg-orange-100 text-orange-700",
+	CRITICAL: "bg-red-100 text-red-700"
+}, m = {
+	STORY: "bg-green-100 text-green-700",
+	BUG: "bg-red-100 text-red-700",
+	TASK: "bg-blue-100 text-blue-700",
+	EPIC: "bg-purple-100 text-purple-700",
+	SUBTASK: "bg-gray-100 text-gray-700"
+};
+function h() {
+	let { workspaceId: r } = e(), [h, g] = t("all"), [_, v] = t("all"), { data: y, loading: b, error: x } = i(l, {
+		variables: {
+			workspaceId: r,
+			pagination: { first: 200 }
+		},
+		skip: !r
+	});
+	if (b) return /* @__PURE__ */ a("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ a("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (x) return /* @__PURE__ */ o("div", {
+		className: "p-6 text-red-500",
+		children: ["Error: ", x.message]
+	});
+	let S = y?.planmagnetWorkItems?.items ?? [], C = S.filter((e) => (h === "all" || e.priority === h.toUpperCase()) && (_ === "all" || e.type === _.toUpperCase()));
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-4 p-6",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "flex items-center justify-between",
+				children: /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+					className: "text-2xl font-semibold",
+					children: "Task Board"
+				}), /* @__PURE__ */ o("p", {
+					className: "text-sm text-muted-foreground",
+					children: [S.length, " tasks across all projects"]
+				})] })
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "flex gap-4 items-center flex-wrap",
+				children: [
+					/* @__PURE__ */ a(n, { className: "h-4 w-4 text-muted-foreground" }),
+					/* @__PURE__ */ a("div", {
+						className: "flex gap-1",
+						children: [
+							"all",
+							"low",
+							"medium",
+							"high",
+							"critical"
+						].map((e) => /* @__PURE__ */ a("button", {
+							onClick: () => g(e),
+							className: `px-2 py-1 text-xs rounded capitalize ${h === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+							children: e
+						}, e))
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "flex gap-1",
+						children: [
+							"all",
+							"story",
+							"bug",
+							"task",
+							"epic"
+						].map((e) => /* @__PURE__ */ a("button", {
+							onClick: () => v(e),
+							className: `px-2 py-1 text-xs rounded capitalize ${_ === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+							children: e
+						}, e))
+					})
+				]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "grid grid-cols-6 gap-3 overflow-x-auto",
+				children: u.map((e) => {
+					let t = C.filter((t) => t.status === e);
+					return /* @__PURE__ */ o("div", {
+						className: "min-w-[200px]",
+						children: [/* @__PURE__ */ a("div", {
+							className: `border-t-2 ${f[e]} rounded-t-md p-2 bg-muted/50`,
+							children: /* @__PURE__ */ o("div", {
+								className: "flex justify-between items-center",
+								children: [/* @__PURE__ */ a("span", {
+									className: "text-sm font-medium",
+									children: d[e]
+								}), /* @__PURE__ */ a("span", {
+									className: "text-xs bg-muted rounded-full px-1.5",
+									children: t.length
+								})]
+							})
+						}), /* @__PURE__ */ a("div", {
+							className: "space-y-2 mt-2",
+							children: t.map((e) => /* @__PURE__ */ a(s, {
+								className: "shadow-sm",
+								children: /* @__PURE__ */ o(c, {
+									className: "p-3 space-y-2",
+									children: [
+										/* @__PURE__ */ a("p", {
+											className: "text-sm font-medium leading-tight",
+											children: e.title
+										}),
+										/* @__PURE__ */ a("p", {
+											className: "text-xs text-muted-foreground",
+											children: e.key
+										}),
+										/* @__PURE__ */ o("div", {
+											className: "flex gap-1 flex-wrap",
+											children: [/* @__PURE__ */ a("span", {
+												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${p[e.priority] ?? ""}`,
+												children: e.priority.toLowerCase()
+											}), /* @__PURE__ */ a("span", {
+												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${m[e.type] ?? ""}`,
+												children: e.type.toLowerCase()
+											})]
+										}),
+										/* @__PURE__ */ o("div", {
+											className: "flex items-center justify-between",
+											children: [/* @__PURE__ */ a("div", {
+												className: "flex gap-1",
+												children: (e.labels ?? []).slice(0, 2).map((e) => /* @__PURE__ */ a("span", {
+													className: "text-[9px] px-1 py-0.5 rounded bg-muted",
+													children: e
+												}, e))
+											}), /* @__PURE__ */ a("div", {
+												className: "flex items-center gap-1",
+												children: /* @__PURE__ */ a("span", {
+													className: "text-[10px] font-medium bg-primary/10 text-primary rounded-full h-5 w-5 flex items-center justify-center",
+													children: e.storyPoints ?? 0
+												})
+											})]
+										}),
+										/* @__PURE__ */ o("div", {
+											className: "flex justify-between text-[10px] text-muted-foreground",
+											children: [/* @__PURE__ */ a("span", { children: e.assigneeId ?? "Unassigned" }), /* @__PURE__ */ a("span", { children: e.dueDate ?? "" })]
+										})
+									]
+								})
+							}, e.id))
+						})]
+					}, e);
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { h as TasksTasksPagePage };
+
+//# sourceMappingURL=TasksTasksPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TasksTasksPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTasksPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Filter } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_WORK_ITEMS = gql`\n  query GetWorkItems($workspaceId: ID!, $filter: WorkItemFilter, $pagination: PaginationInput) {\n    planmagnetWorkItems(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        title\n        type\n        status\n        priority\n        key\n        assigneeId\n        reporterId\n        sprintId\n        boardColumnId\n        storyPoints\n        estimatedHours\n        dueDate\n        labels\n        tags\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface WorkItemNode {\n  id: string;\n  title: string;\n  type: string;\n  status: string;\n  priority: string;\n  key: string;\n  assigneeId: string | null;\n  reporterId: string | null;\n  sprintId: string | null;\n  boardColumnId: string | null;\n  storyPoints: number | null;\n  estimatedHours: number | null;\n  dueDate: string | null;\n  labels: string[];\n  tags: string[];\n  createdAt: string;\n}\n\nconst columns = ['BACKLOG', 'TODO', 'IN_PROGRESS', 'IN_REVIEW', 'DONE', 'BLOCKED'] as const;\n\nconst colLabel: Record<string, string> = {\n  BACKLOG: 'Backlog',\n  TODO: 'To Do',\n  IN_PROGRESS: 'In Progress',\n  IN_REVIEW: 'In Review',\n  DONE: 'Done',\n  BLOCKED: 'Blocked',\n};\n\nconst colColor: Record<string, string> = {\n  BACKLOG: 'border-t-gray-400',\n  TODO: 'border-t-blue-400',\n  IN_PROGRESS: 'border-t-yellow-400',\n  IN_REVIEW: 'border-t-purple-400',\n  DONE: 'border-t-green-400',\n  BLOCKED: 'border-t-red-400',\n};\n\nconst priorityColor: Record<string, string> = {\n  LOW: 'bg-gray-100 text-gray-700',\n  MEDIUM: 'bg-blue-100 text-blue-700',\n  HIGH: 'bg-orange-100 text-orange-700',\n  CRITICAL: 'bg-red-100 text-red-700',\n};\n\nconst typeColor: Record<string, string> = {\n  STORY: 'bg-green-100 text-green-700',\n  BUG: 'bg-red-100 text-red-700',\n  TASK: 'bg-blue-100 text-blue-700',\n  EPIC: 'bg-purple-100 text-purple-700',\n  SUBTASK: 'bg-gray-100 text-gray-700',\n};\n\nexport function TasksTasksPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const [priorityFilter, setPriorityFilter] = useState<string>('all');\n  const [typeFilter, setTypeFilter] = useState<string>('all');\n\n  const { data, loading, error } = useQuery<{\n    workItems: { items: WorkItemNode[]; totalCount: number };\n  }>(GET_WORK_ITEMS, {\n    variables: {\n      workspaceId,\n      pagination: { first: 200 },\n    },\n    skip: !workspaceId,\n  });\n\n  if (loading) {\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 tasks = data?.planmagnetWorkItems?.items ?? [];\n\n  const filtered = tasks.filter(\n    (t) =>\n      (priorityFilter === 'all' || t.priority === priorityFilter.toUpperCase()) &&\n      (typeFilter === 'all' || t.type === typeFilter.toUpperCase())\n  );\n\n  return (\n    <div className=\"space-y-4 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Task Board</h1>\n          <p className=\"text-sm text-muted-foreground\">{tasks.length} tasks across all projects</p>\n        </div>\n      </div>\n      <div className=\"flex gap-4 items-center flex-wrap\">\n        <Filter className=\"h-4 w-4 text-muted-foreground\" />\n        <div className=\"flex gap-1\">\n          {['all', 'low', 'medium', 'high', 'critical'].map((p) => (\n            <button\n              key={p}\n              onClick={() => setPriorityFilter(p)}\n              className={`px-2 py-1 text-xs rounded capitalize ${priorityFilter === p ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {p}\n            </button>\n          ))}\n        </div>\n        <div className=\"flex gap-1\">\n          {['all', 'story', 'bug', 'task', 'epic'].map((t) => (\n            <button\n              key={t}\n              onClick={() => setTypeFilter(t)}\n              className={`px-2 py-1 text-xs rounded capitalize ${typeFilter === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {t}\n            </button>\n          ))}\n        </div>\n      </div>\n      <div className=\"grid grid-cols-6 gap-3 overflow-x-auto\">\n        {columns.map((col) => {\n          const colTasks = filtered.filter((t) => t.status === col);\n          return (\n            <div key={col} className=\"min-w-[200px]\">\n              <div className={`border-t-2 ${colColor[col]} rounded-t-md p-2 bg-muted/50`}>\n                <div className=\"flex justify-between items-center\">\n                  <span className=\"text-sm font-medium\">{colLabel[col]}</span>\n                  <span className=\"text-xs bg-muted rounded-full px-1.5\">{colTasks.length}</span>\n                </div>\n              </div>\n              <div className=\"space-y-2 mt-2\">\n                {colTasks.map((task) => (\n                  <Card key={task.id} className=\"shadow-sm\">\n                    <CardContent className=\"p-3 space-y-2\">\n                      <p className=\"text-sm font-medium leading-tight\">{task.title}</p>\n                      <p className=\"text-xs text-muted-foreground\">{task.key}</p>\n                      <div className=\"flex gap-1 flex-wrap\">\n                        <span\n                          className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${priorityColor[task.priority] ?? ''}`}\n                        >\n                          {task.priority.toLowerCase()}\n                        </span>\n                        <span\n                          className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${typeColor[task.type] ?? ''}`}\n                        >\n                          {task.type.toLowerCase()}\n                        </span>\n                      </div>\n                      <div className=\"flex items-center justify-between\">\n                        <div className=\"flex gap-1\">\n                          {(task.labels ?? []).slice(0, 2).map((l) => (\n                            <span key={l} className=\"text-[9px] px-1 py-0.5 rounded bg-muted\">\n                              {l}\n                            </span>\n                          ))}\n                        </div>\n                        <div className=\"flex items-center gap-1\">\n                          <span className=\"text-[10px] font-medium bg-primary/10 text-primary rounded-full h-5 w-5 flex items-center justify-center\">\n                            {task.storyPoints ?? 0}\n                          </span>\n                        </div>\n                      </div>\n                      <div className=\"flex justify-between text-[10px] text-muted-foreground\">\n                        <span>{task.assigneeId ?? 'Unassigned'}</span>\n                        <span>{task.dueDate ?? ''}</span>\n                      </div>\n                    </CardContent>\n                  </Card>\n                ))}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamCreateTeamPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamCreateTeamPagePage.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,sBAAsB,4CA0GrC"}

package/dist/planmagnet/pages/TeamCreateTeamPagePage.js

@@ -0,0 +1,138 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { useState as n } from "react";
+import { Save as r, Users as i, X as a } from "lucide-react";
+import { gql as o } from "@apollo/client";
+import { useQuery as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Input as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/TeamCreateTeamPagePage.tsx
+var g = o`
+  query GetProjectsForTeamCreation($workspaceId: ID!, $pagination: PaginationInput) {
+    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {
+      items {
+        id
+        name
+        key
+        ownerId
+      }
+      totalCount
+    }
+  }
+`;
+function _() {
+	let { workspaceId: o } = e(), _ = t(), [v, y] = n({
+		name: "",
+		description: "",
+		lead: "",
+		projectId: ""
+	}), { data: b, loading: x, error: S } = s(g, {
+		variables: {
+			workspaceId: o,
+			pagination: { first: 100 }
+		},
+		skip: !o
+	}), C = b?.planmagnetProjects?.items ?? [];
+	return x ? /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ c("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	}) : S ? /* @__PURE__ */ l("div", {
+		className: "p-6 text-red-500",
+		children: ["Error: ", S.message]
+	}) : /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+				className: "text-2xl font-semibold",
+				children: "Create Team"
+			}), /* @__PURE__ */ c("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Set up a new team with members and a lead."
+			})] }), /* @__PURE__ */ l("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ l(u, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => _("/team"),
+					children: [/* @__PURE__ */ c(a, { className: "mr-1 h-4 w-4" }), "Cancel"]
+				}), /* @__PURE__ */ l(u, {
+					size: "sm",
+					onClick: () => {
+						v.name.trim() && _("/team");
+					},
+					children: [/* @__PURE__ */ c(r, { className: "mr-1 h-4 w-4" }), "Create Team"]
+				})]
+			})]
+		}), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ l(m, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ c(i, { className: "h-4 w-4" }), "Team Details"]
+		}) }), /* @__PURE__ */ l(f, {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					className: "text-sm font-medium",
+					children: "Team Name"
+				}), /* @__PURE__ */ c(h, {
+					value: v.name,
+					onChange: (e) => y({
+						...v,
+						name: e.target.value
+					}),
+					className: "mt-1",
+					placeholder: "e.g. Platform Engineering"
+				})] }),
+				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					className: "text-sm font-medium",
+					children: "Description"
+				}), /* @__PURE__ */ c("textarea", {
+					className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
+					value: v.description,
+					onChange: (e) => y({
+						...v,
+						description: e.target.value
+					}),
+					placeholder: "Describe the team's mission and responsibilities..."
+				})] }),
+				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					className: "text-sm font-medium",
+					children: "Team Lead"
+				}), /* @__PURE__ */ c(h, {
+					value: v.lead,
+					onChange: (e) => y({
+						...v,
+						lead: e.target.value
+					}),
+					className: "mt-1",
+					placeholder: "Team lead name or email"
+				})] }),
+				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					className: "text-sm font-medium",
+					children: "Associated Project (optional)"
+				}), /* @__PURE__ */ l("select", {
+					className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+					value: v.projectId,
+					onChange: (e) => y({
+						...v,
+						projectId: e.target.value
+					}),
+					children: [/* @__PURE__ */ c("option", {
+						value: "",
+						children: "No project"
+					}), C.map((e) => /* @__PURE__ */ l("option", {
+						value: e.id,
+						children: [
+							e.name,
+							" (",
+							e.key,
+							")"
+						]
+					}, e.id))]
+				})] })
+			]
+		})] })]
+	});
+}
+//#endregion
+export { _ as TeamCreateTeamPagePage };
+
+//# sourceMappingURL=TeamCreateTeamPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamCreateTeamPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamCreateTeamPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, Users } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS_FOR_TEAM = gql`\n  query GetProjectsForTeamCreation($workspaceId: ID!, $pagination: PaginationInput) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        key\n        ownerId\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  ownerId: string | null;\n}\n\ninterface ProjectsData {\n  projects: { items: ProjectNode[]; totalCount: number };\n}\n\nexport function TeamCreateTeamPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [form, setForm] = useState({ name: '', description: '', lead: '', projectId: '' });\n\n  const { data, loading, error } = useQuery<ProjectsData>(GET_PROJECTS_FOR_TEAM, {\n    variables: {\n      workspaceId,\n      pagination: { first: 100 },\n    },\n    skip: !workspaceId,\n  });\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n\n  const handleCreate = () => {\n    if (!form.name.trim()) return;\n    navigate('/team');\n  };\n\n  if (loading) {\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  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Create Team</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Set up a new team with members and a lead.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/team')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleCreate}>\n            <Save className=\"mr-1 h-4 w-4\" />\n            Create Team\n          </Button>\n        </div>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Users className=\"h-4 w-4\" />\n            Team Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Team Name</label>\n            <Input\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"e.g. Platform Engineering\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description</label>\n            <textarea\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>\n            <label className=\"text-sm font-medium\">Team Lead</label>\n            <Input\n              value={form.lead}\n              onChange={(e) => setForm({ ...form, lead: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"Team lead name or email\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Associated Project (optional)</label>\n            <select\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n              value={form.projectId}\n              onChange={(e) => setForm({ ...form, projectId: e.target.value })}\n            >\n              <option value=\"\">No project</option>\n              {projects.map((p) => (\n                <option key={p.id} value={p.id}>\n                  {p.name} ({p.key})\n                </option>\n              ))}\n            </select>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AASA,IAAM,IAAwB,CAAG;;;;;;;;;;;;;AAyBjC,SAAgB,IAAyB;CACvC,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAClC,CAAC,GAAM,KAAW,EAAS;EAAE,MAAM;EAAI,aAAa;EAAI,MAAM;EAAI,WAAW;EAAI,CAAC,EAElF,EAAE,SAAM,YAAS,aAAU,EAAuB,GAAuB;EAC7E,WAAW;GACT;GACA,YAAY,EAAE,OAAO,KAAK;GAC3B;EACD,MAAM,CAAC;EACR,CAAC,EAEI,IAAW,GAAM,oBAAoB,SAAS,EAAE;AAmBtD,QAZI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA,GAIN,IACK,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAkC,WAAQ,EAAM,QAAc;MAIrE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAgB,CAAA,EACvD,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAEzC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,MAAK;KAAK,eAAe,EAAS,QAAQ;eAApE,CACE,kBAAC,GAAD,EAAG,WAAU,gBAAiB,CAAA,EAAA,SAEvB;QACT,kBAAC,GAAD;KAAQ,MAAK;KAAK,eA/BC;AACpB,QAAK,KAAK,MAAM,IACrB,EAAS,QAAQ;;eA6BX,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,cAE1B;OACL;MACF;MACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAW,WAAU;aAArB,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAAA,eAEnB;MACD,CAAA,EACb,kBAAC,GAAD;GAAa,WAAU;aAAvB;IACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;eAAsB;KAAiB,CAAA,EACxD,kBAAC,GAAD;KACE,OAAO,EAAK;KACZ,WAAW,MAAM,EAAQ;MAAE,GAAG;MAAM,MAAM,EAAE,OAAO;MAAO,CAAC;KAC3D,WAAU;KACV,aAAY;KACZ,CAAA,CACE,EAAA,CAAA;IACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;eAAsB;KAAmB,CAAA,EAC1D,kBAAC,YAAD;KACE,WAAU;KACV,OAAO,EAAK;KACZ,WAAW,MAAM,EAAQ;MAAE,GAAG;MAAM,aAAa,EAAE,OAAO;MAAO,CAAC;KAClE,aAAY;KACZ,CAAA,CACE,EAAA,CAAA;IACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;eAAsB;KAAiB,CAAA,EACxD,kBAAC,GAAD;KACE,OAAO,EAAK;KACZ,WAAW,MAAM,EAAQ;MAAE,GAAG;MAAM,MAAM,EAAE,OAAO;MAAO,CAAC;KAC3D,WAAU;KACV,aAAY;KACZ,CAAA,CACE,EAAA,CAAA;IACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;eAAsB;KAAqC,CAAA,EAC5E,kBAAC,UAAD;KACE,WAAU;KACV,OAAO,EAAK;KACZ,WAAW,MAAM,EAAQ;MAAE,GAAG;MAAM,WAAW,EAAE,OAAO;MAAO,CAAC;eAHlE,CAKE,kBAAC,UAAD;MAAQ,OAAM;gBAAG;MAAmB,CAAA,EACnC,EAAS,KAAK,MACb,kBAAC,UAAD;MAAmB,OAAO,EAAE;gBAA5B;OACG,EAAE;OAAK;OAAG,EAAE;OAAI;OACV;QAFI,EAAE,GAEN,CACT,CACK;OACL,EAAA,CAAA;IACM;KACT,EAAA,CAAA,CACH"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamInviteMemberPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamInviteMemberPagePage.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,wBAAwB,4CAkJvC"}

package/dist/planmagnet/pages/TeamInviteMemberPagePage.js

@@ -0,0 +1,161 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { useState as n } from "react";
+import { Save as r, UserPlus as i, X as a } from "lucide-react";
+import { gql as o } from "@apollo/client";
+import { useQuery as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Input as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/TeamInviteMemberPagePage.tsx
+var g = o`
+  query GetProjectsForInvite($workspaceId: ID!, $pagination: PaginationInput) {
+    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {
+      items {
+        id
+        name
+        key
+        methodology
+      }
+      totalCount
+    }
+  }
+`;
+function _() {
+	let { workspaceId: o } = e(), _ = t(), { data: v, loading: y, error: b } = s(g, {
+		variables: {
+			workspaceId: o,
+			pagination: { first: 100 }
+		},
+		skip: !o
+	}), [x, S] = n({
+		email: "",
+		role: "developer",
+		projectId: "",
+		department: "Engineering"
+	}), C = [
+		"developer",
+		"designer",
+		"product manager",
+		"qa engineer",
+		"engineering manager",
+		"data engineer"
+	], w = [
+		"Engineering",
+		"Product",
+		"Design",
+		"Quality",
+		"Data"
+	], T = (v?.planmagnetProjects?.items ?? []).reduce((e, t) => {
+		let n = t.methodology ?? "general";
+		return e.some((e) => e.id === n) || e.push({
+			id: n,
+			name: `${n.charAt(0).toUpperCase()}${n.slice(1)} Team`
+		}), e;
+	}, []);
+	return y ? /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ c("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	}) : b ? /* @__PURE__ */ l("div", {
+		className: "p-6 text-red-500",
+		children: ["Error: ", b.message]
+	}) : /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+				className: "text-2xl font-semibold",
+				children: "Invite Team Member"
+			}), /* @__PURE__ */ c("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Add a new member to your workspace."
+			})] }), /* @__PURE__ */ l("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ l(u, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => _("/team"),
+					children: [/* @__PURE__ */ c(a, { className: "mr-1 h-4 w-4" }), "Cancel"]
+				}), /* @__PURE__ */ l(u, {
+					size: "sm",
+					onClick: () => {
+						x.email.trim() && _("/team");
+					},
+					children: [/* @__PURE__ */ c(r, { className: "mr-1 h-4 w-4" }), "Send Invite"]
+				})]
+			})]
+		}), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ l(m, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ c(i, { className: "h-4 w-4" }), "Invitation Details"]
+		}) }), /* @__PURE__ */ l(f, {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+				className: "text-sm font-medium",
+				children: "Email Address"
+			}), /* @__PURE__ */ c(h, {
+				type: "email",
+				value: x.email,
+				onChange: (e) => S({
+					...x,
+					email: e.target.value
+				}),
+				className: "mt-1",
+				placeholder: "colleague@company.com"
+			})] }), /* @__PURE__ */ l("div", {
+				className: "grid grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: "text-sm font-medium",
+						children: "Role"
+					}), /* @__PURE__ */ c("select", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize",
+						value: x.role,
+						onChange: (e) => S({
+							...x,
+							role: e.target.value
+						}),
+						children: C.map((e) => /* @__PURE__ */ c("option", {
+							value: e,
+							children: e
+						}, e))
+					})] }),
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: "text-sm font-medium",
+						children: "Department"
+					}), /* @__PURE__ */ c("select", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+						value: x.department,
+						onChange: (e) => S({
+							...x,
+							department: e.target.value
+						}),
+						children: w.map((e) => /* @__PURE__ */ c("option", {
+							value: e,
+							children: e
+						}, e))
+					})] }),
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: "text-sm font-medium",
+						children: "Team"
+					}), /* @__PURE__ */ l("select", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+						value: x.projectId,
+						onChange: (e) => S({
+							...x,
+							projectId: e.target.value
+						}),
+						children: [/* @__PURE__ */ c("option", {
+							value: "",
+							children: "No team"
+						}), T.map((e) => /* @__PURE__ */ c("option", {
+							value: e.id,
+							children: e.name
+						}, e.id))]
+					})] })
+				]
+			})]
+		})] })]
+	});
+}
+//#endregion
+export { _ as TeamInviteMemberPagePage };
+
+//# sourceMappingURL=TeamInviteMemberPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamInviteMemberPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamInviteMemberPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, UserPlus } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS_FOR_INVITE = gql`\n  query GetProjectsForInvite($workspaceId: ID!, $pagination: PaginationInput) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        key\n        methodology\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  methodology: string | null;\n}\n\ninterface ProjectsData {\n  projects: { items: ProjectNode[]; totalCount: number };\n}\n\nexport function TeamInviteMemberPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<ProjectsData>(GET_PROJECTS_FOR_INVITE, {\n    variables: {\n      workspaceId,\n      pagination: { first: 100 },\n    },\n    skip: !workspaceId,\n  });\n\n  const [form, setForm] = useState({\n    email: '',\n    role: 'developer',\n    projectId: '',\n    department: 'Engineering',\n  });\n  const roles = [\n    'developer',\n    'designer',\n    'product manager',\n    'qa engineer',\n    'engineering manager',\n    'data engineer',\n  ] as const;\n  const departments = ['Engineering', 'Product', 'Design', 'Quality', 'Data'] as const;\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n\n  const teams = projects.reduce(\n    (acc, p) => {\n      const method = p.methodology ?? 'general';\n      if (!acc.some((t) => t.id === method)) {\n        acc.push({\n          id: method,\n          name: `${method.charAt(0).toUpperCase()}${method.slice(1)} Team`,\n        });\n      }\n      return acc;\n    },\n    [] as Array<{ id: string; name: string }>\n  );\n\n  const handleInvite = () => {\n    if (!form.email.trim()) return;\n    navigate('/team');\n  };\n\n  if (loading) {\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  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Invite Team Member</h1>\n          <p className=\"text-sm text-muted-foreground\">Add a new member to your workspace.</p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/team')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleInvite}>\n            <Save className=\"mr-1 h-4 w-4\" />\n            Send Invite\n          </Button>\n        </div>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <UserPlus className=\"h-4 w-4\" />\n            Invitation Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Email Address</label>\n            <Input\n              type=\"email\"\n              value={form.email}\n              onChange={(e) => setForm({ ...form, email: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"colleague@company.com\"\n            />\n          </div>\n          <div className=\"grid grid-cols-3 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Role</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n                value={form.role}\n                onChange={(e) => setForm({ ...form, role: e.target.value })}\n              >\n                {roles.map((r) => (\n                  <option key={r} value={r}>\n                    {r}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Department</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                value={form.department}\n                onChange={(e) => setForm({ ...form, department: e.target.value })}\n              >\n                {departments.map((d) => (\n                  <option key={d} value={d}>\n                    {d}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Team</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                value={form.projectId}\n                onChange={(e) => setForm({ ...form, projectId: e.target.value })}\n              >\n                <option value=\"\">No team</option>\n                {teams.map((t) => (\n                  <option key={t.id} value={t.id}>\n                    {t.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamTeamPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamTeamPagePage.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,gBAAgB,4CAmK/B"}