@burdenoff/microfe-planmagnet 2026.928.2 → 2026.928.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompetitorsEditCompetitorPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/CompetitorsEditCompetitorPagePage.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';\n\nconst GET_COMPETITOR = gql`\n  query GetCompetitorForEdit($id: ID!) {\n    planmagnetCompetitor(id: $id) {\n      id\n      name\n      website\n      description\n      tags\n    }\n  }\n`;\n\nconst UPDATE_COMPETITOR = gql`\n  mutation UpdateCompetitor($id: ID!, $input: PlanmagnetUpdateCompetitorInput!) {\n    planmagnetUpdateCompetitor(id: $id, input: $input) {\n      id\n      name\n      website\n      description\n      tags\n      updatedAt\n    }\n  }\n`;\n\nexport function CompetitorsEditCompetitorPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const params = useParams<{ id: string }>();\n  const competitorId = params.id ?? '';\n\n  const { data, loading, error } = useQuery<{\n    planmagnetCompetitor: {\n      id: string;\n      name: string;\n      website: string | null;\n      description: string | null;\n      tags: string[];\n    } | null;\n  }>(GET_COMPETITOR, { variables: { id: competitorId }, skip: !competitorId });\n\n  const [updateCompetitor, { loading: saving }] = useMutation(UPDATE_COMPETITOR, {\n    refetchQueries: [\n      'ListCompetitors',\n      'GetCompetitorForEdit',\n      'GetCompetitor',\n      'PickerCompetitors',\n    ],\n    awaitRefetchQueries: true,\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [saved, setSaved] = useState(false);\n\n  const competitor = data?.planmagnetCompetitor;\n\n  const defaultForm = useMemo(\n    () => ({\n      name: competitor?.name ?? '',\n      website: competitor?.website ?? '',\n      description: competitor?.description ?? '',\n      tags: competitor?.tags?.join(', ') ?? '',\n    }),\n    [competitor]\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 handleSave = async () => {\n    if (!competitor || !form.name.trim()) return;\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      website: form.website.trim() || null,\n      description: form.description.trim() || null,\n      tags: tagList(form.tags),\n    };\n    const before: Record<string, unknown> = {\n      name: defaultForm.name,\n      website: defaultForm.website.trim() || null,\n      description: defaultForm.description.trim() || null,\n      tags: tagList(defaultForm.tags),\n    };\n    const input = Object.fromEntries(\n      Object.entries(next).filter(([k, v]) => JSON.stringify(v) !== JSON.stringify(before[k]))\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(updateCompetitor({ variables: { id: competitorId, input } }));\n      setSaved(true);\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The competitor 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 competitor: {error.message}</div>;\n  }\n\n  if (!competitor) return <div className=\"p-6 text-muted-foreground\">Competitor 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 competitor\"\n            onClick={() => navigate(detailPath('/products/competitor-detail-page', competitorId))}\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Competitor</h1>\n            <p className=\"text-sm text-muted-foreground\">{competitor.name}</p>\n          </div>\n        </div>\n        <Button size=\"sm\" onClick={handleSave} disabled={saving || !form.name.trim()}>\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>Competitor 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\">Website</label>\n            <Input\n              value={form.website}\n              onChange={(e) => setForm({ ...form, website: e.target.value })}\n              className=\"mt-1\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description / Notes</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\">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/PortfoliosCreatePortfolioPagePage.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortfoliosCreatePortfolioPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/PortfoliosCreatePortfolioPagePage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,iCAAiC,4CAyOhD"}

package/dist/planmagnet/pages/PortfoliosCreatePortfolioPagePage.js

@@ -0,0 +1,242 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { enumLabel as r } from "../controls/WorkItemControls.js";
+import { PORTFOLIO_STATUSES as i, STRATEGIC_ALIGNMENTS as a } from "../controls/PortfolioControls.js";
+import { useState as o } from "react";
+import { Briefcase 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/PortfoliosCreatePortfolioPagePage.tsx
+var x = d`
+  mutation CreatePortfolio($input: PlanmagnetCreatePortfolioInput!) {
+    planmagnetCreatePortfolio(input: $input) {
+      id
+      name
+    }
+  }
+`;
+function S() {
+	let { currentUser: d } = e(), S = t(), [C, w] = o({
+		name: "",
+		description: "",
+		status: "ACTIVE",
+		alignment: "",
+		alignmentLabel: "",
+		budgetTotal: "",
+		currency: "",
+		fiscalPeriod: "",
+		tags: ""
+	}), [T, E] = o(null), [D, { loading: O }] = f(x, { refetchQueries: ["ListPortfolios"] }), k = C.alignment === "CUSTOM" && !C.alignmentLabel.trim(), 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 Portfolio"
+				}), /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Group programs and projects for executive-level oversight and alignment tracking."
+				})] }), /* @__PURE__ */ m("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ m(h, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => S("/products/portfolios-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,
+										ownerId: d?.id ?? "",
+										...C.alignment ? { alignment: C.alignment } : {},
+										...C.alignment === "CUSTOM" ? { alignmentLabel: C.alignmentLabel.trim() } : {},
+										...C.budgetTotal === "" ? {} : { budgetTotal: Number(C.budgetTotal) },
+										currency: C.currency.trim() || void 0,
+										fiscalPeriod: C.fiscalPeriod.trim() || void 0,
+										tags: C.tags.split(",").map((e) => e.trim()).filter(Boolean)
+									} } })), S("/products/portfolios-page");
+								} catch (e) {
+									E(e instanceof Error ? e.message : "The portfolio 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 Portfolio"]
+					})]
+				})]
+			}),
+			T && /* @__PURE__ */ m("div", {
+				role: "alert",
+				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
+				children: ["Failed to create portfolio: ", 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" }), "Portfolio 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. 2026 Platform Investments"
+					})] }),
+					/* @__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 portfolio covers…"
+					})] }),
+					/* @__PURE__ */ m("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							htmlFor: "portfolio-status",
+							className: "text-sm font-medium",
+							children: "Status"
+						}), /* @__PURE__ */ p("select", {
+							id: "portfolio-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: i.map((e) => /* @__PURE__ */ p("option", {
+								value: e,
+								children: r(e)
+							}, e))
+						})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							htmlFor: "portfolio-alignment",
+							className: "text-sm font-medium",
+							children: "Strategic Alignment"
+						}), /* @__PURE__ */ m("select", {
+							id: "portfolio-alignment",
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							value: C.alignment,
+							onChange: (e) => w({
+								...C,
+								alignment: e.target.value
+							}),
+							children: [/* @__PURE__ */ p("option", {
+								value: "",
+								children: "Not set"
+							}), a.map((e) => /* @__PURE__ */ p("option", {
+								value: e,
+								children: e === "CUSTOM" ? "Custom…" : r(e)
+							}, e))]
+						})] })]
+					}),
+					C.alignment === "CUSTOM" && /* @__PURE__ */ m("div", { children: [
+						/* @__PURE__ */ p("label", {
+							className: "text-sm font-medium",
+							children: "Custom Alignment Label"
+						}),
+						/* @__PURE__ */ p(b, {
+							value: C.alignmentLabel,
+							onChange: (e) => w({
+								...C,
+								alignmentLabel: e.target.value
+							}),
+							className: "mt-1",
+							placeholder: "Name this strategic theme",
+							"aria-invalid": k
+						}),
+						k && /* @__PURE__ */ p("p", {
+							role: "alert",
+							className: "text-sm text-destructive mt-1",
+							children: "A custom alignment needs a label."
+						})
+					] }),
+					/* @__PURE__ */ m("div", {
+						className: "grid grid-cols-3 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"
+							})] }),
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "text-sm font-medium",
+								children: "Fiscal Period"
+							}), /* @__PURE__ */ p(b, {
+								value: C.fiscalPeriod,
+								onChange: (e) => w({
+									...C,
+									fiscalPeriod: e.target.value
+								}),
+								className: "mt-1",
+								placeholder: "e.g. FY2026"
+							})] })
+						]
+					}),
+					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, core, growth"
+					})] })
+				]
+			})] })
+		]
+	});
+}
+//#endregion
+export { S as PortfoliosCreatePortfolioPagePage };
+
+//# sourceMappingURL=PortfoliosCreatePortfolioPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PortfoliosCreatePortfolioPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/PortfoliosCreatePortfolioPagePage.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, Briefcase, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { PORTFOLIO_STATUSES, STRATEGIC_ALIGNMENTS } from '../controls/PortfolioControls';\n\nconst CREATE_PORTFOLIO = gql`\n  mutation CreatePortfolio($input: PlanmagnetCreatePortfolioInput!) {\n    planmagnetCreatePortfolio(input: $input) {\n      id\n      name\n    }\n  }\n`;\n\nexport function PortfoliosCreatePortfolioPagePage() {\n  const { currentUser } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const [form, setForm] = useState({\n    name: '',\n    description: '',\n    status: 'ACTIVE' as (typeof PORTFOLIO_STATUSES)[number],\n    alignment: '' as '' | (typeof STRATEGIC_ALIGNMENTS)[number],\n    alignmentLabel: '',\n    budgetTotal: '',\n    currency: '',\n    fiscalPeriod: '',\n    tags: '',\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [createPortfolio, { loading: saving }] = useMutation(CREATE_PORTFOLIO, {\n    refetchQueries: ['ListPortfolios'],\n  });\n\n  // The service refuses CUSTOM without a label (BOFF-7934) — checked here too so the reason shows before a\n  // round trip, not only after one.\n  const needsLabel = form.alignment === 'CUSTOM' && !form.alignmentLabel.trim();\n  const invalidBudget = form.budgetTotal !== '' && Number(form.budgetTotal) < 0;\n\n  const handleCreate = async () => {\n    if (!form.name.trim() || needsLabel || invalidBudget) return;\n    setSaveError(null);\n    try {\n      await throwOnError(\n        createPortfolio({\n          variables: {\n            input: {\n              name: form.name.trim(),\n              description: form.description.trim() || undefined,\n              status: form.status,\n              ownerId: currentUser?.id ?? '',\n              ...(form.alignment ? { alignment: form.alignment } : {}),\n              ...(form.alignment === 'CUSTOM'\n                ? { alignmentLabel: form.alignmentLabel.trim() }\n                : {}),\n              ...(form.budgetTotal !== '' ? { budgetTotal: Number(form.budgetTotal) } : {}),\n              currency: form.currency.trim() || undefined,\n              fiscalPeriod: form.fiscalPeriod.trim() || undefined,\n              tags: form.tags\n                .split(',')\n                .map((t) => t.trim())\n                .filter(Boolean),\n            },\n          },\n        })\n      );\n      navigate('/products/portfolios-page');\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The portfolio 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 Portfolio</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Group programs and projects for executive-level oversight and alignment tracking.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/products/portfolios-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() || needsLabel || 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 Portfolio\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 portfolio: {saveError}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Briefcase className=\"h-4 w-4\" />\n            Portfolio 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. 2026 Platform Investments\"\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 portfolio covers…\"\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label htmlFor=\"portfolio-status\" className=\"text-sm font-medium\">\n                Status\n              </label>\n              <select\n                id=\"portfolio-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({\n                    ...form,\n                    status: e.target.value as (typeof PORTFOLIO_STATUSES)[number],\n                  })\n                }\n              >\n                {PORTFOLIO_STATUSES.map((s) => (\n                  <option key={s} value={s}>\n                    {enumLabel(s)}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label htmlFor=\"portfolio-alignment\" className=\"text-sm font-medium\">\n                Strategic Alignment\n              </label>\n              <select\n                id=\"portfolio-alignment\"\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                value={form.alignment}\n                onChange={(e) =>\n                  setForm({\n                    ...form,\n                    alignment: e.target.value as typeof form.alignment,\n                  })\n                }\n              >\n                <option value=\"\">Not set</option>\n                {STRATEGIC_ALIGNMENTS.map((a) => (\n                  <option key={a} value={a}>\n                    {a === 'CUSTOM' ? 'Custom…' : enumLabel(a)}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n          {form.alignment === 'CUSTOM' && (\n            <div>\n              <label className=\"text-sm font-medium\">Custom Alignment Label</label>\n              <Input\n                value={form.alignmentLabel}\n                onChange={(e) => setForm({ ...form, alignmentLabel: e.target.value })}\n                className=\"mt-1\"\n                placeholder=\"Name this strategic theme\"\n                aria-invalid={needsLabel}\n              />\n              {needsLabel && (\n                <p role=\"alert\" className=\"text-sm text-destructive mt-1\">\n                  A custom alignment needs a label.\n                </p>\n              )}\n            </div>\n          )}\n          <div className=\"grid grid-cols-3 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              <label className=\"text-sm font-medium\">Fiscal Period</label>\n              <Input\n                value={form.fiscalPeriod}\n                onChange={(e) => setForm({ ...form, fiscalPeriod: e.target.value })}\n                className=\"mt-1\"\n                placeholder=\"e.g. FY2026\"\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, core, growth\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/planmagnet/pages/PortfoliosEditPortfolioPagePage.js

@@ -0,0 +1,302 @@
+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 { enumLabel as r } from "../controls/WorkItemControls.js";
+import { PORTFOLIO_STATUSES as i, STRATEGIC_ALIGNMENTS as a } from "../controls/PortfolioControls.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/PortfoliosEditPortfolioPagePage.tsx
+var C = f`
+  query GetPortfolioForEdit($id: ID!) {
+    planmagnetPortfolio(id: $id) {
+      id
+      name
+      description
+      status
+      alignment
+      alignmentLabel
+      budgetTotal
+      currency
+      fiscalPeriod
+      tags
+    }
+  }
+`, w = f`
+  mutation UpdatePortfolio($id: ID!, $input: PlanmagnetUpdatePortfolioInput!) {
+    planmagnetUpdatePortfolio(id: $id, input: $input) {
+      id
+      name
+      description
+      status
+      alignment
+      alignmentLabel
+      budgetTotal
+      currency
+      fiscalPeriod
+      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: [
+			"ListPortfolios",
+			"GetPortfolioForEdit",
+			"GetPortfolio",
+			"GetPortfolioOverview"
+		],
+		awaitRefetchQueries: !0
+	}), [j, M] = s(null), [N, P] = s(!1), F = E?.planmagnetPortfolio, I = o(() => ({
+		name: F?.name ?? "",
+		description: F?.description ?? "",
+		status: F?.status ?? "ACTIVE",
+		alignment: F?.alignment ?? "",
+		alignmentLabel: F?.alignmentLabel ?? "",
+		budgetTotal: F?.budgetTotal == null ? "" : String(F.budgetTotal),
+		currency: F?.currency ?? "",
+		fiscalPeriod: F?.fiscalPeriod ?? "",
+		tags: F?.tags?.join(", ") ?? ""
+	}), [F]), [L, R] = s({}), z = {
+		...I,
+		...L
+	}, B = (e) => R(e), V = i.includes(z.status) ? i : [z.status, ...i], H = z.alignment === "CUSTOM" && !z.alignmentLabel.trim(), 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 portfolio: ", 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 portfolio",
+						onClick: () => f(n("/products/portfolio-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 Portfolio"
+					}), /* @__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 = (e) => e.split(",").map((e) => e.trim()).filter(Boolean), n = {
+							name: z.name.trim(),
+							description: z.description.trim() || null,
+							status: z.status,
+							alignment: z.alignment || null,
+							alignmentLabel: z.alignment === "CUSTOM" ? z.alignmentLabel.trim() : null,
+							budgetTotal: z.budgetTotal === "" ? null : Number(z.budgetTotal),
+							currency: z.currency.trim() || null,
+							fiscalPeriod: z.fiscalPeriod.trim() || null,
+							tags: e(z.tags)
+						}, r = {
+							name: I.name,
+							description: I.description.trim() || null,
+							status: I.status,
+							alignment: I.alignment || null,
+							alignmentLabel: I.alignment === "CUSTOM" ? I.alignmentLabel.trim() : null,
+							budgetTotal: I.budgetTotal === "" ? null : Number(I.budgetTotal),
+							currency: I.currency.trim() || null,
+							fiscalPeriod: I.fiscalPeriod.trim() || null,
+							tags: e(I.tags)
+						}, i = Object.fromEntries(Object.entries(n).filter(([e, t]) => JSON.stringify(t) !== JSON.stringify(r[e])));
+						if (M(null), P(!1), Object.keys(i).length === 0) {
+							P(!0);
+							return;
+						}
+						try {
+							await t(k({ variables: {
+								id: T,
+								input: i
+							} })), P(!0);
+						} catch (e) {
+							M(e instanceof Error ? e.message : "The portfolio 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: "Portfolio 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", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							htmlFor: "portfolio-edit-status",
+							className: "text-sm font-medium",
+							children: "Status"
+						}), /* @__PURE__ */ h("select", {
+							id: "portfolio-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: r(e)
+							}, e))
+						})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							htmlFor: "portfolio-edit-alignment",
+							className: "text-sm font-medium",
+							children: "Strategic Alignment"
+						}), /* @__PURE__ */ g("select", {
+							id: "portfolio-edit-alignment",
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							value: z.alignment,
+							onChange: (e) => B({
+								...z,
+								alignment: e.target.value
+							}),
+							children: [/* @__PURE__ */ h("option", {
+								value: "",
+								children: "Not set"
+							}), a.map((e) => /* @__PURE__ */ h("option", {
+								value: e,
+								children: e === "CUSTOM" ? "Custom…" : r(e)
+							}, e))]
+						})] })]
+					}),
+					z.alignment === "CUSTOM" && /* @__PURE__ */ g("div", { children: [
+						/* @__PURE__ */ h("label", {
+							className: "text-sm font-medium",
+							children: "Custom Alignment Label"
+						}),
+						/* @__PURE__ */ h(S, {
+							value: z.alignmentLabel,
+							onChange: (e) => B({
+								...z,
+								alignmentLabel: e.target.value
+							}),
+							className: "mt-1",
+							"aria-invalid": H
+						}),
+						H && /* @__PURE__ */ h("p", {
+							role: "alert",
+							className: "text-sm text-destructive mt-1",
+							children: "A custom alignment needs a label."
+						})
+					] }),
+					/* @__PURE__ */ g("div", {
+						className: "grid grid-cols-3 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"
+							})] }),
+							/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+								className: "text-sm font-medium",
+								children: "Fiscal Period"
+							}), /* @__PURE__ */ h(S, {
+								value: z.fiscalPeriod,
+								onChange: (e) => B({
+									...z,
+									fiscalPeriod: 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: "Portfolio not found."
+	});
+}
+//#endregion
+export { T as PortfoliosEditPortfolioPagePage };
+
+//# sourceMappingURL=PortfoliosEditPortfolioPagePage.js.map