@burdenoff/microfe-planmagnet 2026.925.18 → 2026.926.2

package/dist/planmagnet/pages/ProjectsEditProjectPagePage.js

@@ -1,12 +1,14 @@
-import { useEntityId as e } from "../hooks/useEntityId.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";
+import { throwOnError as e } from "../utils/mutationResult.js";
+import { endBeforeStart as t } from "../utils/formValidation.js";
+import { useEntityId as n } from "../hooks/useEntityId.js";
+import { useMemo as r, useState as i } from "react";
+import { ArrowLeft as a, Save as o } from "lucide-react";
+import { gql as s } from "@apollo/client";
+import { useMutation as c, useQuery as l } from "@apollo/client/react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, Input as _ } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsEditProjectPagePage.tsx
-var g = a`
+var v = s`
   query GetProjectsForEdit($id: ID!) {
     planmagnetProject(id: $id) {
       id
@@ -21,7 +23,7 @@ var g = a`
       tags
     }
   }
-`, _ = a`
+`, y = s`
   mutation UpdateProject($id: ID!, $input: PlanmagnetUpdateProjectInput!) {
     planmagnetUpdateProject(id: $id, input: $input) {
       id
@@ -37,113 +39,119 @@ var g = a`
     }
   }
 `;
-function v() {
-	let a = e("projectId"), { data: v, loading: y, error: b } = s(g, {
-		variables: { id: a },
-		skip: !a
-	}), [x, S] = n(null), C = v?.planmagnetProject, 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 a ? y && !v ? /* @__PURE__ */ c("div", {
+function b() {
+	let s = n("projectId"), { data: b, loading: x, error: S } = l(v, {
+		variables: { id: s },
+		skip: !s
+	}), [C, w] = i(null), T = b?.planmagnetProject, E = r(() => ({
+		name: T?.name ?? "",
+		description: T?.description ?? "",
+		methodology: T?.methodology ?? "SCRUM",
+		startDate: T?.startDate ? T.startDate.split("T")[0] : "",
+		endDate: T?.endDate ? T.endDate.split("T")[0] : ""
+	}), [T]), [D, O] = i({}), k = {
+		...E,
+		...D
+	}, A = (e) => O(e), [j, { loading: M }] = c(y, { refetchQueries: [
+		"GetProjects",
+		"GetActiveProjects",
+		"GetDashboardData",
+		"GetProjectsForEdit"
+	] }), [N, P] = i(null), F = t(k.startDate, k.endDate);
+	return s ? x && !b ? /* @__PURE__ */ u("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", {
+		children: /* @__PURE__ */ u("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	}) : S ? /* @__PURE__ */ d("div", {
+		className: "p-6 text-destructive",
+		children: ["Error loading project: ", S.message]
+	}) : T ? /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ c(u, {
+					children: [/* @__PURE__ */ u(f, {
 						variant: "ghost",
 						size: "sm",
-						children: /* @__PURE__ */ c(r, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+						children: /* @__PURE__ */ u(a, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
 						className: "text-2xl font-semibold",
 						children: "Edit Project"
-					}), /* @__PURE__ */ l("p", {
+					}), /* @__PURE__ */ d("p", {
 						className: "text-sm text-muted-foreground",
-						children: ["Editing ", C.name]
+						children: ["Editing ", T.name]
 					})] })]
-				}), /* @__PURE__ */ l(u, {
+				}), /* @__PURE__ */ d(f, {
 					size: "sm",
-					onClick: () => {
-						C && k({ 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
-							}
-						} });
+					onClick: async () => {
+						if (!T || F) return;
+						P(null), w(null);
+						let t = {
+							...k.startDate !== E.startDate && { startDate: k.startDate || void 0 },
+							...k.endDate !== E.endDate && { endDate: k.endDate || void 0 }
+						};
+						try {
+							await e(j({ variables: {
+								id: T.id,
+								input: {
+									name: k.name || void 0,
+									description: k.description || void 0,
+									methodology: k.methodology || void 0,
+									...t
+								}
+							} })), w("Project updated successfully.");
+						} catch (e) {
+							P(e instanceof Error ? e.message : "The project could not be saved.");
+						}
 					},
-					disabled: A,
-					children: [/* @__PURE__ */ c(i, { className: "mr-1 h-4 w-4" }), A ? "Saving..." : "Save Changes"]
+					disabled: M || F,
+					children: [/* @__PURE__ */ u(o, { className: "mr-1 h-4 w-4" }), M ? "Saving..." : "Save Changes"]
 				})]
 			}),
-			x && /* @__PURE__ */ c("div", {
-				className: "p-3 bg-green-50 text-green-800 rounded-md text-sm",
-				children: x
+			C && /* @__PURE__ */ u("div", {
+				role: "status",
+				className: "p-3 bg-muted text-status-success-text rounded-md text-sm",
+				children: C
 			}),
-			j && /* @__PURE__ */ l("div", {
-				className: "p-3 bg-red-50 text-red-800 rounded-md text-sm",
-				children: ["Error: ", j.message]
+			N && /* @__PURE__ */ u("div", {
+				role: "alert",
+				className: "p-3 bg-destructive/10 text-destructive rounded-md text-sm",
+				children: N
 			}),
-			/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Project Details" }) }), /* @__PURE__ */ l(f, {
+			/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Project Details" }) }), /* @__PURE__ */ d(m, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 						className: "text-sm font-medium",
 						children: "Project Name"
-					}), /* @__PURE__ */ c(h, {
-						value: D.name,
-						onChange: (e) => O({
-							...D,
+					}), /* @__PURE__ */ u(_, {
+						value: k.name,
+						onChange: (e) => A({
+							...k,
 							name: e.target.value
 						}),
 						className: "mt-1"
 					})] }),
-					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 						className: "text-sm font-medium",
 						children: "Description"
-					}), /* @__PURE__ */ c("textarea", {
+					}), /* @__PURE__ */ u("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,
+						value: k.description,
+						onChange: (e) => A({
+							...k,
 							description: e.target.value
 						})
 					})] }),
-					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
 						className: "text-sm font-medium",
 						children: "Methodology"
-					}), /* @__PURE__ */ c("select", {
+					}), /* @__PURE__ */ u("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,
+						value: k.methodology,
+						onChange: (e) => A({
+							...k,
 							methodology: e.target.value
 						}),
 						children: [
@@ -153,49 +161,61 @@ function v() {
 							"HYBRID",
 							"AGILE",
 							"CUSTOM"
-						].map((e) => /* @__PURE__ */ c("option", {
+						].map((e) => /* @__PURE__ */ u("option", {
 							value: e,
 							children: e.toLowerCase()
 						}, e))
 					})] }),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ d("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+							htmlFor: "project-start",
 							className: "text-sm font-medium",
 							children: "Start Date"
-						}), /* @__PURE__ */ c(h, {
+						}), /* @__PURE__ */ u(_, {
+							id: "project-start",
 							type: "date",
-							value: D.startDate,
-							onChange: (e) => O({
-								...D,
+							value: k.startDate,
+							max: k.endDate || void 0,
+							onChange: (e) => A({
+								...k,
 								startDate: e.target.value
 							}),
 							className: "mt-1"
-						})] }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+						})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+							htmlFor: "project-end",
 							className: "text-sm font-medium",
 							children: "End Date"
-						}), /* @__PURE__ */ c(h, {
+						}), /* @__PURE__ */ u(_, {
+							id: "project-end",
 							type: "date",
-							value: D.endDate,
-							onChange: (e) => O({
-								...D,
+							value: k.endDate,
+							min: k.startDate || void 0,
+							onChange: (e) => A({
+								...k,
 								endDate: e.target.value
 							}),
+							"aria-invalid": F,
 							className: "mt-1"
 						})] })]
+					}),
+					F && /* @__PURE__ */ u("p", {
+						role: "alert",
+						className: "text-sm text-destructive",
+						children: "The end date is before the start date."
 					})
 				]
 			})] })
 		]
-	}) : /* @__PURE__ */ c("div", {
+	}) : /* @__PURE__ */ u("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Project not found."
-	}) : /* @__PURE__ */ c("div", {
+	}) : /* @__PURE__ */ u("div", {
 		className: "p-6 text-muted-foreground",
 		children: "No project selected. Open one from the list."
 	});
 }
 //#endregion
-export { v as ProjectsEditProjectPagePage };
+export { b as ProjectsEditProjectPagePage };
 
 //# sourceMappingURL=ProjectsEditProjectPagePage.js.map

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

@@ -1 +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 { useEntityId } from '../hooks/useEntityId';\n\nconst GET_PROJECTS = gql`\n  query GetProjectsForEdit($id: ID!) {\n    planmagnetProject(id: $id) {\n      id\n      name\n      key\n      description\n      status\n      methodology\n      ownerId\n      startDate\n      endDate\n      tags\n    }\n  }\n`;\n\nconst UPDATE_PROJECT = gql`\n  mutation UpdateProject($id: ID!, $input: PlanmagnetUpdateProjectInput!) {\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 projectId = useEntityId('projectId');\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: { id: projectId },\n      skip: !projectId,\n    });\n\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n\n  const project = data?.planmagnetProject;\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    updateProject({\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 (!projectId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">No project selected. Open one from the list.</div>\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  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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"}
+{"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 { useEntityId } from '../hooks/useEntityId';\nimport { throwOnError } from '../utils/mutationResult';\nimport { endBeforeStart } from '../utils/formValidation';\n\nconst GET_PROJECTS = gql`\n  query GetProjectsForEdit($id: ID!) {\n    planmagnetProject(id: $id) {\n      id\n      name\n      key\n      description\n      status\n      methodology\n      ownerId\n      startDate\n      endDate\n      tags\n    }\n  }\n`;\n\nconst UPDATE_PROJECT = gql`\n  mutation UpdateProject($id: ID!, $input: PlanmagnetUpdateProjectInput!) {\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 projectId = useEntityId('projectId');\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: { id: projectId },\n      skip: !projectId,\n    });\n\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n\n  const project = data?.planmagnetProject;\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  // Success only after the service accepted the change (errorPolicy 'all' resolves refused mutations).\n  const [updateProject, { loading: saving }] = useMutation(UPDATE_PROJECT, {\n    refetchQueries: ['GetProjects', 'GetActiveProjects', 'GetDashboardData', 'GetProjectsForEdit'],\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const invalidDates = endBeforeStart(form.startDate, form.endDate);\n\n  const methodologies = ['SCRUM', 'KANBAN', 'WATERFALL', 'HYBRID', 'AGILE', 'CUSTOM'] as const;\n\n  const handleSave = async () => {\n    if (!project || invalidDates) return;\n    setSaveError(null);\n    setSuccessMessage(null);\n    // Dates are sent only when they were changed: the service checks the pair the project would end up\n    // with, so re-sending untouched dates of an older project stored with inverted dates would refuse a\n    // plain rename (BOFF-7833).\n    const dateChanges = {\n      ...(form.startDate !== defaultForm.startDate && { startDate: form.startDate || undefined }),\n      ...(form.endDate !== defaultForm.endDate && { endDate: form.endDate || undefined }),\n    };\n    try {\n      await throwOnError(\n        updateProject({\n          variables: {\n            id: project.id,\n            input: {\n              name: form.name || undefined,\n              description: form.description || undefined,\n              methodology: form.methodology || undefined,\n              ...dateChanges,\n            },\n          },\n        })\n      );\n      setSuccessMessage('Project updated successfully.');\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The project could not be saved.');\n    }\n  };\n\n  if (!projectId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">No project selected. Open one from the list.</div>\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  if (error)\n    return <div className=\"p-6 text-destructive\">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 || invalidDates}>\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 bg-muted text-status-success-text rounded-md text-sm\">\n          {successMessage}\n        </div>\n      )}\n      {saveError && (\n        <div role=\"alert\" className=\"p-3 bg-destructive/10 text-destructive rounded-md text-sm\">\n          {saveError}\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 htmlFor=\"project-start\" className=\"text-sm font-medium\">\n                Start Date\n              </label>\n              <Input\n                id=\"project-start\"\n                type=\"date\"\n                value={form.startDate}\n                max={form.endDate || undefined}\n                onChange={(e) => setForm({ ...form, startDate: e.target.value })}\n                className=\"mt-1\"\n              />\n            </div>\n            <div>\n              <label htmlFor=\"project-end\" className=\"text-sm font-medium\">\n                End Date\n              </label>\n              <Input\n                id=\"project-end\"\n                type=\"date\"\n                value={form.endDate}\n                min={form.startDate || undefined}\n                onChange={(e) => setForm({ ...form, endDate: e.target.value })}\n                aria-invalid={invalidDates}\n                className=\"mt-1\"\n              />\n            </div>\n          </div>\n          {invalidDates && (\n            <p role=\"alert\" className=\"text-sm text-destructive\">\n              The end date is before the start date.\n            </p>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsPlanningDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsPlanningDetailPagePage.tsx"],"names":[],"mappings":"AA+DA,wBAAgB,8BAA8B,4CAkQ7C"}
+{"version":3,"file":"ProjectsPlanningDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsPlanningDetailPagePage.tsx"],"names":[],"mappings":"AA8EA,wBAAgB,8BAA8B,4CAmQ7C"}