@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.6

package/dist/planmagnet/budgets/BudgetControls.js

@@ -0,0 +1,470 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { LEAVES_PAGE_CONTEXT as t, throwOnError as n } from "../utils/mutationResult.js";
+import { ConfirmButton as r, ErrorLine as i } from "../controls/ConfirmButton.js";
+import { ProjectSelect as a } from "../controls/Pickers.js";
+import { enumLabel as o } from "../controls/WorkItemControls.js";
+import { toDateInputValue as s } from "../time/timeShared.js";
+import { useState as c } from "react";
+import { CheckCircle2 as l, Pencil as u, Plus as d, Trash2 as f } from "lucide-react";
+import { gql as p } from "@apollo/client";
+import { useMutation as m } from "@apollo/client/react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, Input as v, ResponsiveDialog as y, ResponsiveDialogContent as b, ResponsiveDialogDescription as x, ResponsiveDialogFooter as S, ResponsiveDialogHeader as C, ResponsiveDialogTitle as w, ResponsiveDialogTrigger as T } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/budgets/BudgetControls.tsx
+var E = [
+	"DRAFT",
+	"ACTIVE",
+	"APPROVED",
+	"EXCEEDED",
+	"CLOSED"
+], D = E.filter((e) => e !== "APPROVED"), O = [
+	"BudgetsList",
+	"GetBudget",
+	"GetBudgetPerformance",
+	"ProjectBudgetsSummary"
+], k = p`
+  mutation BudgetControlsCreate($input: PlanmagnetCreateBudgetInput!) {
+    planmagnetCreateBudget(input: $input) {
+      id
+      name
+      status
+      plannedAmount
+      currency
+      createdAt
+    }
+  }
+`, A = p`
+  mutation BudgetControlsUpdate($id: ID!, $input: PlanmagnetUpdateBudgetInput!) {
+    planmagnetUpdateBudget(id: $id, input: $input) {
+      id
+      name
+      description
+      status
+      plannedAmount
+      currency
+      periodStart
+      periodEnd
+      updatedAt
+    }
+  }
+`, j = p`
+  mutation BudgetControlsApprove($id: ID!) {
+    planmagnetApproveBudget(id: $id) {
+      id
+      status
+      approverId
+      approvedAt
+      updatedAt
+    }
+  }
+`, M = p`
+  mutation BudgetControlsDelete($id: ID!) {
+    planmagnetDeleteBudget(id: $id)
+  }
+`, N = "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60", P = (e, t) => e instanceof Error ? e.message : t;
+function F({ presetProjectId: e, onCreated: t, triggerSize: r = "sm" }) {
+	let o = {
+		projectId: e ?? "",
+		name: "",
+		description: "",
+		plannedAmount: "",
+		currency: "USD",
+		periodStart: "",
+		periodEnd: ""
+	}, [s, l] = c(!1), [u, f] = c(o), [p, E] = c(null), [D, { loading: A }] = m(k, {
+		refetchQueries: O,
+		awaitRefetchQueries: !0
+	}), j = u.periodStart && u.periodEnd && u.periodEnd < u.periodStart, M = Number(u.plannedAmount), F = !A && u.name.trim() !== "" && !!u.projectId && Number.isFinite(M) && M >= 0 && u.currency.trim() !== "" && !j, I = async () => {
+		E(null);
+		try {
+			let e = (await n(D({ variables: { input: {
+				projectId: u.projectId,
+				name: u.name.trim(),
+				...u.description.trim() ? { description: u.description.trim() } : {},
+				plannedAmount: M,
+				currency: u.currency.trim().toUpperCase(),
+				...u.periodStart ? { periodStart: u.periodStart } : {},
+				...u.periodEnd ? { periodEnd: u.periodEnd } : {}
+			} } }))).data?.planmagnetCreateBudget.id;
+			l(!1), f(o), e && t?.(e);
+		} catch (e) {
+			E(P(e, "The budget could not be created."));
+		}
+	};
+	return /* @__PURE__ */ g(y, {
+		open: s,
+		onOpenChange: (e) => {
+			l(e), e ? f(o) : E(null);
+		},
+		children: [/* @__PURE__ */ h(T, {
+			asChild: !0,
+			children: /* @__PURE__ */ g(_, {
+				size: r,
+				"data-testid": "new-budget-open",
+				children: [/* @__PURE__ */ h(d, { className: "mr-1 h-4 w-4" }), "New budget"]
+			})
+		}), /* @__PURE__ */ g(b, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(w, { children: "New budget" }), /* @__PURE__ */ h(x, { children: "The budget starts in Draft." })] }),
+				/* @__PURE__ */ g("div", {
+					className: "space-y-3",
+					children: [
+						!e && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							htmlFor: "new-budget-project",
+							className: "text-sm font-medium",
+							children: "Project"
+						}), /* @__PURE__ */ h("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ h(a, {
+								id: "new-budget-project",
+								value: u.projectId,
+								onChange: (e) => f({
+									...u,
+									projectId: e
+								})
+							})
+						})] }),
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							htmlFor: "new-budget-name",
+							className: "text-sm font-medium",
+							children: "Name"
+						}), /* @__PURE__ */ h(v, {
+							id: "new-budget-name",
+							className: "mt-1",
+							value: u.name,
+							onChange: (e) => f({
+								...u,
+								name: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ g("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+								htmlFor: "new-budget-amount",
+								className: "text-sm font-medium",
+								children: "Planned amount"
+							}), /* @__PURE__ */ h(v, {
+								id: "new-budget-amount",
+								className: "mt-1",
+								type: "number",
+								min: "0",
+								step: "0.01",
+								inputMode: "decimal",
+								value: u.plannedAmount,
+								onChange: (e) => f({
+									...u,
+									plannedAmount: e.target.value
+								})
+							})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+								htmlFor: "new-budget-currency",
+								className: "text-sm font-medium",
+								children: "Currency"
+							}), /* @__PURE__ */ h(v, {
+								id: "new-budget-currency",
+								className: "mt-1",
+								placeholder: "USD",
+								maxLength: 3,
+								value: u.currency,
+								onChange: (e) => f({
+									...u,
+									currency: e.target.value.toUpperCase()
+								})
+							})] })]
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+								htmlFor: "new-budget-start",
+								className: "text-sm font-medium",
+								children: "Period start (optional)"
+							}), /* @__PURE__ */ h(v, {
+								id: "new-budget-start",
+								className: "mt-1",
+								type: "date",
+								value: u.periodStart,
+								onChange: (e) => f({
+									...u,
+									periodStart: e.target.value
+								})
+							})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+								htmlFor: "new-budget-end",
+								className: "text-sm font-medium",
+								children: "Period end (optional)"
+							}), /* @__PURE__ */ h(v, {
+								id: "new-budget-end",
+								className: "mt-1",
+								type: "date",
+								value: u.periodEnd,
+								onChange: (e) => f({
+									...u,
+									periodEnd: e.target.value
+								})
+							})] })]
+						}),
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							htmlFor: "new-budget-description",
+							className: "text-sm font-medium",
+							children: "Description"
+						}), /* @__PURE__ */ h("textarea", {
+							id: "new-budget-description",
+							className: `${N} min-h-[64px]`,
+							value: u.description,
+							onChange: (e) => f({
+								...u,
+								description: e.target.value
+							})
+						})] }),
+						j && /* @__PURE__ */ h(i, { message: "The period end cannot be before the period start." }),
+						p && /* @__PURE__ */ h(i, { message: p })
+					]
+				}),
+				/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(_, {
+					variant: "outline",
+					onClick: () => l(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ h(_, {
+					onClick: () => void I(),
+					disabled: !F,
+					"data-testid": "new-budget-submit",
+					children: A ? "Creating…" : "Create budget"
+				})] })
+			]
+		})]
+	});
+}
+function I({ budget: a }) {
+	let s = e(), [u, d] = m(A, {
+		refetchQueries: O,
+		awaitRefetchQueries: !0
+	}), [p, v] = m(j, {
+		refetchQueries: O,
+		awaitRefetchQueries: !0
+	}), [y, b] = m(M, {
+		refetchQueries: ["BudgetsList", "ProjectBudgetsSummary"],
+		context: t
+	}), [x, S] = c(null), C = d.loading || v.loading || b.loading, w = D.includes(a.status) ? D : [a.status, ...D], T = async (e) => {
+		S(null);
+		try {
+			await n(u({ variables: {
+				id: a.id,
+				input: { status: e }
+			} }));
+		} catch (e) {
+			S(P(e, "The status could not be changed."));
+		}
+	}, E = async () => {
+		S(null);
+		try {
+			await n(p({ variables: { id: a.id } }));
+		} catch (e) {
+			S(P(e, "The budget could not be approved."));
+		}
+	}, k = async () => {
+		S(null);
+		try {
+			await n(y({ variables: { id: a.id } })), s("/projects/budgets-page");
+		} catch (e) {
+			S(P(e, "The budget could not be deleted."));
+		}
+	};
+	return /* @__PURE__ */ g("div", {
+		className: "flex flex-col items-end gap-2",
+		children: [/* @__PURE__ */ g("div", {
+			className: "flex flex-wrap items-center justify-end gap-2",
+			children: [
+				/* @__PURE__ */ h("select", {
+					"aria-label": "Status",
+					"data-testid": "budget-status",
+					className: "rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60",
+					value: a.status,
+					disabled: C,
+					onChange: (e) => {
+						e.target.value !== a.status && T(e.target.value);
+					},
+					children: w.map((e) => /* @__PURE__ */ h("option", {
+						value: e,
+						children: o(e)
+					}, e))
+				}),
+				a.status !== "APPROVED" && a.status !== "CLOSED" && /* @__PURE__ */ g(_, {
+					size: "sm",
+					variant: "outline",
+					disabled: C,
+					onClick: () => void E(),
+					children: [/* @__PURE__ */ h(l, { className: "mr-1 h-4 w-4" }), "Approve"]
+				}),
+				/* @__PURE__ */ h(L, { budget: a }),
+				/* @__PURE__ */ h(r, {
+					label: "Delete",
+					variant: "outline",
+					icon: /* @__PURE__ */ h(f, { className: "mr-1 h-4 w-4" }),
+					title: `Delete "${a.name}"?`,
+					description: "The budget and its logged expenses are removed. This cannot be undone here.",
+					confirmLabel: "Delete budget",
+					destructive: !0,
+					disabled: C,
+					onConfirm: () => void k()
+				})
+			]
+		}), x && /* @__PURE__ */ h(i, { message: x })]
+	});
+}
+function L({ budget: e }) {
+	let t = {
+		name: e.name,
+		description: e.description ?? "",
+		plannedAmount: String(e.plannedAmount),
+		currency: e.currency,
+		periodStart: s(e.periodStart),
+		periodEnd: s(e.periodEnd)
+	}, [r, a] = c(!1), [o, l] = c(t), [d, f] = c(null), [p, E] = m(A, {
+		refetchQueries: O,
+		awaitRefetchQueries: !0
+	}), D = Number(o.plannedAmount), k = o.periodStart && o.periodEnd && o.periodEnd < o.periodStart, j = !E.loading && o.name.trim() !== "" && Number.isFinite(D) && D >= 0 && !k, M = async () => {
+		f(null);
+		let r = {};
+		if (o.name.trim() !== t.name && (r.name = o.name.trim()), o.description.trim() !== t.description.trim() && (r.description = o.description.trim() || null), D !== e.plannedAmount && (r.plannedAmount = D), o.currency.trim().toUpperCase() !== t.currency && (r.currency = o.currency.trim().toUpperCase()), o.periodStart !== t.periodStart && (r.periodStart = o.periodStart || null), o.periodEnd !== t.periodEnd && (r.periodEnd = o.periodEnd || null), Object.keys(r).length === 0) {
+			a(!1);
+			return;
+		}
+		try {
+			await n(p({ variables: {
+				id: e.id,
+				input: r
+			} })), a(!1);
+		} catch (e) {
+			f(P(e, "The budget could not be saved."));
+		}
+	};
+	return /* @__PURE__ */ g(y, {
+		open: r,
+		onOpenChange: (e) => {
+			a(e), e ? l(t) : f(null);
+		},
+		children: [/* @__PURE__ */ h(T, {
+			asChild: !0,
+			children: /* @__PURE__ */ g(_, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "budget-edit",
+				children: [/* @__PURE__ */ h(u, { className: "mr-1 h-4 w-4" }), "Edit"]
+			})
+		}), /* @__PURE__ */ g(b, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(w, { children: "Edit budget" }), /* @__PURE__ */ h(x, { children: "Change the name, amount, currency, period or description." })] }),
+				/* @__PURE__ */ g("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							htmlFor: "edit-budget-name",
+							className: "text-sm font-medium",
+							children: "Name"
+						}), /* @__PURE__ */ h(v, {
+							id: "edit-budget-name",
+							className: "mt-1",
+							value: o.name,
+							onChange: (e) => l({
+								...o,
+								name: e.target.value
+							})
+						})] }),
+						/* @__PURE__ */ g("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+								htmlFor: "edit-budget-amount",
+								className: "text-sm font-medium",
+								children: "Planned amount"
+							}), /* @__PURE__ */ h(v, {
+								id: "edit-budget-amount",
+								className: "mt-1",
+								type: "number",
+								min: "0",
+								step: "0.01",
+								inputMode: "decimal",
+								value: o.plannedAmount,
+								onChange: (e) => l({
+									...o,
+									plannedAmount: e.target.value
+								})
+							})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+								htmlFor: "edit-budget-currency",
+								className: "text-sm font-medium",
+								children: "Currency"
+							}), /* @__PURE__ */ h(v, {
+								id: "edit-budget-currency",
+								className: "mt-1",
+								maxLength: 3,
+								value: o.currency,
+								onChange: (e) => l({
+									...o,
+									currency: e.target.value.toUpperCase()
+								})
+							})] })]
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+								htmlFor: "edit-budget-start",
+								className: "text-sm font-medium",
+								children: "Period start"
+							}), /* @__PURE__ */ h(v, {
+								id: "edit-budget-start",
+								className: "mt-1",
+								type: "date",
+								value: o.periodStart,
+								onChange: (e) => l({
+									...o,
+									periodStart: e.target.value
+								})
+							})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+								htmlFor: "edit-budget-end",
+								className: "text-sm font-medium",
+								children: "Period end"
+							}), /* @__PURE__ */ h(v, {
+								id: "edit-budget-end",
+								className: "mt-1",
+								type: "date",
+								value: o.periodEnd,
+								onChange: (e) => l({
+									...o,
+									periodEnd: e.target.value
+								})
+							})] })]
+						}),
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+							htmlFor: "edit-budget-description",
+							className: "text-sm font-medium",
+							children: "Description"
+						}), /* @__PURE__ */ h("textarea", {
+							id: "edit-budget-description",
+							className: `${N} min-h-[64px]`,
+							value: o.description,
+							onChange: (e) => l({
+								...o,
+								description: e.target.value
+							})
+						})] }),
+						k && /* @__PURE__ */ h(i, { message: "The period end cannot be before the period start." }),
+						d && /* @__PURE__ */ h(i, { message: d })
+					]
+				}),
+				/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(_, {
+					variant: "outline",
+					onClick: () => a(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ h(_, {
+					onClick: () => void M(),
+					disabled: !j,
+					"data-testid": "edit-budget-save",
+					children: E.loading ? "Saving…" : "Save"
+				})] })
+			]
+		})]
+	});
+}
+//#endregion
+export { E as BUDGET_STATUSES, I as BudgetHeaderActions, F as CreateBudgetDialog };
+
+//# sourceMappingURL=BudgetControls.js.map

package/dist/planmagnet/budgets/BudgetControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BudgetControls.js","names":[],"sources":["../../../src/planmagnet/budgets/BudgetControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Button,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { CheckCircle2, Pencil, Plus, Trash2 } from 'lucide-react';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { ProjectSelect } from '../controls/Pickers';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from '../controls/ConfirmButton';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { toDateInputValue } from '../time/timeShared';\n\n/**\n * Budget controls (BOFF-8047): create a budget, edit it, approve it, delete it.\n *\n * Approval is its own mutation (`planmagnetApproveBudget`), not a plain status change: it is the only write\n * that records who approved a budget and when (`approverId`/`approvedAt` — the service's `approve()`, unlike\n * `update()`, sets both). The status select below therefore never offers APPROVED as a target; moving to it\n * goes through the Approve button so that audit trail is never silently skipped.\n */\n\nexport const BUDGET_STATUSES = ['DRAFT', 'ACTIVE', 'APPROVED', 'EXCEEDED', 'CLOSED'] as const;\n/** Selectable directly. APPROVED is reached only through the dedicated Approve action (see above). */\nconst SELECTABLE_STATUSES = BUDGET_STATUSES.filter((s) => s !== 'APPROVED');\n\nconst BUDGET_QUERIES = [\n  'BudgetsList',\n  'GetBudget',\n  'GetBudgetPerformance',\n  'ProjectBudgetsSummary',\n];\n\nconst CREATE_BUDGET = gql`\n  mutation BudgetControlsCreate($input: PlanmagnetCreateBudgetInput!) {\n    planmagnetCreateBudget(input: $input) {\n      id\n      name\n      status\n      plannedAmount\n      currency\n      createdAt\n    }\n  }\n`;\n\nconst UPDATE_BUDGET = gql`\n  mutation BudgetControlsUpdate($id: ID!, $input: PlanmagnetUpdateBudgetInput!) {\n    planmagnetUpdateBudget(id: $id, input: $input) {\n      id\n      name\n      description\n      status\n      plannedAmount\n      currency\n      periodStart\n      periodEnd\n      updatedAt\n    }\n  }\n`;\n\nconst APPROVE_BUDGET = gql`\n  mutation BudgetControlsApprove($id: ID!) {\n    planmagnetApproveBudget(id: $id) {\n      id\n      status\n      approverId\n      approvedAt\n      updatedAt\n    }\n  }\n`;\n\nconst DELETE_BUDGET = gql`\n  mutation BudgetControlsDelete($id: ID!) {\n    planmagnetDeleteBudget(id: $id)\n  }\n`;\n\nconst FIELD =\n  'mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60';\n\nconst messageOf = (e: unknown, fallback: string) => (e instanceof Error ? e.message : fallback);\n\n/** Create a budget. With `presetProjectId` (the Project Detail entry point) the project picker is skipped. */\nexport function CreateBudgetDialog({\n  presetProjectId,\n  onCreated,\n  triggerSize = 'sm',\n}: {\n  presetProjectId?: string;\n  onCreated?: (id: string) => void;\n  triggerSize?: 'sm' | 'default';\n}) {\n  const empty = {\n    projectId: presetProjectId ?? '',\n    name: '',\n    description: '',\n    plannedAmount: '',\n    currency: 'USD',\n    periodStart: '',\n    periodEnd: '',\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(empty);\n  const [error, setError] = useState<string | null>(null);\n  const [create, { loading }] = useMutation<{ planmagnetCreateBudget: { id: string } }>(\n    CREATE_BUDGET,\n    { refetchQueries: BUDGET_QUERIES, awaitRefetchQueries: true }\n  );\n\n  const invertedLocally = form.periodStart && form.periodEnd && form.periodEnd < form.periodStart;\n  const amount = Number(form.plannedAmount);\n  const canSubmit =\n    !loading &&\n    form.name.trim() !== '' &&\n    !!form.projectId &&\n    Number.isFinite(amount) &&\n    amount >= 0 &&\n    form.currency.trim() !== '' &&\n    !invertedLocally;\n\n  const submit = async () => {\n    setError(null);\n    try {\n      const result = await throwOnError(\n        create({\n          variables: {\n            input: {\n              projectId: form.projectId,\n              name: form.name.trim(),\n              ...(form.description.trim() ? { description: form.description.trim() } : {}),\n              plannedAmount: amount,\n              currency: form.currency.trim().toUpperCase(),\n              ...(form.periodStart ? { periodStart: form.periodStart } : {}),\n              ...(form.periodEnd ? { periodEnd: form.periodEnd } : {}),\n            },\n          },\n        })\n      );\n      const id = result.data?.planmagnetCreateBudget.id;\n      setOpen(false);\n      setForm(empty);\n      if (id) onCreated?.(id);\n    } catch (e) {\n      setError(messageOf(e, 'The budget could not be created.'));\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) setForm(empty);\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size={triggerSize} data-testid=\"new-budget-open\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New budget\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>New budget</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>The budget starts in Draft.</ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          {!presetProjectId && (\n            <div>\n              <label htmlFor=\"new-budget-project\" className=\"text-sm font-medium\">\n                Project\n              </label>\n              <div className=\"mt-1\">\n                <ProjectSelect\n                  id=\"new-budget-project\"\n                  value={form.projectId}\n                  onChange={(projectId) => setForm({ ...form, projectId })}\n                />\n              </div>\n            </div>\n          )}\n          <div>\n            <label htmlFor=\"new-budget-name\" className=\"text-sm font-medium\">\n              Name\n            </label>\n            <Input\n              id=\"new-budget-name\"\n              className=\"mt-1\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"new-budget-amount\" className=\"text-sm font-medium\">\n                Planned amount\n              </label>\n              <Input\n                id=\"new-budget-amount\"\n                className=\"mt-1\"\n                type=\"number\"\n                min=\"0\"\n                step=\"0.01\"\n                inputMode=\"decimal\"\n                value={form.plannedAmount}\n                onChange={(e) => setForm({ ...form, plannedAmount: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"new-budget-currency\" className=\"text-sm font-medium\">\n                Currency\n              </label>\n              <Input\n                id=\"new-budget-currency\"\n                className=\"mt-1\"\n                placeholder=\"USD\"\n                maxLength={3}\n                value={form.currency}\n                onChange={(e) => setForm({ ...form, currency: e.target.value.toUpperCase() })}\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"new-budget-start\" className=\"text-sm font-medium\">\n                Period start (optional)\n              </label>\n              <Input\n                id=\"new-budget-start\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={form.periodStart}\n                onChange={(e) => setForm({ ...form, periodStart: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"new-budget-end\" className=\"text-sm font-medium\">\n                Period end (optional)\n              </label>\n              <Input\n                id=\"new-budget-end\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={form.periodEnd}\n                onChange={(e) => setForm({ ...form, periodEnd: e.target.value })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"new-budget-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"new-budget-description\"\n              className={`${FIELD} min-h-[64px]`}\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          {invertedLocally && (\n            <ErrorLine message=\"The period end cannot be before the period start.\" />\n          )}\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button\n            onClick={() => void submit()}\n            disabled={!canSubmit}\n            data-testid=\"new-budget-submit\"\n          >\n            {loading ? 'Creating…' : 'Create budget'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nexport interface BudgetValues {\n  id: string;\n  name: string;\n  description: string | null;\n  status: string;\n  plannedAmount: number;\n  currency: string;\n  periodStart: string | null;\n  periodEnd: string | null;\n}\n\n/** Status select, Edit, Approve and Delete for the budget detail header. */\nexport function BudgetHeaderActions({ budget }: { budget: BudgetValues }) {\n  const navigate = usePlanMagnetNavigate();\n  const [update, updateState] = useMutation(UPDATE_BUDGET, {\n    refetchQueries: BUDGET_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [approveMutation, approveState] = useMutation(APPROVE_BUDGET, {\n    refetchQueries: BUDGET_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [remove, removeState] = useMutation(DELETE_BUDGET, {\n    refetchQueries: ['BudgetsList', 'ProjectBudgetsSummary'],\n    context: LEAVES_PAGE_CONTEXT,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = updateState.loading || approveState.loading || removeState.loading;\n  const statusOptions = SELECTABLE_STATUSES.includes(\n    budget.status as (typeof SELECTABLE_STATUSES)[number]\n  )\n    ? SELECTABLE_STATUSES\n    : [budget.status, ...SELECTABLE_STATUSES];\n\n  const onStatus = async (status: string) => {\n    setError(null);\n    try {\n      await throwOnError(update({ variables: { id: budget.id, input: { status } } }));\n    } catch (e) {\n      setError(messageOf(e, 'The status could not be changed.'));\n    }\n  };\n  const onApprove = async () => {\n    setError(null);\n    try {\n      await throwOnError(approveMutation({ variables: { id: budget.id } }));\n    } catch (e) {\n      setError(messageOf(e, 'The budget could not be approved.'));\n    }\n  };\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: budget.id } }));\n      navigate('/projects/budgets-page');\n    } catch (e) {\n      setError(messageOf(e, 'The budget could not be deleted.'));\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-2\">\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        <select\n          aria-label=\"Status\"\n          data-testid=\"budget-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={budget.status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== budget.status) void onStatus(e.target.value);\n          }}\n        >\n          {statusOptions.map((s) => (\n            <option key={s} value={s}>\n              {enumLabel(s)}\n            </option>\n          ))}\n        </select>\n        {budget.status !== 'APPROVED' && budget.status !== 'CLOSED' && (\n          <Button size=\"sm\" variant=\"outline\" disabled={busy} onClick={() => void onApprove()}>\n            <CheckCircle2 className=\"mr-1 h-4 w-4\" />\n            Approve\n          </Button>\n        )}\n        <BudgetEditDialog budget={budget} />\n        <ConfirmButton\n          label=\"Delete\"\n          variant=\"outline\"\n          icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n          title={`Delete \"${budget.name}\"?`}\n          description=\"The budget and its logged expenses are removed. This cannot be undone here.\"\n          confirmLabel=\"Delete budget\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/** Name, description, planned amount, currency and period. Only changed fields are sent. */\nfunction BudgetEditDialog({ budget }: { budget: BudgetValues }) {\n  const initial = {\n    name: budget.name,\n    description: budget.description ?? '',\n    plannedAmount: String(budget.plannedAmount),\n    currency: budget.currency,\n    periodStart: toDateInputValue(budget.periodStart),\n    periodEnd: toDateInputValue(budget.periodEnd),\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(initial);\n  const [error, setError] = useState<string | null>(null);\n  const [update, state] = useMutation(UPDATE_BUDGET, {\n    refetchQueries: BUDGET_QUERIES,\n    awaitRefetchQueries: true,\n  });\n\n  const amount = Number(form.plannedAmount);\n  const invertedLocally = form.periodStart && form.periodEnd && form.periodEnd < form.periodStart;\n  const canSubmit =\n    !state.loading &&\n    form.name.trim() !== '' &&\n    Number.isFinite(amount) &&\n    amount >= 0 &&\n    !invertedLocally;\n\n  const save = async () => {\n    setError(null);\n    const input: Record<string, unknown> = {};\n    if (form.name.trim() !== initial.name) input.name = form.name.trim();\n    if (form.description.trim() !== initial.description.trim())\n      input.description = form.description.trim() || null;\n    if (amount !== budget.plannedAmount) input.plannedAmount = amount;\n    if (form.currency.trim().toUpperCase() !== initial.currency)\n      input.currency = form.currency.trim().toUpperCase();\n    if (form.periodStart !== initial.periodStart) input.periodStart = form.periodStart || null;\n    if (form.periodEnd !== initial.periodEnd) input.periodEnd = form.periodEnd || null;\n    if (Object.keys(input).length === 0) {\n      setOpen(false);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: budget.id, input } }));\n      setOpen(false);\n    } catch (e) {\n      setError(messageOf(e, 'The budget could not be saved.'));\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) setForm(initial);\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" data-testid=\"budget-edit\">\n          <Pencil className=\"mr-1 h-4 w-4\" />\n          Edit\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit budget</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Change the name, amount, currency, period or description.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"edit-budget-name\" className=\"text-sm font-medium\">\n              Name\n            </label>\n            <Input\n              id=\"edit-budget-name\"\n              className=\"mt-1\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"edit-budget-amount\" className=\"text-sm font-medium\">\n                Planned amount\n              </label>\n              <Input\n                id=\"edit-budget-amount\"\n                className=\"mt-1\"\n                type=\"number\"\n                min=\"0\"\n                step=\"0.01\"\n                inputMode=\"decimal\"\n                value={form.plannedAmount}\n                onChange={(e) => setForm({ ...form, plannedAmount: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"edit-budget-currency\" className=\"text-sm font-medium\">\n                Currency\n              </label>\n              <Input\n                id=\"edit-budget-currency\"\n                className=\"mt-1\"\n                maxLength={3}\n                value={form.currency}\n                onChange={(e) => setForm({ ...form, currency: e.target.value.toUpperCase() })}\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"edit-budget-start\" className=\"text-sm font-medium\">\n                Period start\n              </label>\n              <Input\n                id=\"edit-budget-start\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={form.periodStart}\n                onChange={(e) => setForm({ ...form, periodStart: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"edit-budget-end\" className=\"text-sm font-medium\">\n                Period end\n              </label>\n              <Input\n                id=\"edit-budget-end\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={form.periodEnd}\n                onChange={(e) => setForm({ ...form, periodEnd: e.target.value })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"edit-budget-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"edit-budget-description\"\n              className={`${FIELD} min-h-[64px]`}\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          {invertedLocally && (\n            <ErrorLine message=\"The period end cannot be before the period start.\" />\n          )}\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button onClick={() => void save()} disabled={!canSubmit} data-testid=\"edit-budget-save\">\n            {state.loading ? 'Saving…' : 'Save'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/budgets/ExpenseControls.d.ts

@@ -0,0 +1,27 @@
+/** Log an expense against a budget. */
+export declare function LogExpenseDialog({ budgetId, projectId, refetchQueries, }: {
+    budgetId: string;
+    /** Narrows the optional "work item" search to the budget's own project, when known. */
+    projectId?: string;
+    refetchQueries: string[];
+}): import("react/jsx-runtime").JSX.Element;
+export interface ExpenseValues {
+    id: string;
+    description: string;
+    amount: number;
+    category: string | null;
+    date: string;
+    referenceUrl: string | null;
+}
+/** Edit an expense's description, amount, category, date or reference URL. Only changed fields are sent. */
+export declare function EditExpenseDialog({ expense, refetchQueries, }: {
+    expense: ExpenseValues;
+    refetchQueries: string[];
+}): import("react/jsx-runtime").JSX.Element;
+/** Delete an expense, with confirmation. */
+export declare function DeleteExpenseButton({ id, description, refetchQueries, }: {
+    id: string;
+    description: string;
+    refetchQueries: string[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExpenseControls.d.ts.map

package/dist/planmagnet/budgets/ExpenseControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpenseControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/budgets/ExpenseControls.tsx"],"names":[],"mappings":"AAoEA,uCAAuC;AACvC,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,cAAc,GACf,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,2CAwKA;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED,4GAA4G;AAC5G,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,cAAc,GACf,EAAE;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,2CA+IA;AAED,4CAA4C;AAC5C,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,WAAW,EACX,cAAc,GACf,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,2CAiCA"}