@burdenoff/microfe-planmagnet 2026.509.103

package/dist/planmagnet/pages/ProjectsCreateProjectPagePage.js

@@ -0,0 +1,199 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { useState as t } from "react";
+import { FolderKanban as n, Save as r, X as i } from "lucide-react";
+import { gql as a } from "@apollo/client";
+import { useMutation as o } from "@apollo/client/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, Input as m } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProjectsCreateProjectPagePage.tsx
+var h = a`
+  mutation CreateProject($input: CreateProjectInput!) {
+    planmagnetCreateProject(input: $input) {
+      id
+      name
+      key
+      description
+      status
+      methodology
+      ownerId
+      startDate
+      endDate
+      tags
+      createdAt
+    }
+  }
+`;
+function g() {
+	let { workspaceId: a, currentUser: g } = e(), [_, v] = t({
+		name: "",
+		key: "",
+		description: "",
+		methodology: "SCRUM",
+		startDate: "",
+		endDate: ""
+	}), [y, b] = t(null), [x, { loading: S, error: C }] = o(h, {
+		refetchQueries: [
+			"GetProjects",
+			"GetActiveProjects",
+			"GetDashboardData"
+		],
+		onCompleted: (e) => {
+			b(`Project "${e.createProject.name}" created successfully.`), v({
+				name: "",
+				key: "",
+				description: "",
+				methodology: "SCRUM",
+				startDate: "",
+				endDate: ""
+			});
+		}
+	});
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+					className: "text-2xl font-semibold",
+					children: "Create Project"
+				}), /* @__PURE__ */ s("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Set up a new project with timeline and budget."
+				})] }), /* @__PURE__ */ c("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ c(l, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ s(i, { className: "mr-1 h-4 w-4" }), "Cancel"]
+					}), /* @__PURE__ */ c(l, {
+						size: "sm",
+						onClick: () => {
+							!_.name || !_.key || planmagnetCreateProject({ variables: { input: {
+								name: _.name,
+								key: _.key,
+								description: _.description || void 0,
+								methodology: _.methodology,
+								ownerId: g?.id ?? "unknown",
+								startDate: _.startDate || void 0,
+								endDate: _.endDate || void 0
+							} } });
+						},
+						disabled: S || !_.name || !_.key,
+						children: [/* @__PURE__ */ s(r, { className: "mr-1 h-4 w-4" }), S ? "Creating..." : "Create Project"]
+					})]
+				})]
+			}),
+			y && /* @__PURE__ */ s("div", {
+				className: "p-3 bg-green-50 text-green-800 rounded-md text-sm",
+				children: y
+			}),
+			C && /* @__PURE__ */ c("div", {
+				className: "p-3 bg-red-50 text-red-800 rounded-md text-sm",
+				children: ["Error: ", C.message]
+			}),
+			/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ c(p, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ s(n, { className: "h-4 w-4" }), "Project Details"]
+			}) }), /* @__PURE__ */ c(d, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+						className: "text-sm font-medium",
+						children: "Project Name"
+					}), /* @__PURE__ */ s(m, {
+						value: _.name,
+						onChange: (e) => v({
+							..._,
+							name: e.target.value
+						}),
+						className: "mt-1",
+						placeholder: "e.g. Search Overhaul"
+					})] }),
+					/* @__PURE__ */ c("div", { children: [
+						/* @__PURE__ */ s("label", {
+							className: "text-sm font-medium",
+							children: "Project Key"
+						}),
+						/* @__PURE__ */ s(m, {
+							value: _.key,
+							onChange: (e) => v({
+								..._,
+								key: e.target.value.toUpperCase()
+							}),
+							className: "mt-1",
+							placeholder: "e.g. SRCH"
+						}),
+						/* @__PURE__ */ s("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: "Used as prefix for work item IDs (e.g. SRCH-123)"
+						})
+					] }),
+					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+						className: "text-sm font-medium",
+						children: "Description"
+					}), /* @__PURE__ */ s("textarea", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
+						value: _.description,
+						onChange: (e) => v({
+							..._,
+							description: e.target.value
+						}),
+						placeholder: "Describe the project goals..."
+					})] }),
+					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+						className: "text-sm font-medium",
+						children: "Methodology"
+					}), /* @__PURE__ */ s("select", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize",
+						value: _.methodology,
+						onChange: (e) => v({
+							..._,
+							methodology: e.target.value
+						}),
+						children: [
+							"SCRUM",
+							"KANBAN",
+							"WATERFALL",
+							"HYBRID",
+							"AGILE",
+							"CUSTOM"
+						].map((e) => /* @__PURE__ */ s("option", {
+							value: e,
+							children: e.toLowerCase()
+						}, e))
+					})] }),
+					/* @__PURE__ */ c("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+							className: "text-sm font-medium",
+							children: "Start Date"
+						}), /* @__PURE__ */ s(m, {
+							type: "date",
+							value: _.startDate,
+							onChange: (e) => v({
+								..._,
+								startDate: e.target.value
+							}),
+							className: "mt-1"
+						})] }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+							className: "text-sm font-medium",
+							children: "End Date"
+						}), /* @__PURE__ */ s(m, {
+							type: "date",
+							value: _.endDate,
+							onChange: (e) => v({
+								..._,
+								endDate: e.target.value
+							}),
+							className: "mt-1"
+						})] })]
+					})
+				]
+			})] })
+		]
+	});
+}
+//#endregion
+export { g as ProjectsCreateProjectPagePage };
+
+//# sourceMappingURL=ProjectsCreateProjectPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsCreateProjectPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsCreateProjectPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, FolderKanban } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst CREATE_PROJECT = gql`\n  mutation CreateProject($input: CreateProjectInput!) {\n    planmagnetCreateProject(input: $input) {\n      id\n      name\n      key\n      description\n      status\n      methodology\n      ownerId\n      startDate\n      endDate\n      tags\n      createdAt\n    }\n  }\n`;\n\nexport function ProjectsCreateProjectPagePage() {\n  const { workspaceId, currentUser } = usePlanMagnet();\n\n  const [form, setForm] = useState({\n    name: '',\n    key: '',\n    description: '',\n    methodology: 'SCRUM',\n    startDate: '',\n    endDate: '',\n  });\n\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n\n  const [createProject, { loading: saving, error: saveError }] = useMutation(CREATE_PROJECT, {\n    refetchQueries: ['GetProjects', 'GetActiveProjects', 'GetDashboardData'],\n    onCompleted: (data) => {\n      setSuccessMessage(\n        `Project \"${(data as { createProject: { name: string } }).createProject.name}\" created successfully.`\n      );\n      setForm({\n        name: '',\n        key: '',\n        description: '',\n        methodology: 'SCRUM',\n        startDate: '',\n        endDate: '',\n      });\n    },\n  });\n\n  const methodologies = ['SCRUM', 'KANBAN', 'WATERFALL', 'HYBRID', 'AGILE', 'CUSTOM'] as const;\n\n  const handleCreate = () => {\n    if (!form.name || !form.key) return;\n    planmagnetCreateProject({\n      variables: {\n        input: {\n          name: form.name,\n          key: form.key,\n          description: form.description || undefined,\n          methodology: form.methodology,\n          ownerId: currentUser?.id ?? 'unknown',\n          startDate: form.startDate || undefined,\n          endDate: form.endDate || undefined,\n        },\n      },\n    });\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 Project</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Set up a new project with timeline and budget.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleCreate} disabled={saving || !form.name || !form.key}>\n            <Save className=\"mr-1 h-4 w-4\" />\n            {saving ? 'Creating...' : 'Create Project'}\n          </Button>\n        </div>\n      </div>\n\n      {successMessage && (\n        <div className=\"p-3 bg-green-50 text-green-800 rounded-md text-sm\">{successMessage}</div>\n      )}\n      {saveError && (\n        <div className=\"p-3 bg-red-50 text-red-800 rounded-md text-sm\">\n          Error: {saveError.message}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <FolderKanban className=\"h-4 w-4\" />\n            Project Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Project 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. Search Overhaul\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Project Key</label>\n            <Input\n              value={form.key}\n              onChange={(e) => setForm({ ...form, key: e.target.value.toUpperCase() })}\n              className=\"mt-1\"\n              placeholder=\"e.g. SRCH\"\n            />\n            <p className=\"text-xs text-muted-foreground mt-1\">\n              Used as prefix for work item IDs (e.g. SRCH-123)\n            </p>\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 project goals...\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Methodology</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.methodology}\n              onChange={(e) => setForm({ ...form, methodology: e.target.value })}\n            >\n              {methodologies.map((m) => (\n                <option key={m} value={m}>\n                  {m.toLowerCase()}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Start Date</label>\n              <Input\n                type=\"date\"\n                value={form.startDate}\n                onChange={(e) => setForm({ ...form, startDate: e.target.value })}\n                className=\"mt-1\"\n              />\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">End Date</label>\n              <Input\n                type=\"date\"\n                value={form.endDate}\n                onChange={(e) => setForm({ ...form, endDate: e.target.value })}\n                className=\"mt-1\"\n              />\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/planmagnet/pages/ProjectsEditProjectPagePage.js

@@ -0,0 +1,197 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { useMemo as t, useState as n } from "react";
+import { ArrowLeft as r, Save as i } from "lucide-react";
+import { gql as a } from "@apollo/client";
+import { useMutation as o, 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/ProjectsEditProjectPagePage.tsx
+var g = a`
+  query GetProjectsForEdit($workspaceId: ID!) {
+    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 1 }) {
+      items {
+        id
+        name
+        key
+        description
+        status
+        methodology
+        ownerId
+        startDate
+        endDate
+        tags
+      }
+    }
+  }
+`, _ = a`
+  mutation UpdateProject($id: ID!, $input: UpdateProjectInput!) {
+    planmagnetUpdateProject(id: $id, input: $input) {
+      id
+      name
+      key
+      description
+      status
+      methodology
+      ownerId
+      startDate
+      endDate
+      tags
+    }
+  }
+`;
+function v() {
+	let { workspaceId: a } = e(), { data: v, loading: y, error: b } = s(g, { variables: { workspaceId: a ?? "default" } }), [x, S] = n(null), C = v?.planmagnetProjects?.items?.[0], w = t(() => ({
+		name: C?.name ?? "",
+		description: C?.description ?? "",
+		methodology: C?.methodology ?? "SCRUM",
+		startDate: C?.startDate ? C.startDate.split("T")[0] : "",
+		endDate: C?.endDate ? C.endDate.split("T")[0] : ""
+	}), [C]), [T, E] = n({}), D = {
+		...w,
+		...T
+	}, O = (e) => E(e), [k, { loading: A, error: j }] = o(_, {
+		refetchQueries: [
+			"GetProjects",
+			"GetActiveProjects",
+			"GetDashboardData",
+			"GetProjectsForEdit"
+		],
+		onCompleted: () => {
+			S("Project updated successfully.");
+		}
+	});
+	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 loading project: ", b.message]
+	}) : C ? /* @__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", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ c(u, {
+						variant: "ghost",
+						size: "sm",
+						children: /* @__PURE__ */ c(r, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+						className: "text-2xl font-semibold",
+						children: "Edit Project"
+					}), /* @__PURE__ */ l("p", {
+						className: "text-sm text-muted-foreground",
+						children: ["Editing ", C.name]
+					})] })]
+				}), /* @__PURE__ */ l(u, {
+					size: "sm",
+					onClick: () => {
+						C && planmagnetUpdateProject({ variables: {
+							id: C.id,
+							input: {
+								name: D.name || void 0,
+								description: D.description || void 0,
+								methodology: D.methodology || void 0,
+								startDate: D.startDate || void 0,
+								endDate: D.endDate || void 0
+							}
+						} });
+					},
+					disabled: A,
+					children: [/* @__PURE__ */ c(i, { className: "mr-1 h-4 w-4" }), A ? "Saving..." : "Save Changes"]
+				})]
+			}),
+			x && /* @__PURE__ */ c("div", {
+				className: "p-3 bg-green-50 text-green-800 rounded-md text-sm",
+				children: x
+			}),
+			j && /* @__PURE__ */ l("div", {
+				className: "p-3 bg-red-50 text-red-800 rounded-md text-sm",
+				children: ["Error: ", j.message]
+			}),
+			/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Project Details" }) }), /* @__PURE__ */ l(f, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: "text-sm font-medium",
+						children: "Project Name"
+					}), /* @__PURE__ */ c(h, {
+						value: D.name,
+						onChange: (e) => O({
+							...D,
+							name: e.target.value
+						}),
+						className: "mt-1"
+					})] }),
+					/* @__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: D.description,
+						onChange: (e) => O({
+							...D,
+							description: e.target.value
+						})
+					})] }),
+					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						className: "text-sm font-medium",
+						children: "Methodology"
+					}), /* @__PURE__ */ c("select", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize",
+						value: D.methodology,
+						onChange: (e) => O({
+							...D,
+							methodology: e.target.value
+						}),
+						children: [
+							"SCRUM",
+							"KANBAN",
+							"WATERFALL",
+							"HYBRID",
+							"AGILE",
+							"CUSTOM"
+						].map((e) => /* @__PURE__ */ c("option", {
+							value: e,
+							children: e.toLowerCase()
+						}, e))
+					})] }),
+					/* @__PURE__ */ l("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							className: "text-sm font-medium",
+							children: "Start Date"
+						}), /* @__PURE__ */ c(h, {
+							type: "date",
+							value: D.startDate,
+							onChange: (e) => O({
+								...D,
+								startDate: e.target.value
+							}),
+							className: "mt-1"
+						})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+							className: "text-sm font-medium",
+							children: "End Date"
+						}), /* @__PURE__ */ c(h, {
+							type: "date",
+							value: D.endDate,
+							onChange: (e) => O({
+								...D,
+								endDate: e.target.value
+							}),
+							className: "mt-1"
+						})] })]
+					})
+				]
+			})] })
+		]
+	}) : /* @__PURE__ */ c("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Project not found."
+	});
+}
+//#endregion
+export { v as ProjectsEditProjectPagePage };
+
+//# sourceMappingURL=ProjectsEditProjectPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsEditProjectPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsEditProjectPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState, useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery, useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, ArrowLeft } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS = gql`\n  query GetProjectsForEdit($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 1 }) {\n      items {\n        id\n        name\n        key\n        description\n        status\n        methodology\n        ownerId\n        startDate\n        endDate\n        tags\n      }\n    }\n  }\n`;\n\nconst UPDATE_PROJECT = gql`\n  mutation UpdateProject($id: ID!, $input: UpdateProjectInput!) {\n    planmagnetUpdateProject(id: $id, input: $input) {\n      id\n      name\n      key\n      description\n      status\n      methodology\n      ownerId\n      startDate\n      endDate\n      tags\n    }\n  }\n`;\n\nexport function ProjectsEditProjectPagePage() {\n  const { workspaceId } = usePlanMagnet();\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_PROJECTS, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n\n  const project = data?.planmagnetProjects?.items?.[0];\n\n  const defaultForm = useMemo(\n    () => ({\n      name: project?.name ?? '',\n      description: project?.description ?? '',\n      methodology: project?.methodology ?? 'SCRUM',\n      startDate: project?.startDate ? project.startDate.split('T')[0] : '',\n      endDate: project?.endDate ? project.endDate.split('T')[0] : '',\n    }),\n    [project]\n  );\n\n  const [formOverrides, setFormOverrides] = useState<Record<string, string>>({});\n  const form = { ...defaultForm, ...formOverrides };\n  const setForm = (updates: Record<string, string>) => setFormOverrides(updates);\n\n  const [updateProject, { loading: saving, error: saveError }] = useMutation(UPDATE_PROJECT, {\n    refetchQueries: ['GetProjects', 'GetActiveProjects', 'GetDashboardData', 'GetProjectsForEdit'],\n    onCompleted: () => {\n      setSuccessMessage('Project updated successfully.');\n    },\n  });\n\n  const methodologies = ['SCRUM', 'KANBAN', 'WATERFALL', 'HYBRID', 'AGILE', 'CUSTOM'] as const;\n\n  const handleSave = () => {\n    if (!project) return;\n    planmagnetUpdateProject({\n      variables: {\n        id: project.id,\n        input: {\n          name: form.name || undefined,\n          description: form.description || undefined,\n          methodology: form.methodology || undefined,\n          startDate: form.startDate || undefined,\n          endDate: form.endDate || undefined,\n        },\n      },\n    });\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  if (error) return <div className=\"p-6 text-red-500\">Error loading project: {error.message}</div>;\n  if (!project) return <div className=\"p-6 text-muted-foreground\">Project not found.</div>;\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 variant=\"ghost\" size=\"sm\">\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Project</h1>\n            <p className=\"text-sm text-muted-foreground\">Editing {project.name}</p>\n          </div>\n        </div>\n        <Button size=\"sm\" onClick={handleSave} disabled={saving}>\n          <Save className=\"mr-1 h-4 w-4\" />\n          {saving ? 'Saving...' : 'Save Changes'}\n        </Button>\n      </div>\n\n      {successMessage && (\n        <div className=\"p-3 bg-green-50 text-green-800 rounded-md text-sm\">{successMessage}</div>\n      )}\n      {saveError && (\n        <div className=\"p-3 bg-red-50 text-red-800 rounded-md text-sm\">\n          Error: {saveError.message}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Project Details</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Project Name</label>\n            <Input\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className=\"mt-1\"\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            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Methodology</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.methodology}\n              onChange={(e) => setForm({ ...form, methodology: e.target.value })}\n            >\n              {methodologies.map((m) => (\n                <option key={m} value={m}>\n                  {m.toLowerCase()}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Start Date</label>\n              <Input\n                type=\"date\"\n                value={form.startDate}\n                onChange={(e) => setForm({ ...form, startDate: e.target.value })}\n                className=\"mt-1\"\n              />\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">End Date</label>\n              <Input\n                type=\"date\"\n                value={form.endDate}\n                onChange={(e) => setForm({ ...form, endDate: e.target.value })}\n                className=\"mt-1\"\n              />\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/planmagnet/pages/ProjectsMilestoneDetailPagePage.js

@@ -0,0 +1,173 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { Calendar as t, FolderKanban as n, Target as r, User as i } from "lucide-react";
+import { gql as a } from "@apollo/client";
+import { useQuery as o } from "@apollo/client/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProjectsMilestoneDetailPagePage.tsx
+var m = a`
+  query GetMilestonesForDetail($workspaceId: ID!) {
+    planmagnetMilestones(workspaceId: $workspaceId, pagination: { first: 1 }) {
+      items {
+        id
+        name
+        description
+        projectId
+        status
+        dueDate
+        ownerId
+        createdAt
+        completedAt
+      }
+    }
+  }
+`, h = {
+	PENDING: "bg-gray-100 text-gray-800",
+	IN_PROGRESS: "bg-blue-100 text-blue-800",
+	COMPLETED: "bg-green-100 text-green-800",
+	MISSED: "bg-red-100 text-red-800",
+	CANCELLED: "bg-red-100 text-red-800"
+};
+function g() {
+	let { workspaceId: a } = e(), { data: g, loading: _, error: v } = o(m, { variables: { workspaceId: a ?? "default" } });
+	if (_) return /* @__PURE__ */ s("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ s("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (v) return /* @__PURE__ */ c("div", {
+		className: "p-6 text-red-500",
+		children: ["Error loading milestone: ", v.message]
+	});
+	let y = g?.planmagnetMilestones?.items?.[0];
+	if (!y) return /* @__PURE__ */ s("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Milestone not found."
+	});
+	let b = y.status === "COMPLETED";
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ c("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ c("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ s(r, { className: "h-6 w-6 text-primary" }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+					className: "text-2xl font-semibold",
+					children: y.name
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: ["Project: ", y.projectId]
+				})] })]
+			}), /* @__PURE__ */ s("span", {
+				className: `text-xs px-3 py-1 rounded-full capitalize ${h[y.status] ?? "bg-gray-100"}`,
+				children: y.status.toLowerCase().replace("_", " ")
+			})]
+		}), /* @__PURE__ */ c("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ c("div", {
+				className: "lg:col-span-2 space-y-6",
+				children: [/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { children: "Overview" }) }), /* @__PURE__ */ c(d, {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ s("p", {
+						className: "text-sm",
+						children: y.description ?? "No description provided."
+					}), /* @__PURE__ */ s("div", { children: /* @__PURE__ */ c("div", {
+						className: "flex justify-between text-sm mb-2",
+						children: [/* @__PURE__ */ s("span", {
+							className: "text-muted-foreground",
+							children: "Status"
+						}), /* @__PURE__ */ s(l, {
+							variant: b ? "default" : "secondary",
+							className: "capitalize",
+							children: y.status.toLowerCase().replace("_", " ")
+						})]
+					}) })]
+				})] }), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { children: "Timeline" }) }), /* @__PURE__ */ s(d, { children: /* @__PURE__ */ c("div", {
+					className: "grid grid-cols-2 gap-4 text-center",
+					children: [/* @__PURE__ */ c("div", {
+						className: "p-4 bg-muted rounded-md",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-sm font-bold",
+							children: y.dueDate ? new Date(y.dueDate).toLocaleDateString() : "—"
+						}), /* @__PURE__ */ s("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Due Date"
+						})]
+					}), /* @__PURE__ */ c("div", {
+						className: "p-4 bg-muted rounded-md",
+						children: [/* @__PURE__ */ s("p", {
+							className: "text-sm font-bold",
+							children: y.completedAt ? new Date(y.completedAt).toLocaleDateString() : "—"
+						}), /* @__PURE__ */ s("p", {
+							className: "text-xs text-muted-foreground",
+							children: "Completed"
+						})]
+					})]
+				}) })] })]
+			}), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { children: "Details" }) }), /* @__PURE__ */ c(d, {
+				className: "space-y-3 text-sm",
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ s(t, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: "Due:"
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "font-medium",
+								children: y.dueDate ? new Date(y.dueDate).toLocaleDateString() : "Not set"
+							})
+						]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ s(n, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: "Project:"
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "font-medium",
+								children: y.projectId
+							})
+						]
+					}),
+					y.ownerId && /* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ s(i, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: "Owner:"
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "font-medium",
+								children: y.ownerId
+							})
+						]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ s(t, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ s("span", {
+								className: "text-muted-foreground",
+								children: "Created:"
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "font-medium",
+								children: y.createdAt ? new Date(y.createdAt).toLocaleDateString() : "—"
+							})
+						]
+					})
+				]
+			})] })]
+		})]
+	});
+}
+//#endregion
+export { g as ProjectsMilestoneDetailPagePage };
+
+//# sourceMappingURL=ProjectsMilestoneDetailPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsMilestoneDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsMilestoneDetailPagePage.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 { Target, Calendar, FolderKanban, User } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_MILESTONES_FOR_DETAIL = gql`\n  query GetMilestonesForDetail($workspaceId: ID!) {\n    planmagnetMilestones(workspaceId: $workspaceId, pagination: { first: 1 }) {\n      items {\n        id\n        name\n        description\n        projectId\n        status\n        dueDate\n        ownerId\n        createdAt\n        completedAt\n      }\n    }\n  }\n`;\n\nconst statusColor: Record<string, string> = {\n  PENDING: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  MISSED: 'bg-red-100 text-red-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n};\n\nexport function ProjectsMilestoneDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_MILESTONES_FOR_DETAIL, {\n      variables: { workspaceId: workspaceId ?? 'default' },\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  if (error)\n    return <div className=\"p-6 text-red-500\">Error loading milestone: {error.message}</div>;\n\n  const ms = data?.planmagnetMilestones?.items?.[0];\n  if (!ms) return <div className=\"p-6 text-muted-foreground\">Milestone not found.</div>;\n\n  const isCompleted = ms.status === 'COMPLETED';\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Target className=\"h-6 w-6 text-primary\" />\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{ms.name}</h1>\n            <p className=\"text-sm text-muted-foreground\">Project: {ms.projectId}</p>\n          </div>\n        </div>\n        <span\n          className={`text-xs px-3 py-1 rounded-full capitalize ${statusColor[ms.status] ?? 'bg-gray-100'}`}\n        >\n          {ms.status.toLowerCase().replace('_', ' ')}\n        </span>\n      </div>\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Overview</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <p className=\"text-sm\">{ms.description ?? 'No description provided.'}</p>\n              <div>\n                <div className=\"flex justify-between text-sm mb-2\">\n                  <span className=\"text-muted-foreground\">Status</span>\n                  <Badge variant={isCompleted ? 'default' : 'secondary'} className=\"capitalize\">\n                    {ms.status.toLowerCase().replace('_', ' ')}\n                  </Badge>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle>Timeline</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid grid-cols-2 gap-4 text-center\">\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-sm font-bold\">\n                    {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : '—'}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Due Date</p>\n                </div>\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-sm font-bold\">\n                    {ms.completedAt ? new Date(ms.completedAt).toLocaleDateString() : '—'}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Completed</p>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n        <Card>\n          <CardHeader>\n            <CardTitle>Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3 text-sm\">\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Due:</span>\n              <span className=\"font-medium\">\n                {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : 'Not set'}\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <FolderKanban className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Project:</span>\n              <span className=\"font-medium\">{ms.projectId}</span>\n            </div>\n            {ms.ownerId && (\n              <div className=\"flex items-center gap-2\">\n                <User className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Owner:</span>\n                <span className=\"font-medium\">{ms.ownerId}</span>\n              </div>\n            )}\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Created:</span>\n              <span className=\"font-medium\">\n                {ms.createdAt ? new Date(ms.createdAt).toLocaleDateString() : '—'}\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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