@burdenoff/microfe-planmagnet 2026.928.3 → 2026.928.5

package/dist/planmagnet/time/TimeEntryControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeEntryControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/time/TimeEntryControls.tsx"],"names":[],"mappings":"AAiFA,iHAAiH;AACjH,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,mGAAmG;IACnG,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,cAAc,EACd,QAAQ,EACR,YAAyB,EACzB,WAAkB,GACnB,EAAE;IACD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,4GAA4G;IAC5G,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CAChC,2CAyLA;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,sGAAsG;AACtG,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,cAAc,GACf,EAAE;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,2CAuIA;AAED,8CAA8C;AAC9C,wBAAgB,qBAAqB,CAAC,EACpC,EAAE,EACF,cAAc,GACf,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,2CAiCA"}

package/dist/planmagnet/time/TimeEntryControls.js

@@ -0,0 +1,338 @@
+import { throwOnError as e } from "../utils/mutationResult.js";
+import { ConfirmButton as t, ErrorLine as n } from "../controls/ConfirmButton.js";
+import { ProjectSelect as r, WorkItemSearchSelect as i } from "../controls/Pickers.js";
+import { enumLabel as a } from "../controls/WorkItemControls.js";
+import { BILLING_TYPES as o, hoursInputToMinutes as s, minutesToHoursInput as c, toDateInputValue as l, todayInputValue as u } from "./timeShared.js";
+import { useState as d } from "react";
+import { Clock as f, Pencil as p, Trash2 as m } from "lucide-react";
+import { gql as h } from "@apollo/client";
+import { useMutation as g } from "@apollo/client/react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, Input as x, ResponsiveDialog as S, ResponsiveDialogContent as C, ResponsiveDialogDescription as w, ResponsiveDialogFooter as T, ResponsiveDialogHeader as E, ResponsiveDialogTitle as D, ResponsiveDialogTrigger as O } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/time/TimeEntryControls.tsx
+var k = h`
+  mutation TimeEntryControlsLogTime($input: PlanmagnetLogTimeInput!) {
+    planmagnetLogTime(input: $input) {
+      id
+      workItemId
+      projectId
+      timesheetId
+      description
+      durationMinutes
+      date
+      status
+      billingType
+      createdAt
+    }
+  }
+`, A = h`
+  mutation TimeEntryControlsUpdate($id: ID!, $input: PlanmagnetUpdateTimeEntryInput!) {
+    planmagnetUpdateTimeEntry(id: $id, input: $input) {
+      id
+      description
+      durationMinutes
+      date
+      billingType
+      updatedAt
+    }
+  }
+`, j = h`
+  mutation TimeEntryControlsDelete($id: ID!) {
+    planmagnetDeleteTimeEntry(id: $id)
+  }
+`, M = "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60", N = (e, t) => e instanceof Error ? e.message : t;
+function P({ lock: t, refetchQueries: c, onLogged: l, triggerLabel: p = "Log time", triggerSize: m = "sm" }) {
+	let [h, A] = d(!1), [j, P] = d(""), [F, I] = d(""), [L, R] = d(""), [z, B] = d(u()), [V, H] = d("NON_BILLABLE"), [U, W] = d(""), [G, K] = d(null), [q, { loading: J }] = g(k, {
+		refetchQueries: c,
+		awaitRefetchQueries: !0
+	}), Y = () => {
+		P(""), I(""), R(""), B(u()), H("NON_BILLABLE"), W(""), K(null);
+	}, X = t?.workItemId ?? F, Z = t?.projectId ?? j, Q = s(L), $ = !J && !!X && !!Z && Q > 0 && !!z, ee = async () => {
+		K(null);
+		try {
+			let t = (await e(q({ variables: { input: {
+				workItemId: X,
+				projectId: Z,
+				durationMinutes: Q,
+				date: z,
+				billingType: V,
+				...U.trim() ? { description: U.trim() } : {}
+			} } }))).data?.planmagnetLogTime.id;
+			A(!1), Y(), t && l?.(t);
+		} catch (e) {
+			K(N(e, "The time could not be logged."));
+		}
+	};
+	return /* @__PURE__ */ y(S, {
+		open: h,
+		onOpenChange: (e) => {
+			A(e), e ? Y() : K(null);
+		},
+		children: [/* @__PURE__ */ v(O, {
+			asChild: !0,
+			children: /* @__PURE__ */ y(b, {
+				size: m,
+				"data-testid": "log-time-open",
+				children: [/* @__PURE__ */ v(f, { className: "mr-1 h-4 w-4" }), p]
+			})
+		}), /* @__PURE__ */ y(C, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ y(E, { children: [/* @__PURE__ */ v(D, { children: "Log time" }), /* @__PURE__ */ v(w, { children: t ? `Against ${t.label}.` : "Pick a project and a work item, then the time spent." })] }),
+				/* @__PURE__ */ y("div", {
+					className: "space-y-3",
+					children: [
+						!t && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							htmlFor: "log-time-project",
+							className: "text-sm font-medium",
+							children: "Project"
+						}), /* @__PURE__ */ v("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ v(r, {
+								id: "log-time-project",
+								value: j,
+								onChange: (e) => {
+									P(e), I("");
+								}
+							})
+						})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							htmlFor: "log-time-work-item",
+							className: "text-sm font-medium",
+							children: "Work item"
+						}), /* @__PURE__ */ v("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ v(i, {
+								id: "log-time-work-item",
+								projectId: j || void 0,
+								value: F,
+								onChange: I
+							})
+						})] })] }),
+						/* @__PURE__ */ y("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								htmlFor: "log-time-hours",
+								className: "text-sm font-medium",
+								children: "Hours"
+							}), /* @__PURE__ */ v(x, {
+								id: "log-time-hours",
+								className: "mt-1",
+								type: "number",
+								min: "0",
+								step: "0.25",
+								inputMode: "decimal",
+								placeholder: "e.g. 1.5",
+								value: L,
+								onChange: (e) => R(e.target.value)
+							})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								htmlFor: "log-time-date",
+								className: "text-sm font-medium",
+								children: "Date"
+							}), /* @__PURE__ */ v(x, {
+								id: "log-time-date",
+								className: "mt-1",
+								type: "date",
+								value: z,
+								onChange: (e) => B(e.target.value)
+							})] })]
+						}),
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							htmlFor: "log-time-billing",
+							className: "text-sm font-medium",
+							children: "Billing type"
+						}), /* @__PURE__ */ v("select", {
+							id: "log-time-billing",
+							className: M,
+							value: V,
+							onChange: (e) => H(e.target.value),
+							children: o.map((e) => /* @__PURE__ */ v("option", {
+								value: e,
+								children: a(e)
+							}, e))
+						})] }),
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							htmlFor: "log-time-description",
+							className: "text-sm font-medium",
+							children: "Description"
+						}), /* @__PURE__ */ v("textarea", {
+							id: "log-time-description",
+							className: `${M} min-h-[64px]`,
+							placeholder: "What did you work on? (optional)",
+							value: U,
+							onChange: (e) => W(e.target.value)
+						})] }),
+						G && /* @__PURE__ */ v(n, { message: G })
+					]
+				}),
+				/* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(b, {
+					variant: "outline",
+					onClick: () => A(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ v(b, {
+					onClick: () => void ee(),
+					disabled: !$,
+					"data-testid": "log-time-submit",
+					children: J ? "Logging…" : "Log time"
+				})] })
+			]
+		})]
+	});
+}
+function F({ entry: t, refetchQueries: r }) {
+	let i = {
+		description: t.description ?? "",
+		hours: c(t.durationMinutes),
+		date: l(t.date),
+		billingType: t.billingType
+	}, [u, f] = d(!1), [m, h] = d(i), [_, k] = d(null), [j, { loading: P }] = g(A, {
+		refetchQueries: r,
+		awaitRefetchQueries: !0
+	}), F = s(m.hours), I = !P && F > 0 && !!m.date, L = async () => {
+		k(null);
+		let n = {};
+		if (m.description.trim() !== i.description.trim() && (n.description = m.description.trim() || null), F !== t.durationMinutes && (n.durationMinutes = F), m.date !== i.date && (n.date = m.date), m.billingType !== i.billingType && (n.billingType = m.billingType), Object.keys(n).length === 0) {
+			f(!1);
+			return;
+		}
+		try {
+			await e(j({ variables: {
+				id: t.id,
+				input: n
+			} })), f(!1);
+		} catch (e) {
+			k(N(e, "The time entry could not be saved."));
+		}
+	};
+	return /* @__PURE__ */ y(S, {
+		open: u,
+		onOpenChange: (e) => {
+			f(e), e ? h(i) : k(null);
+		},
+		children: [/* @__PURE__ */ v(O, {
+			asChild: !0,
+			children: /* @__PURE__ */ v(b, {
+				size: "sm",
+				variant: "outline",
+				"aria-label": "Edit time entry",
+				"data-testid": "time-entry-edit",
+				children: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
+			})
+		}), /* @__PURE__ */ y(C, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ y(E, { children: [/* @__PURE__ */ v(D, { children: "Edit time entry" }), /* @__PURE__ */ v(w, { children: "Change the hours, date, billing type or description." })] }),
+				/* @__PURE__ */ y("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								htmlFor: "edit-time-hours",
+								className: "text-sm font-medium",
+								children: "Hours"
+							}), /* @__PURE__ */ v(x, {
+								id: "edit-time-hours",
+								className: "mt-1",
+								type: "number",
+								min: "0",
+								step: "0.25",
+								inputMode: "decimal",
+								value: m.hours,
+								onChange: (e) => h({
+									...m,
+									hours: e.target.value
+								})
+							})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								htmlFor: "edit-time-date",
+								className: "text-sm font-medium",
+								children: "Date"
+							}), /* @__PURE__ */ v(x, {
+								id: "edit-time-date",
+								className: "mt-1",
+								type: "date",
+								value: m.date,
+								onChange: (e) => h({
+									...m,
+									date: e.target.value
+								})
+							})] })]
+						}),
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							htmlFor: "edit-time-billing",
+							className: "text-sm font-medium",
+							children: "Billing type"
+						}), /* @__PURE__ */ v("select", {
+							id: "edit-time-billing",
+							className: M,
+							value: m.billingType,
+							onChange: (e) => h({
+								...m,
+								billingType: e.target.value
+							}),
+							children: o.map((e) => /* @__PURE__ */ v("option", {
+								value: e,
+								children: a(e)
+							}, e))
+						})] }),
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							htmlFor: "edit-time-description",
+							className: "text-sm font-medium",
+							children: "Description"
+						}), /* @__PURE__ */ v("textarea", {
+							id: "edit-time-description",
+							className: `${M} min-h-[64px]`,
+							value: m.description,
+							onChange: (e) => h({
+								...m,
+								description: e.target.value
+							})
+						})] }),
+						_ && /* @__PURE__ */ v(n, { message: _ })
+					]
+				}),
+				/* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(b, {
+					variant: "outline",
+					onClick: () => f(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ v(b, {
+					onClick: () => void L(),
+					disabled: !I,
+					"data-testid": "edit-time-save",
+					children: P ? "Saving…" : "Save"
+				})] })
+			]
+		})]
+	});
+}
+function I({ id: r, refetchQueries: i }) {
+	let [a, { loading: o }] = g(j, {
+		refetchQueries: i,
+		awaitRefetchQueries: !0
+	}), [s, c] = d(null), l = async () => {
+		c(null);
+		try {
+			await e(a({ variables: { id: r } }));
+		} catch (e) {
+			c(N(e, "The time entry could not be deleted."));
+		}
+	};
+	return /* @__PURE__ */ y("div", {
+		className: "flex flex-col items-end gap-1",
+		children: [/* @__PURE__ */ v(t, {
+			label: "",
+			ariaLabel: "Delete time entry",
+			variant: "outline",
+			icon: /* @__PURE__ */ v(m, { className: "h-4 w-4" }),
+			title: "Delete this time entry?",
+			description: "The logged time is removed. This cannot be undone here.",
+			confirmLabel: "Delete entry",
+			destructive: !0,
+			disabled: o,
+			onConfirm: () => void l()
+		}), s && /* @__PURE__ */ v(n, { message: s })]
+	});
+}
+//#endregion
+export { I as DeleteTimeEntryButton, F as EditTimeEntryDialog, P as LogTimeDialog };
+
+//# sourceMappingURL=TimeEntryControls.js.map

package/dist/planmagnet/time/TimeEntryControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeEntryControls.js","names":[],"sources":["../../../src/planmagnet/time/TimeEntryControls.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 { Clock, Pencil, Trash2 } from 'lucide-react';\nimport { ProjectSelect, WorkItemSearchSelect } from '../controls/Pickers';\nimport { throwOnError } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from '../controls/ConfirmButton';\nimport {\n  BILLING_TYPES,\n  type BillingType,\n  enumLabel,\n  hoursInputToMinutes,\n  minutesToHoursInput,\n  todayInputValue,\n  toDateInputValue,\n} from './timeShared';\n\n/**\n * Time entry controls (BOFF-8047): logging time, editing an entry, deleting one.\n *\n * `planmagnetLogTime` (not the lower-level `planmagnetCreateTimeEntry`) is the write path here — it is the\n * \"quick log time\" mutation the schema documents for this exact purpose, and it does not accept a billable\n * rate. That is deliberate, not a missing feature: \"A Delivery Contributor with EDITOR can read every time\n * entry in the workspace, including colleagues' billable rate and currency\" is a known, still-open RBAC gap\n * (planmagnet-specs/CORRECTIONS.md §B) — the resolver does not scope `billingRate` by role. Keeping rate\n * capture and display out of this UI entirely means this screen cannot become a new way to see it; fixing\n * the gap itself is a backend RBAC change, out of scope here (recorded as a backend gap).\n */\n\nconst LOG_TIME = gql`\n  mutation TimeEntryControlsLogTime($input: PlanmagnetLogTimeInput!) {\n    planmagnetLogTime(input: $input) {\n      id\n      workItemId\n      projectId\n      timesheetId\n      description\n      durationMinutes\n      date\n      status\n      billingType\n      createdAt\n    }\n  }\n`;\n\nconst UPDATE_TIME_ENTRY = gql`\n  mutation TimeEntryControlsUpdate($id: ID!, $input: PlanmagnetUpdateTimeEntryInput!) {\n    planmagnetUpdateTimeEntry(id: $id, input: $input) {\n      id\n      description\n      durationMinutes\n      date\n      billingType\n      updatedAt\n    }\n  }\n`;\n\nconst DELETE_TIME_ENTRY = gql`\n  mutation TimeEntryControlsDelete($id: ID!) {\n    planmagnetDeleteTimeEntry(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/** The work item a \"Log time\" dialog logs against, when the caller already knows it (e.g. a task's own page). */\nexport interface TimeEntryLock {\n  workItemId: string;\n  projectId: string;\n  /** Shown in the dialog instead of the project/work-item pickers, e.g. \"PM-42 — Ship the thing\". */\n  label: string;\n}\n\n/**\n * Log time against a work item. With `lock`, the work item is fixed (the task-detail entry point); otherwise\n * the dialog offers a project picker and a work-item search, for logging time from the Time Entries page.\n */\nexport function LogTimeDialog({\n  lock,\n  refetchQueries,\n  onLogged,\n  triggerLabel = 'Log time',\n  triggerSize = 'sm',\n}: {\n  lock?: TimeEntryLock;\n  /** Every query that must re-run after a successful log, e.g. ['TimeEntriesList'] or ['TaskTimeEntries']. */\n  refetchQueries: string[];\n  onLogged?: (id: string) => void;\n  triggerLabel?: string;\n  triggerSize?: 'sm' | 'default';\n}) {\n  const [open, setOpen] = useState(false);\n  const [projectId, setProjectId] = useState('');\n  const [workItemId, setWorkItemId] = useState('');\n  const [hours, setHours] = useState('');\n  const [date, setDate] = useState(todayInputValue());\n  const [billingType, setBillingType] = useState<BillingType>('NON_BILLABLE');\n  const [description, setDescription] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [log, { loading }] = useMutation<{ planmagnetLogTime: { id: string } }>(LOG_TIME, {\n    refetchQueries,\n    awaitRefetchQueries: true,\n  });\n\n  const reset = () => {\n    setProjectId('');\n    setWorkItemId('');\n    setHours('');\n    setDate(todayInputValue());\n    setBillingType('NON_BILLABLE');\n    setDescription('');\n    setError(null);\n  };\n\n  const effectiveWorkItemId = lock?.workItemId ?? workItemId;\n  const effectiveProjectId = lock?.projectId ?? projectId;\n  const minutes = hoursInputToMinutes(hours);\n  const canSubmit =\n    !loading && !!effectiveWorkItemId && !!effectiveProjectId && minutes > 0 && !!date;\n\n  const submit = async () => {\n    setError(null);\n    try {\n      const result = await throwOnError(\n        log({\n          variables: {\n            input: {\n              workItemId: effectiveWorkItemId,\n              projectId: effectiveProjectId,\n              durationMinutes: minutes,\n              date,\n              billingType,\n              ...(description.trim() ? { description: description.trim() } : {}),\n            },\n          },\n        })\n      );\n      const id = result.data?.planmagnetLogTime.id;\n      setOpen(false);\n      reset();\n      if (id) onLogged?.(id);\n    } catch (e) {\n      setError(messageOf(e, 'The time could not be logged.'));\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) reset();\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size={triggerSize} data-testid=\"log-time-open\">\n          <Clock className=\"mr-1 h-4 w-4\" />\n          {triggerLabel}\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Log time</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            {lock\n              ? `Against ${lock.label}.`\n              : 'Pick a project and a work item, then the time spent.'}\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          {!lock && (\n            <>\n              <div>\n                <label htmlFor=\"log-time-project\" className=\"text-sm font-medium\">\n                  Project\n                </label>\n                <div className=\"mt-1\">\n                  <ProjectSelect\n                    id=\"log-time-project\"\n                    value={projectId}\n                    onChange={(next) => {\n                      setProjectId(next);\n                      setWorkItemId('');\n                    }}\n                  />\n                </div>\n              </div>\n              <div>\n                <label htmlFor=\"log-time-work-item\" className=\"text-sm font-medium\">\n                  Work item\n                </label>\n                <div className=\"mt-1\">\n                  <WorkItemSearchSelect\n                    id=\"log-time-work-item\"\n                    projectId={projectId || undefined}\n                    value={workItemId}\n                    onChange={setWorkItemId}\n                  />\n                </div>\n              </div>\n            </>\n          )}\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"log-time-hours\" className=\"text-sm font-medium\">\n                Hours\n              </label>\n              <Input\n                id=\"log-time-hours\"\n                className=\"mt-1\"\n                type=\"number\"\n                min=\"0\"\n                step=\"0.25\"\n                inputMode=\"decimal\"\n                placeholder=\"e.g. 1.5\"\n                value={hours}\n                onChange={(e) => setHours(e.target.value)}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"log-time-date\" className=\"text-sm font-medium\">\n                Date\n              </label>\n              <Input\n                id=\"log-time-date\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={date}\n                onChange={(e) => setDate(e.target.value)}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"log-time-billing\" className=\"text-sm font-medium\">\n              Billing type\n            </label>\n            <select\n              id=\"log-time-billing\"\n              className={FIELD}\n              value={billingType}\n              onChange={(e) => setBillingType(e.target.value as BillingType)}\n            >\n              {BILLING_TYPES.map((b) => (\n                <option key={b} value={b}>\n                  {enumLabel(b)}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor=\"log-time-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"log-time-description\"\n              className={`${FIELD} min-h-[64px]`}\n              placeholder=\"What did you work on? (optional)\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n            />\n          </div>\n          {error && <ErrorLine message={error} />}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => setOpen(false)}>\n            Cancel\n          </Button>\n          <Button onClick={() => void submit()} disabled={!canSubmit} data-testid=\"log-time-submit\">\n            {loading ? 'Logging…' : 'Log time'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nexport interface TimeEntryValues {\n  id: string;\n  description: string | null;\n  durationMinutes: number;\n  date: string;\n  billingType: string;\n}\n\n/** Edit a time entry's description, duration, date and billing type. Only changed fields are sent. */\nexport function EditTimeEntryDialog({\n  entry,\n  refetchQueries,\n}: {\n  entry: TimeEntryValues;\n  refetchQueries: string[];\n}) {\n  const initial = {\n    description: entry.description ?? '',\n    hours: minutesToHoursInput(entry.durationMinutes),\n    date: toDateInputValue(entry.date),\n    billingType: entry.billingType,\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(initial);\n  const [error, setError] = useState<string | null>(null);\n  const [update, { loading }] = useMutation(UPDATE_TIME_ENTRY, {\n    refetchQueries,\n    awaitRefetchQueries: true,\n  });\n\n  const minutes = hoursInputToMinutes(form.hours);\n  const canSubmit = !loading && minutes > 0 && !!form.date;\n\n  const save = async () => {\n    setError(null);\n    const input: Record<string, unknown> = {};\n    if (form.description.trim() !== initial.description.trim())\n      input.description = form.description.trim() || null;\n    if (minutes !== entry.durationMinutes) input.durationMinutes = minutes;\n    if (form.date !== initial.date) input.date = form.date;\n    if (form.billingType !== initial.billingType) input.billingType = form.billingType;\n    if (Object.keys(input).length === 0) {\n      setOpen(false);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: entry.id, input } }));\n      setOpen(false);\n    } catch (e) {\n      setError(messageOf(e, 'The time entry 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\n          size=\"sm\"\n          variant=\"outline\"\n          aria-label=\"Edit time entry\"\n          data-testid=\"time-entry-edit\"\n        >\n          <Pencil className=\"h-4 w-4\" />\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit time entry</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Change the hours, date, billing type or description.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label htmlFor=\"edit-time-hours\" className=\"text-sm font-medium\">\n                Hours\n              </label>\n              <Input\n                id=\"edit-time-hours\"\n                className=\"mt-1\"\n                type=\"number\"\n                min=\"0\"\n                step=\"0.25\"\n                inputMode=\"decimal\"\n                value={form.hours}\n                onChange={(e) => setForm({ ...form, hours: e.target.value })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"edit-time-date\" className=\"text-sm font-medium\">\n                Date\n              </label>\n              <Input\n                id=\"edit-time-date\"\n                className=\"mt-1\"\n                type=\"date\"\n                value={form.date}\n                onChange={(e) => setForm({ ...form, date: e.target.value })}\n              />\n            </div>\n          </div>\n          <div>\n            <label htmlFor=\"edit-time-billing\" className=\"text-sm font-medium\">\n              Billing type\n            </label>\n            <select\n              id=\"edit-time-billing\"\n              className={FIELD}\n              value={form.billingType}\n              onChange={(e) => setForm({ ...form, billingType: e.target.value })}\n            >\n              {BILLING_TYPES.map((b) => (\n                <option key={b} value={b}>\n                  {enumLabel(b)}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label htmlFor=\"edit-time-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"edit-time-description\"\n              className={`${FIELD} min-h-[64px]`}\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\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-time-save\">\n            {loading ? 'Saving…' : 'Save'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n/** Delete a time entry, with confirmation. */\nexport function DeleteTimeEntryButton({\n  id,\n  refetchQueries,\n}: {\n  id: string;\n  refetchQueries: string[];\n}) {\n  const [remove, { loading }] = useMutation(DELETE_TIME_ENTRY, {\n    refetchQueries,\n    awaitRefetchQueries: true,\n  });\n  const [error, setError] = useState<string | null>(null);\n\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id } }));\n    } catch (e) {\n      setError(messageOf(e, 'The time entry could not be deleted.'));\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <ConfirmButton\n        label=\"\"\n        ariaLabel=\"Delete time entry\"\n        variant=\"outline\"\n        icon={<Trash2 className=\"h-4 w-4\" />}\n        title=\"Delete this time entry?\"\n        description=\"The logged time is removed. This cannot be undone here.\"\n        confirmLabel=\"Delete entry\"\n        destructive\n        disabled={loading}\n        onConfirm={() => void onDelete()}\n      />\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/time/TimesheetControls.d.ts

@@ -0,0 +1,18 @@
+/** Create a timesheet for a period. Entries the caller already logged inside that period are claimed by it. */
+export declare function CreateTimesheetDialog({ refetchQueries, onCreated, }: {
+    refetchQueries: string[];
+    onCreated?: (id: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+/** Submit a DRAFT or REJECTED timesheet for approval. Its totals are snapshotted at that instant (service). */
+export declare function SubmitTimesheetButton({ id, status, refetchQueries, }: {
+    id: string;
+    status: string;
+    refetchQueries: string[];
+}): import("react/jsx-runtime").JSX.Element | null;
+/** Approve / Reject, shown for a SUBMITTED timesheet. Reject asks for an optional reason. */
+export declare function TimesheetApprovalActions({ id, status, refetchQueries, }: {
+    id: string;
+    status: string;
+    refetchQueries: string[];
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TimesheetControls.d.ts.map

package/dist/planmagnet/time/TimesheetControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimesheetControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/time/TimesheetControls.tsx"],"names":[],"mappings":"AA+EA,+GAA+G;AAC/G,wBAAgB,qBAAqB,CAAC,EACpC,cAAc,EACd,SAAS,GACV,EAAE;IACD,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,2CAyGA;AAED,+GAA+G;AAC/G,wBAAgB,qBAAqB,CAAC,EACpC,EAAE,EACF,MAAM,EACN,cAAc,GACf,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,kDA+BA;AAED,6FAA6F;AAC7F,wBAAgB,wBAAwB,CAAC,EACvC,EAAE,EACF,MAAM,EACN,cAAc,GACf,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B,kDA+FA"}

package/dist/planmagnet/time/TimesheetControls.js

@@ -0,0 +1,244 @@
+import { throwOnError as e } from "../utils/mutationResult.js";
+import { ConfirmButton as t, ErrorLine as n } from "../controls/ConfirmButton.js";
+import { SUBMITTABLE_TIMESHEET_STATUSES as r, todayInputValue as i } from "./timeShared.js";
+import { useState as a } from "react";
+import { CalendarPlus as o, Check as s, X as c } from "lucide-react";
+import { gql as l } from "@apollo/client";
+import { useMutation as u } from "@apollo/client/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p, Input as m, ResponsiveDialog as h, ResponsiveDialogContent as g, ResponsiveDialogDescription as _, ResponsiveDialogFooter as v, ResponsiveDialogHeader as y, ResponsiveDialogTitle as b, ResponsiveDialogTrigger as x } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/time/TimesheetControls.tsx
+var S = l`
+  mutation TimesheetControlsCreate($input: PlanmagnetCreateTimesheetInput!) {
+    planmagnetCreateTimesheet(input: $input) {
+      id
+      periodStart
+      periodEnd
+      status
+      totalMinutes
+      billableMinutes
+    }
+  }
+`, C = l`
+  mutation TimesheetControlsSubmit($id: ID!) {
+    planmagnetSubmitTimesheet(id: $id) {
+      id
+      status
+      totalMinutes
+      billableMinutes
+    }
+  }
+`, w = l`
+  mutation TimesheetControlsApprove($id: ID!) {
+    planmagnetApproveTimesheet(id: $id) {
+      id
+      status
+      approverId
+      approvedAt
+    }
+  }
+`, T = l`
+  mutation TimesheetControlsReject($id: ID!, $reason: String) {
+    planmagnetRejectTimesheet(id: $id, reason: $reason) {
+      id
+      status
+      rejectionReason
+    }
+  }
+`, E = (e, t) => e instanceof Error ? e.message : t;
+function D({ refetchQueries: t, onCreated: r }) {
+	let [s, c] = a(!1), [l, C] = a(i()), [w, T] = a(i()), [D, O] = a(null), [k, { loading: A }] = u(S, {
+		refetchQueries: t,
+		awaitRefetchQueries: !0
+	}), j = () => {
+		C(i()), T(i()), O(null);
+	}, M = l && w && w < l, N = !A && !!l && !!w && !M, P = async () => {
+		O(null);
+		try {
+			let t = (await e(k({ variables: { input: {
+				periodStart: l,
+				periodEnd: w
+			} } }))).data?.planmagnetCreateTimesheet.id;
+			c(!1), j(), t && r?.(t);
+		} catch (e) {
+			O(E(e, "The timesheet could not be created."));
+		}
+	};
+	return /* @__PURE__ */ f(h, {
+		open: s,
+		onOpenChange: (e) => {
+			c(e), e ? j() : O(null);
+		},
+		children: [/* @__PURE__ */ d(x, {
+			asChild: !0,
+			children: /* @__PURE__ */ f(p, {
+				size: "sm",
+				"data-testid": "new-timesheet-open",
+				children: [/* @__PURE__ */ d(o, { className: "mr-1 h-4 w-4" }), "New timesheet"]
+			})
+		}), /* @__PURE__ */ f(g, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(b, { children: "New timesheet" }), /* @__PURE__ */ d(_, { children: "Any of your own time entries already logged inside this period are added to it." })] }),
+				/* @__PURE__ */ f("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								htmlFor: "new-timesheet-start",
+								className: "text-sm font-medium",
+								children: "Period start"
+							}), /* @__PURE__ */ d(m, {
+								id: "new-timesheet-start",
+								className: "mt-1",
+								type: "date",
+								value: l,
+								onChange: (e) => C(e.target.value)
+							})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								htmlFor: "new-timesheet-end",
+								className: "text-sm font-medium",
+								children: "Period end"
+							}), /* @__PURE__ */ d(m, {
+								id: "new-timesheet-end",
+								className: "mt-1",
+								type: "date",
+								value: w,
+								onChange: (e) => T(e.target.value)
+							})] })]
+						}),
+						M && /* @__PURE__ */ d(n, { message: "The period end cannot be before the period start." }),
+						D && /* @__PURE__ */ d(n, { message: D })
+					]
+				}),
+				/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(p, {
+					variant: "outline",
+					onClick: () => c(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ d(p, {
+					onClick: () => void P(),
+					disabled: !N,
+					"data-testid": "new-timesheet-submit",
+					children: A ? "Creating…" : "Create timesheet"
+				})] })
+			]
+		})]
+	});
+}
+function O({ id: i, status: o, refetchQueries: c }) {
+	let [l, { loading: p }] = u(C, {
+		refetchQueries: c,
+		awaitRefetchQueries: !0
+	}), [m, h] = a(null);
+	if (!r.has(o)) return null;
+	let g = async () => {
+		h(null);
+		try {
+			await e(l({ variables: { id: i } }));
+		} catch (e) {
+			h(E(e, "The timesheet could not be submitted."));
+		}
+	};
+	return /* @__PURE__ */ f("div", {
+		className: "flex flex-col items-end gap-1",
+		children: [/* @__PURE__ */ d(t, {
+			label: "Submit for approval",
+			icon: /* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }),
+			title: "Submit this timesheet?",
+			description: "Its hours are locked for review. Entries in it can no longer be edited or deleted until it is approved or rejected.",
+			confirmLabel: "Submit",
+			disabled: p,
+			onConfirm: () => void g()
+		}), m && /* @__PURE__ */ d(n, { message: m })]
+	});
+}
+function k({ id: r, status: i, refetchQueries: o }) {
+	let [l, m] = u(w, {
+		refetchQueries: o,
+		awaitRefetchQueries: !0
+	}), [S, C] = u(T, {
+		refetchQueries: o,
+		awaitRefetchQueries: !0
+	}), [D, O] = a(!1), [k, A] = a(""), [j, M] = a(null);
+	if (i !== "SUBMITTED") return null;
+	let N = m.loading || C.loading, P = async () => {
+		M(null);
+		try {
+			await e(l({ variables: { id: r } }));
+		} catch (e) {
+			M(E(e, "The timesheet could not be approved."));
+		}
+	}, F = async () => {
+		M(null);
+		try {
+			await e(S({ variables: {
+				id: r,
+				reason: k.trim() || void 0
+			} })), O(!1), A("");
+		} catch (e) {
+			M(E(e, "The timesheet could not be rejected."));
+		}
+	};
+	return /* @__PURE__ */ f("div", {
+		className: "flex flex-col items-end gap-1",
+		children: [/* @__PURE__ */ f("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ d(t, {
+				label: "Approve",
+				icon: /* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }),
+				title: "Approve this timesheet?",
+				description: "This is a billing sign-off on the hours shown. It cannot be undone here.",
+				confirmLabel: "Approve",
+				disabled: N,
+				onConfirm: () => void P()
+			}), /* @__PURE__ */ f(h, {
+				open: D,
+				onOpenChange: (e) => {
+					O(e), e || A("");
+				},
+				children: [/* @__PURE__ */ d(x, {
+					asChild: !0,
+					children: /* @__PURE__ */ f(p, {
+						size: "sm",
+						variant: "outline",
+						disabled: N,
+						"data-testid": "reject-timesheet-open",
+						children: [/* @__PURE__ */ d(c, { className: "mr-1 h-4 w-4" }), "Reject"]
+					})
+				}), /* @__PURE__ */ f(g, {
+					className: "max-w-md",
+					children: [
+						/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(b, { children: "Reject this timesheet?" }), /* @__PURE__ */ d(_, { children: "It goes back to the owner as Rejected. They can fix the entries and re-submit." })] }),
+						/* @__PURE__ */ f("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ d("label", {
+								htmlFor: "reject-timesheet-reason",
+								className: "text-sm font-medium",
+								children: "Reason (optional, shown to the owner)"
+							}), /* @__PURE__ */ d("textarea", {
+								id: "reject-timesheet-reason",
+								className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]",
+								value: k,
+								onChange: (e) => A(e.target.value)
+							})]
+						}),
+						/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(p, {
+							variant: "outline",
+							onClick: () => O(!1),
+							children: "Cancel"
+						}), /* @__PURE__ */ d(p, {
+							onClick: () => void F(),
+							disabled: N,
+							"data-testid": "reject-timesheet-submit",
+							children: C.loading ? "Rejecting…" : "Reject"
+						})] })
+					]
+				})]
+			})]
+		}), j && /* @__PURE__ */ d(n, { message: j })]
+	});
+}
+//#endregion
+export { D as CreateTimesheetDialog, O as SubmitTimesheetButton, k as TimesheetApprovalActions };
+
+//# sourceMappingURL=TimesheetControls.js.map