@burdenoff/microfe-planmagnet 2026.928.2 → 2026.928.4

package/dist/planmagnet/pages/ProgramsCreateProgramPagePage.js

@@ -0,0 +1,221 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { endBeforeStart as r } from "../utils/formValidation.js";
+import { enumLabel as i } from "../controls/WorkItemControls.js";
+import { PROGRAM_STATUSES as a } from "../controls/ProgramControls.js";
+import { useState as o } from "react";
+import { FolderKanban as s, Loader2 as c, Save as l, X as u } from "lucide-react";
+import { gql as d } from "@apollo/client";
+import { useMutation as f } from "@apollo/client/react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y, Input as b } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProgramsCreateProgramPagePage.tsx
+var x = d`
+  mutation CreateProgram($input: PlanmagnetCreateProgramInput!) {
+    planmagnetCreateProgram(input: $input) {
+      id
+      name
+    }
+  }
+`;
+function S() {
+	let { currentUser: d } = e(), S = t(), [C, w] = o({
+		name: "",
+		description: "",
+		status: "PLANNING",
+		startDate: "",
+		endDate: "",
+		budgetTotal: "",
+		currency: "",
+		tags: ""
+	}), [T, E] = o(null), [D, { loading: O }] = f(x, { refetchQueries: ["ListPrograms"] }), k = r(C.startDate, C.endDate), A = C.budgetTotal !== "" && Number(C.budgetTotal) < 0;
+	return /* @__PURE__ */ m("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
+					className: "text-2xl font-semibold",
+					children: "Create Program"
+				}), /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Group related projects together for portfolio-level visibility and budget tracking."
+				})] }), /* @__PURE__ */ m("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ m(h, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => S("/products/programs-page"),
+						children: [/* @__PURE__ */ p(u, { className: "mr-1 h-4 w-4" }), "Cancel"]
+					}), /* @__PURE__ */ m(h, {
+						size: "sm",
+						onClick: async () => {
+							if (!(!C.name.trim() || k || A)) {
+								E(null);
+								try {
+									await n(D({ variables: { input: {
+										name: C.name.trim(),
+										description: C.description.trim() || void 0,
+										status: C.status,
+										startDate: C.startDate || void 0,
+										endDate: C.endDate || void 0,
+										ownerId: d?.id ?? "",
+										...C.budgetTotal === "" ? {} : { budgetTotal: Number(C.budgetTotal) },
+										currency: C.currency.trim() || void 0,
+										tags: C.tags.split(",").map((e) => e.trim()).filter(Boolean)
+									} } })), S("/products/programs-page");
+								} catch (e) {
+									E(e instanceof Error ? e.message : "The program could not be created.");
+								}
+							}
+						},
+						disabled: O || !C.name.trim() || k || A,
+						children: [O ? /* @__PURE__ */ p(c, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ p(l, { className: "mr-1 h-4 w-4" }), "Create Program"]
+					})]
+				})]
+			}),
+			T && /* @__PURE__ */ m("div", {
+				role: "alert",
+				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
+				children: ["Failed to create program: ", T]
+			}),
+			/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ m(y, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ p(s, { className: "h-4 w-4" }), "Program Details"]
+			}) }), /* @__PURE__ */ m(_, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+						className: "text-sm font-medium",
+						children: "Name"
+					}), /* @__PURE__ */ p(b, {
+						value: C.name,
+						onChange: (e) => w({
+							...C,
+							name: e.target.value
+						}),
+						className: "mt-1",
+						placeholder: "e.g. Platform Modernization"
+					})] }),
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+						className: "text-sm font-medium",
+						children: "Description"
+					}), /* @__PURE__ */ p("textarea", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
+						value: C.description,
+						onChange: (e) => w({
+							...C,
+							description: e.target.value
+						}),
+						placeholder: "Describe what this program covers…"
+					})] }),
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+						htmlFor: "program-status",
+						className: "text-sm font-medium",
+						children: "Status"
+					}), /* @__PURE__ */ p("select", {
+						id: "program-status",
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+						value: C.status,
+						onChange: (e) => w({
+							...C,
+							status: e.target.value
+						}),
+						children: a.map((e) => /* @__PURE__ */ p("option", {
+							value: e,
+							children: i(e)
+						}, e))
+					})] }),
+					/* @__PURE__ */ m("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							htmlFor: "program-start",
+							className: "text-sm font-medium",
+							children: "Start Date"
+						}), /* @__PURE__ */ p(b, {
+							id: "program-start",
+							type: "date",
+							value: C.startDate,
+							max: C.endDate || void 0,
+							onChange: (e) => w({
+								...C,
+								startDate: e.target.value
+							}),
+							className: "mt-1"
+						})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							htmlFor: "program-end",
+							className: "text-sm font-medium",
+							children: "End Date"
+						}), /* @__PURE__ */ p(b, {
+							id: "program-end",
+							type: "date",
+							value: C.endDate,
+							min: C.startDate || void 0,
+							onChange: (e) => w({
+								...C,
+								endDate: e.target.value
+							}),
+							"aria-invalid": k,
+							className: "mt-1"
+						})] })]
+					}),
+					k && /* @__PURE__ */ p("p", {
+						role: "alert",
+						className: "text-sm text-destructive",
+						children: "The end date is before the start date."
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							className: "text-sm font-medium",
+							children: "Total Budget"
+						}), /* @__PURE__ */ p(b, {
+							type: "number",
+							min: "0",
+							value: C.budgetTotal,
+							onChange: (e) => w({
+								...C,
+								budgetTotal: e.target.value
+							}),
+							className: "mt-1",
+							"aria-invalid": A,
+							placeholder: "0"
+						})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							className: "text-sm font-medium",
+							children: "Currency"
+						}), /* @__PURE__ */ p(b, {
+							value: C.currency,
+							onChange: (e) => w({
+								...C,
+								currency: e.target.value
+							}),
+							className: "mt-1",
+							placeholder: "USD"
+						})] })]
+					}),
+					A && /* @__PURE__ */ p("p", {
+						role: "alert",
+						className: "text-sm text-destructive",
+						children: "The budget cannot be negative."
+					}),
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+						className: "text-sm font-medium",
+						children: "Tags (comma-separated)"
+					}), /* @__PURE__ */ p(b, {
+						value: C.tags,
+						onChange: (e) => w({
+							...C,
+							tags: e.target.value
+						}),
+						className: "mt-1",
+						placeholder: "e.g. strategic, infra"
+					})] })
+				]
+			})] })
+		]
+	});
+}
+//#endregion
+export { S as ProgramsCreateProgramPagePage };
+
+//# sourceMappingURL=ProgramsCreateProgramPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramsCreateProgramPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProgramsCreateProgramPagePage.tsx"],"sourcesContent":["import { 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, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport { endBeforeStart } from '../utils/formValidation';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { PROGRAM_STATUSES } from '../controls/ProgramControls';\n\nconst CREATE_PROGRAM = gql`\n  mutation CreateProgram($input: PlanmagnetCreateProgramInput!) {\n    planmagnetCreateProgram(input: $input) {\n      id\n      name\n    }\n  }\n`;\n\nexport function ProgramsCreateProgramPagePage() {\n  const { currentUser } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const [form, setForm] = useState({\n    name: '',\n    description: '',\n    status: 'PLANNING' as (typeof PROGRAM_STATUSES)[number],\n    startDate: '',\n    endDate: '',\n    budgetTotal: '',\n    currency: '',\n    tags: '',\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [createProgram, { loading: saving }] = useMutation(CREATE_PROGRAM, {\n    refetchQueries: ['ListPrograms'],\n  });\n\n  const invalidDates = endBeforeStart(form.startDate, form.endDate);\n  const invalidBudget = form.budgetTotal !== '' && Number(form.budgetTotal) < 0;\n\n  const handleCreate = async () => {\n    if (!form.name.trim() || invalidDates || invalidBudget) return;\n    setSaveError(null);\n    try {\n      await throwOnError(\n        createProgram({\n          variables: {\n            input: {\n              name: form.name.trim(),\n              description: form.description.trim() || undefined,\n              status: form.status,\n              startDate: form.startDate || undefined,\n              endDate: form.endDate || undefined,\n              ownerId: currentUser?.id ?? '',\n              ...(form.budgetTotal !== '' ? { budgetTotal: Number(form.budgetTotal) } : {}),\n              currency: form.currency.trim() || undefined,\n              tags: form.tags\n                .split(',')\n                .map((t) => t.trim())\n                .filter(Boolean),\n            },\n          },\n        })\n      );\n      navigate('/products/programs-page');\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The program could not be created.');\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 Program</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Group related projects together for portfolio-level visibility and budget tracking.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/products/programs-page')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button\n            size=\"sm\"\n            onClick={handleCreate}\n            disabled={saving || !form.name.trim() || invalidDates || invalidBudget}\n          >\n            {saving ? (\n              <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n            ) : (\n              <Save className=\"mr-1 h-4 w-4\" />\n            )}\n            Create Program\n          </Button>\n        </div>\n      </div>\n\n      {saveError && (\n        <div role=\"alert\" className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          Failed to create program: {saveError}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <FolderKanban className=\"h-4 w-4\" />\n            Program Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">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 Modernization\"\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 what this program covers…\"\n            />\n          </div>\n          <div>\n            <label htmlFor=\"program-status\" className=\"text-sm font-medium\">\n              Status\n            </label>\n            <select\n              id=\"program-status\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n              value={form.status}\n              onChange={(e) =>\n                setForm({ ...form, status: e.target.value as (typeof PROGRAM_STATUSES)[number] })\n              }\n            >\n              {PROGRAM_STATUSES.map((s) => (\n                <option key={s} value={s}>\n                  {enumLabel(s)}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label htmlFor=\"program-start\" className=\"text-sm font-medium\">\n                Start Date\n              </label>\n              <Input\n                id=\"program-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=\"program-end\" className=\"text-sm font-medium\">\n                End Date\n              </label>\n              <Input\n                id=\"program-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          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Total Budget</label>\n              <Input\n                type=\"number\"\n                min=\"0\"\n                value={form.budgetTotal}\n                onChange={(e) => setForm({ ...form, budgetTotal: e.target.value })}\n                className=\"mt-1\"\n                aria-invalid={invalidBudget}\n                placeholder=\"0\"\n              />\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Currency</label>\n              <Input\n                value={form.currency}\n                onChange={(e) => setForm({ ...form, currency: e.target.value })}\n                className=\"mt-1\"\n                placeholder=\"USD\"\n              />\n            </div>\n          </div>\n          {invalidBudget && (\n            <p role=\"alert\" className=\"text-sm text-destructive\">\n              The budget cannot be negative.\n            </p>\n          )}\n          <div>\n            <label className=\"text-sm font-medium\">Tags (comma-separated)</label>\n            <Input\n              value={form.tags}\n              onChange={(e) => setForm({ ...form, tags: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"e.g. strategic, infra\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/planmagnet/pages/ProgramsEditProgramPagePage.js

@@ -0,0 +1,279 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as t } from "../utils/mutationResult.js";
+import { detailPath as n } from "../utils/rowNavigation.js";
+import { endBeforeStart as r } from "../utils/formValidation.js";
+import { enumLabel as i } from "../controls/WorkItemControls.js";
+import { PROGRAM_STATUSES as a } from "../controls/ProgramControls.js";
+import { useMemo as o, useState as s } from "react";
+import { ArrowLeft as c, Loader2 as l, Save as u } from "lucide-react";
+import { useParams as d } from "react-router";
+import { gql as f } from "@apollo/client";
+import { useMutation as p, useQuery as m } from "@apollo/client/react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Input as S } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProgramsEditProgramPagePage.tsx
+var C = f`
+  query GetProgramForEdit($id: ID!) {
+    planmagnetProgram(id: $id) {
+      id
+      name
+      description
+      status
+      startDate
+      endDate
+      budgetTotal
+      currency
+      tags
+    }
+  }
+`, w = f`
+  mutation UpdateProgram($id: ID!, $input: PlanmagnetUpdateProgramInput!) {
+    planmagnetUpdateProgram(id: $id, input: $input) {
+      id
+      name
+      description
+      status
+      startDate
+      endDate
+      budgetTotal
+      currency
+      tags
+      updatedAt
+    }
+  }
+`;
+function T() {
+	let f = e(), T = d().id ?? "", { data: E, loading: D, error: O } = m(C, {
+		variables: { id: T },
+		skip: !T
+	}), [k, { loading: A }] = p(w, {
+		refetchQueries: [
+			"ListPrograms",
+			"GetProgramForEdit",
+			"GetProgram"
+		],
+		awaitRefetchQueries: !0
+	}), [j, M] = s(null), [N, P] = s(!1), F = E?.planmagnetProgram, I = o(() => ({
+		name: F?.name ?? "",
+		description: F?.description ?? "",
+		status: F?.status ?? "PLANNING",
+		startDate: F?.startDate ? F.startDate.split("T")[0] : "",
+		endDate: F?.endDate ? F.endDate.split("T")[0] : "",
+		budgetTotal: F?.budgetTotal == null ? "" : String(F.budgetTotal),
+		currency: F?.currency ?? "",
+		tags: F?.tags?.join(", ") ?? ""
+	}), [F]), [L, R] = s({}), z = {
+		...I,
+		...L
+	}, B = (e) => R(e), V = a.includes(z.status) ? a : [z.status, ...a], H = r(z.startDate, z.endDate), U = z.budgetTotal !== "" && Number(z.budgetTotal) < 0;
+	return D && !E ? /* @__PURE__ */ h("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ h(l, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	}) : O ? /* @__PURE__ */ g("div", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load program: ", O.message]
+	}) : F ? /* @__PURE__ */ g("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ h(_, {
+						variant: "ghost",
+						size: "sm",
+						"aria-label": "Back to the program",
+						onClick: () => f(n("/products/program-detail-page", T)),
+						children: /* @__PURE__ */ h(c, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
+						className: "text-2xl font-semibold",
+						children: "Edit Program"
+					}), /* @__PURE__ */ h("p", {
+						className: "text-sm text-muted-foreground",
+						children: F.name
+					})] })]
+				}), /* @__PURE__ */ g(_, {
+					size: "sm",
+					onClick: async () => {
+						if (!F || !z.name.trim() || H || U) return;
+						let e = {
+							...z.startDate !== I.startDate && { startDate: z.startDate || null },
+							...z.endDate !== I.endDate && { endDate: z.endDate || null }
+						}, n = (e) => e.split(",").map((e) => e.trim()).filter(Boolean), r = {
+							name: z.name.trim(),
+							description: z.description.trim() || null,
+							status: z.status,
+							...e,
+							budgetTotal: z.budgetTotal === "" ? null : Number(z.budgetTotal),
+							currency: z.currency.trim() || null,
+							tags: n(z.tags)
+						}, i = {
+							name: I.name,
+							description: I.description.trim() || null,
+							status: I.status,
+							budgetTotal: I.budgetTotal === "" ? null : Number(I.budgetTotal),
+							currency: I.currency.trim() || null,
+							tags: n(I.tags)
+						}, a = Object.fromEntries(Object.entries(r).filter(([t, n]) => t in e || JSON.stringify(n) !== JSON.stringify(i[t])));
+						if (M(null), P(!1), Object.keys(a).length === 0) {
+							P(!0);
+							return;
+						}
+						try {
+							await t(k({ variables: {
+								id: T,
+								input: a
+							} })), P(!0);
+						} catch (e) {
+							M(e instanceof Error ? e.message : "The program could not be saved.");
+						}
+					},
+					disabled: A || H || U,
+					children: [A ? /* @__PURE__ */ h(l, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ h(u, { className: "mr-1 h-4 w-4" }), "Save Changes"]
+				})]
+			}),
+			N && /* @__PURE__ */ h("div", {
+				role: "status",
+				className: "p-3 bg-muted text-status-success-text rounded-md text-sm",
+				children: "Changes saved."
+			}),
+			j && /* @__PURE__ */ h("div", {
+				role: "alert",
+				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
+				children: j
+			}),
+			/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ h(x, { children: "Program Details" }) }), /* @__PURE__ */ g(y, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+						className: "text-sm font-medium",
+						children: "Name"
+					}), /* @__PURE__ */ h(S, {
+						value: z.name,
+						onChange: (e) => B({
+							...z,
+							name: e.target.value
+						}),
+						className: "mt-1"
+					})] }),
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+						className: "text-sm font-medium",
+						children: "Description"
+					}), /* @__PURE__ */ h("textarea", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
+						value: z.description,
+						onChange: (e) => B({
+							...z,
+							description: e.target.value
+						})
+					})] }),
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+						htmlFor: "program-edit-status",
+						className: "text-sm font-medium",
+						children: "Status"
+					}), /* @__PURE__ */ h("select", {
+						id: "program-edit-status",
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+						value: z.status,
+						onChange: (e) => B({
+							...z,
+							status: e.target.value
+						}),
+						children: V.map((e) => /* @__PURE__ */ h("option", {
+							value: e,
+							children: i(e)
+						}, e))
+					})] }),
+					/* @__PURE__ */ g("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							htmlFor: "program-edit-start",
+							className: "text-sm font-medium",
+							children: "Start Date"
+						}), /* @__PURE__ */ h(S, {
+							id: "program-edit-start",
+							type: "date",
+							value: z.startDate,
+							max: z.endDate || void 0,
+							onChange: (e) => B({
+								...z,
+								startDate: e.target.value
+							}),
+							className: "mt-1"
+						})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							htmlFor: "program-edit-end",
+							className: "text-sm font-medium",
+							children: "End Date"
+						}), /* @__PURE__ */ h(S, {
+							id: "program-edit-end",
+							type: "date",
+							value: z.endDate,
+							min: z.startDate || void 0,
+							onChange: (e) => B({
+								...z,
+								endDate: e.target.value
+							}),
+							"aria-invalid": H,
+							className: "mt-1"
+						})] })]
+					}),
+					H && /* @__PURE__ */ h("p", {
+						role: "alert",
+						className: "text-sm text-destructive",
+						children: "The end date is before the start date."
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							className: "text-sm font-medium",
+							children: "Total Budget"
+						}), /* @__PURE__ */ h(S, {
+							type: "number",
+							min: "0",
+							value: z.budgetTotal,
+							onChange: (e) => B({
+								...z,
+								budgetTotal: e.target.value
+							}),
+							className: "mt-1",
+							"aria-invalid": U
+						})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							className: "text-sm font-medium",
+							children: "Currency"
+						}), /* @__PURE__ */ h(S, {
+							value: z.currency,
+							onChange: (e) => B({
+								...z,
+								currency: e.target.value
+							}),
+							className: "mt-1"
+						})] })]
+					}),
+					U && /* @__PURE__ */ h("p", {
+						role: "alert",
+						className: "text-sm text-destructive",
+						children: "The budget cannot be negative."
+					}),
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+						className: "text-sm font-medium",
+						children: "Tags (comma-separated)"
+					}), /* @__PURE__ */ h(S, {
+						value: z.tags,
+						onChange: (e) => B({
+							...z,
+							tags: e.target.value
+						}),
+						className: "mt-1"
+					})] })
+				]
+			})] })
+		]
+	}) : /* @__PURE__ */ h("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Program not found."
+	});
+}
+//#endregion
+export { T as ProgramsEditProgramPagePage };
+
+//# sourceMappingURL=ProgramsEditProgramPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramsEditProgramPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProgramsEditProgramPagePage.tsx"],"sourcesContent":["import { 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, Loader2 } from 'lucide-react';\nimport { useParams } from 'react-router';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError } from '../utils/mutationResult';\nimport { endBeforeStart } from '../utils/formValidation';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { PROGRAM_STATUSES } from '../controls/ProgramControls';\n\nconst GET_PROGRAM = gql`\n  query GetProgramForEdit($id: ID!) {\n    planmagnetProgram(id: $id) {\n      id\n      name\n      description\n      status\n      startDate\n      endDate\n      budgetTotal\n      currency\n      tags\n    }\n  }\n`;\n\nconst UPDATE_PROGRAM = gql`\n  mutation UpdateProgram($id: ID!, $input: PlanmagnetUpdateProgramInput!) {\n    planmagnetUpdateProgram(id: $id, input: $input) {\n      id\n      name\n      description\n      status\n      startDate\n      endDate\n      budgetTotal\n      currency\n      tags\n      updatedAt\n    }\n  }\n`;\n\nexport function ProgramsEditProgramPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const params = useParams<{ id: string }>();\n  const programId = params.id ?? '';\n\n  const { data, loading, error } = useQuery<{\n    planmagnetProgram: {\n      id: string;\n      name: string;\n      description: string | null;\n      status: string;\n      startDate: string | null;\n      endDate: string | null;\n      budgetTotal: number | null;\n      currency: string | null;\n      tags: string[];\n    } | null;\n  }>(GET_PROGRAM, { variables: { id: programId }, skip: !programId });\n\n  const [updateProgram, { loading: saving }] = useMutation(UPDATE_PROGRAM, {\n    refetchQueries: ['ListPrograms', 'GetProgramForEdit', 'GetProgram'],\n    awaitRefetchQueries: true,\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [saved, setSaved] = useState(false);\n\n  const program = data?.planmagnetProgram;\n\n  const defaultForm = useMemo(\n    () => ({\n      name: program?.name ?? '',\n      description: program?.description ?? '',\n      status: program?.status ?? 'PLANNING',\n      startDate: program?.startDate ? program.startDate.split('T')[0] : '',\n      endDate: program?.endDate ? program.endDate.split('T')[0] : '',\n      budgetTotal: program?.budgetTotal != null ? String(program.budgetTotal) : '',\n      currency: program?.currency ?? '',\n      tags: program?.tags?.join(', ') ?? '',\n    }),\n    [program]\n  );\n\n  const [formOverrides, setFormOverrides] = useState<Record<string, string>>({});\n  const form = { ...defaultForm, ...formOverrides };\n  const setForm = (val: Record<string, string>) => setFormOverrides(val);\n\n  const statuses = (PROGRAM_STATUSES as readonly string[]).includes(form.status)\n    ? PROGRAM_STATUSES\n    : [form.status, ...PROGRAM_STATUSES];\n  const invalidDates = endBeforeStart(form.startDate, form.endDate);\n  const invalidBudget = form.budgetTotal !== '' && Number(form.budgetTotal) < 0;\n\n  // Dates are sent only when changed (BOFF-7833 pattern): re-sending an untouched pair could refuse a plain\n  // rename against a record stored with an older, looser rule.\n  const handleSave = async () => {\n    if (!program || !form.name.trim() || invalidDates || invalidBudget) return;\n    const dateChanges = {\n      ...(form.startDate !== defaultForm.startDate && { startDate: form.startDate || null }),\n      ...(form.endDate !== defaultForm.endDate && { endDate: form.endDate || null }),\n    };\n    const tagList = (v: string) =>\n      v\n        .split(',')\n        .map((t) => t.trim())\n        .filter(Boolean);\n    const next: Record<string, unknown> = {\n      name: form.name.trim(),\n      description: form.description.trim() || null,\n      status: form.status,\n      ...dateChanges,\n      budgetTotal: form.budgetTotal !== '' ? Number(form.budgetTotal) : null,\n      currency: form.currency.trim() || null,\n      tags: tagList(form.tags),\n    };\n    const before: Record<string, unknown> = {\n      name: defaultForm.name,\n      description: defaultForm.description.trim() || null,\n      status: defaultForm.status,\n      budgetTotal: defaultForm.budgetTotal !== '' ? Number(defaultForm.budgetTotal) : null,\n      currency: defaultForm.currency.trim() || null,\n      tags: tagList(defaultForm.tags),\n    };\n    const input = Object.fromEntries(\n      Object.entries(next).filter(\n        ([k, v]) => k in dateChanges || JSON.stringify(v) !== JSON.stringify(before[k])\n      )\n    );\n    setSaveError(null);\n    setSaved(false);\n    if (Object.keys(input).length === 0) {\n      setSaved(true);\n      return;\n    }\n    try {\n      await throwOnError(updateProgram({ variables: { id: programId, input } }));\n      setSaved(true);\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The program could not be saved.');\n    }\n  };\n\n  // Only before the first load: a refetch must not blank the page (it unmounts every component on it and\n  // loses their state).\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load program: {error.message}</div>;\n  }\n\n  if (!program) return <div className=\"p-6 text-muted-foreground\">Program 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\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label=\"Back to the program\"\n            onClick={() => navigate(detailPath('/products/program-detail-page', programId))}\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Program</h1>\n            <p className=\"text-sm text-muted-foreground\">{program.name}</p>\n          </div>\n        </div>\n        <Button size=\"sm\" onClick={handleSave} disabled={saving || invalidDates || invalidBudget}>\n          {saving ? (\n            <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n          ) : (\n            <Save className=\"mr-1 h-4 w-4\" />\n          )}\n          Save Changes\n        </Button>\n      </div>\n\n      {saved && (\n        <div role=\"status\" className=\"p-3 bg-muted text-status-success-text rounded-md text-sm\">\n          Changes saved.\n        </div>\n      )}\n      {saveError && (\n        <div role=\"alert\" className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          {saveError}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Program Details</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">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 htmlFor=\"program-edit-status\" className=\"text-sm font-medium\">\n              Status\n            </label>\n            <select\n              id=\"program-edit-status\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n              value={form.status}\n              onChange={(e) => setForm({ ...form, status: e.target.value })}\n            >\n              {statuses.map((s) => (\n                <option key={s} value={s}>\n                  {enumLabel(s)}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label htmlFor=\"program-edit-start\" className=\"text-sm font-medium\">\n                Start Date\n              </label>\n              <Input\n                id=\"program-edit-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=\"program-edit-end\" className=\"text-sm font-medium\">\n                End Date\n              </label>\n              <Input\n                id=\"program-edit-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          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Total Budget</label>\n              <Input\n                type=\"number\"\n                min=\"0\"\n                value={form.budgetTotal}\n                onChange={(e) => setForm({ ...form, budgetTotal: e.target.value })}\n                className=\"mt-1\"\n                aria-invalid={invalidBudget}\n              />\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Currency</label>\n              <Input\n                value={form.currency}\n                onChange={(e) => setForm({ ...form, currency: e.target.value })}\n                className=\"mt-1\"\n              />\n            </div>\n          </div>\n          {invalidBudget && (\n            <p role=\"alert\" className=\"text-sm text-destructive\">\n              The budget cannot be negative.\n            </p>\n          )}\n          <div>\n            <label className=\"text-sm font-medium\">Tags (comma-separated)</label>\n            <Input\n              value={form.tags}\n              onChange={(e) => setForm({ ...form, tags: e.target.value })}\n              className=\"mt-1\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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