@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.6

package/dist/planmagnet/controls/CustomFieldValuesPanel.js

@@ -0,0 +1,315 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { throwOnError as r } from "../utils/mutationResult.js";
+import { ErrorLine as i } from "./ConfirmButton.js";
+import { useAssigneeOptions as a } from "./WorkItemControls.js";
+import { detailPath as o } from "../utils/rowNavigation.js";
+import { CUSTOM_FIELD_QUERIES as s, PROJECT_CUSTOM_FIELD_DEFINITIONS as c, REMOVE_CUSTOM_FIELD_VALUE as l, SET_CUSTOM_FIELD_VALUE as u, optionStrings as d } from "./CustomFieldControls.js";
+import { useState as f } from "react";
+import { ListPlus as p } from "lucide-react";
+import { useMutation as m, useQuery as h } from "@apollo/client/react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Input as C } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/controls/CustomFieldValuesPanel.tsx
+var w = {
+	refetchQueries: s,
+	awaitRefetchQueries: !0
+};
+function T(e) {
+	let [t, n] = m(u, w), [i, a] = m(l, w), [o, s] = f(null);
+	return {
+		save: async (n, i) => {
+			s(null);
+			try {
+				return await r(t({ variables: { input: {
+					definitionId: n,
+					workItemId: e,
+					value: i
+				} } })), !0;
+			} catch (e) {
+				return s(e instanceof Error ? e.message : "The value could not be saved."), !1;
+			}
+		},
+		clear: async (t) => {
+			s(null);
+			try {
+				return await r(i({ variables: {
+					definitionId: t,
+					workItemId: e
+				} })), !0;
+			} catch (e) {
+				return s(e instanceof Error ? e.message : "The value could not be cleared."), !1;
+			}
+		},
+		saving: n.loading || a.loading,
+		error: o
+	};
+}
+var E = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60";
+function D({ workItemId: e, definition: t, value: n }) {
+	let { save: r, clear: a, saving: o, error: s } = T(e), c = n !== void 0, l = `custom-field-value-${t.id}`;
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-1.5 border-b pb-3 last:border-0 last:pb-0",
+		"data-testid": l,
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ _("label", {
+					htmlFor: l,
+					className: "text-sm font-medium",
+					children: [t.name, t.isRequired && /* @__PURE__ */ g("span", {
+						className: "text-destructive",
+						children: " *"
+					})]
+				}), c && /* @__PURE__ */ g("button", {
+					type: "button",
+					className: "text-xs text-muted-foreground hover:underline disabled:opacity-60",
+					disabled: o,
+					onClick: () => void a(t.id),
+					children: "Clear"
+				})]
+			}),
+			t.description && /* @__PURE__ */ g("p", {
+				className: "text-xs text-muted-foreground",
+				children: t.description
+			}),
+			/* @__PURE__ */ g(O, {
+				id: l,
+				definition: t,
+				value: n?.value,
+				saving: o,
+				onSave: (e) => e == null ? c ? a(t.id) : Promise.resolve(!0) : r(t.id, e)
+			}),
+			!c && /* @__PURE__ */ g("p", {
+				className: "text-xs text-muted-foreground",
+				children: "Not set."
+			}),
+			s && /* @__PURE__ */ g(i, { message: s })
+		]
+	});
+}
+function O({ id: e, definition: t, value: n, saving: r, onSave: i }) {
+	let a = t.fieldType;
+	if (a === "BOOLEAN") {
+		let t = n === !0;
+		return /* @__PURE__ */ _("label", {
+			className: "flex items-center gap-2 text-sm",
+			children: [/* @__PURE__ */ g("input", {
+				id: e,
+				type: "checkbox",
+				checked: t,
+				disabled: r,
+				onChange: (e) => void i(e.target.checked)
+			}), t ? "Yes" : "No"]
+		});
+	}
+	if (a === "SELECT") {
+		let a = d(t.options), o = typeof n == "string" ? n : "", s = o && !a.includes(o) ? [o, ...a] : a;
+		return /* @__PURE__ */ _("select", {
+			id: e,
+			className: E,
+			value: o,
+			disabled: r,
+			onChange: (e) => {
+				e.target.value && i(e.target.value);
+			},
+			children: [/* @__PURE__ */ g("option", {
+				value: "",
+				children: "Choose…"
+			}), s.map((e) => /* @__PURE__ */ g("option", {
+				value: e,
+				children: e
+			}, e))]
+		});
+	}
+	if (a === "MULTI_SELECT") {
+		let e = d(t.options), a = Array.isArray(n) ? n.filter((e) => typeof e == "string") : [], o = [...new Set([...e, ...a])], s = (e) => {
+			i(a.includes(e) ? a.filter((t) => t !== e) : [...a, e]);
+		};
+		return /* @__PURE__ */ _("div", {
+			className: "flex flex-wrap gap-x-4 gap-y-1",
+			children: [o.map((e) => /* @__PURE__ */ _("label", {
+				className: "flex items-center gap-1.5 text-sm",
+				children: [/* @__PURE__ */ g("input", {
+					type: "checkbox",
+					checked: a.includes(e),
+					disabled: r,
+					onChange: () => s(e)
+				}), e]
+			}, e)), o.length === 0 && /* @__PURE__ */ g("span", {
+				className: "text-sm text-muted-foreground",
+				children: "No options configured."
+			})]
+		});
+	}
+	return a === "USER" ? /* @__PURE__ */ g(k, {
+		id: e,
+		value: typeof n == "string" ? n : "",
+		disabled: r,
+		onSave: i
+	}) : a === "DATE" ? /* @__PURE__ */ g(C, {
+		id: e,
+		type: "date",
+		disabled: r,
+		value: typeof n == "string" ? n.slice(0, 10) : "",
+		onChange: (e) => void i(e.target.value || null)
+	}) : a === "NUMBER" ? /* @__PURE__ */ g(A, {
+		id: e,
+		inputType: "number",
+		initial: typeof n == "number" ? String(n) : "",
+		saving: r,
+		onSave: (e) => {
+			let t = e.trim();
+			if (t === "") return i(null);
+			let n = Number(t);
+			return Number.isFinite(n) ? i(n) : Promise.resolve(!1);
+		},
+		invalid: (e) => e.trim() !== "" && !Number.isFinite(Number(e.trim())),
+		invalidMessage: "Enter a number."
+	}) : a === "JSON" ? /* @__PURE__ */ g(A, {
+		id: e,
+		multiline: !0,
+		initial: n === void 0 ? "" : JSON.stringify(n, null, 2),
+		saving: r,
+		onSave: (e) => {
+			let t = e.trim();
+			if (t === "") return i(null);
+			try {
+				return i(JSON.parse(t));
+			} catch {
+				return Promise.resolve(!1);
+			}
+		},
+		invalid: (e) => {
+			let t = e.trim();
+			if (t === "") return !1;
+			try {
+				return JSON.parse(t), !1;
+			} catch {
+				return !0;
+			}
+		},
+		invalidMessage: "That is not valid JSON."
+	}) : /* @__PURE__ */ g(A, {
+		id: e,
+		inputType: a === "URL" ? "url" : a === "EMAIL" ? "email" : "text",
+		initial: typeof n == "string" ? n : "",
+		saving: r,
+		onSave: (e) => i(e.trim() === "" ? null : e.trim()),
+		invalid: () => !1,
+		invalidMessage: ""
+	});
+}
+function k({ id: e, value: t, disabled: r, onSave: i }) {
+	let { options: o, loading: s } = a(t || null);
+	return /* @__PURE__ */ _("div", {
+		className: "flex flex-col gap-1",
+		children: [
+			/* @__PURE__ */ _("select", {
+				id: e,
+				className: E,
+				value: t,
+				disabled: r,
+				onChange: (e) => {
+					e.target.value && i(e.target.value);
+				},
+				children: [/* @__PURE__ */ g("option", {
+					value: "",
+					children: "Choose a member…"
+				}), o.map((e) => /* @__PURE__ */ g("option", {
+					value: e.id,
+					children: e.name
+				}, e.id))]
+			}),
+			t && /* @__PURE__ */ _("p", {
+				className: "text-xs text-muted-foreground",
+				children: ["Currently ", /* @__PURE__ */ g(n, { id: t })]
+			}),
+			s && o.length === 0 && /* @__PURE__ */ g("span", {
+				className: "text-xs text-muted-foreground",
+				children: "Loading members…"
+			})
+		]
+	});
+}
+function A({ id: e, initial: t, saving: n, onSave: r, invalid: a, invalidMessage: o, multiline: s = !1, inputType: c = "text" }) {
+	let [l, u] = f(t), [d, p] = f(t), [m, h] = f(!1);
+	t !== d && l === d && (u(t), p(t));
+	let y = l !== d, b = a(l), x = async () => {
+		if (!(!y || b || m)) {
+			h(!0);
+			try {
+				await r(l) && p(l);
+			} finally {
+				h(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ _("div", {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ _("div", {
+			className: "flex gap-2",
+			children: [s ? /* @__PURE__ */ g("textarea", {
+				id: e,
+				className: `${E} min-h-[96px] font-mono text-xs`,
+				value: l,
+				disabled: n,
+				onChange: (e) => u(e.target.value)
+			}) : /* @__PURE__ */ g(C, {
+				id: e,
+				type: c,
+				className: "flex-1",
+				value: l,
+				disabled: n,
+				onChange: (e) => u(e.target.value)
+			}), /* @__PURE__ */ g(v, {
+				size: "sm",
+				variant: "outline",
+				disabled: !y || b || n || m,
+				onClick: () => void x(),
+				children: n || m ? "Saving…" : "Save"
+			})]
+		}), b && /* @__PURE__ */ g(i, { message: o })]
+	});
+}
+function j({ workItemId: n, projectId: r, values: a }) {
+	let { workspaceId: s } = e(), l = t(), { data: u, loading: d, error: f } = h(c, {
+		variables: {
+			workspaceId: s ?? "",
+			projectId: r
+		},
+		skip: !s || !r
+	}), m = [...u?.planmagnetCustomFieldDefinitions.items ?? []].sort((e, t) => e.sortOrder - t.sortOrder || e.name.localeCompare(t.name)), C = new Map(a.map((e) => [e.definitionId, e]));
+	return /* @__PURE__ */ _(y, { children: [/* @__PURE__ */ _(x, {
+		className: "flex flex-row items-center justify-between space-y-0",
+		children: [/* @__PURE__ */ g(S, { children: "Custom Fields" }), /* @__PURE__ */ _(v, {
+			size: "sm",
+			variant: "outline",
+			onClick: () => l(o("/projects/project-custom-fields-page", r)),
+			children: [/* @__PURE__ */ g(p, { className: "mr-1 h-4 w-4" }), "Manage fields"]
+		})]
+	}), /* @__PURE__ */ _(b, {
+		className: "space-y-4",
+		children: [
+			d && !u && /* @__PURE__ */ g("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Loading…"
+			}),
+			f && /* @__PURE__ */ g(i, { message: f.message }),
+			u && m.length === 0 && /* @__PURE__ */ g("p", {
+				className: "text-sm text-muted-foreground",
+				"data-testid": "custom-fields-panel-empty",
+				children: "This project has no custom fields yet."
+			}),
+			m.map((e) => /* @__PURE__ */ g(D, {
+				workItemId: n,
+				definition: e,
+				value: C.get(e.id)
+			}, e.id))
+		]
+	})] });
+}
+//#endregion
+export { j as CustomFieldsPanel };
+
+//# sourceMappingURL=CustomFieldValuesPanel.js.map

package/dist/planmagnet/controls/CustomFieldValuesPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldValuesPanel.js","names":[],"sources":["../../../src/planmagnet/controls/CustomFieldValuesPanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { Button, Card, CardContent, CardHeader, CardTitle, Input } from '@burdenoff/fe-libs/ui';\nimport { ListPlus } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError } from '../utils/mutationResult';\nimport { ErrorLine } from './ConfirmButton';\nimport { useAssigneeOptions } from './WorkItemControls';\nimport { PersonName } from '../people/People';\nimport {\n  CUSTOM_FIELD_QUERIES,\n  PROJECT_CUSTOM_FIELD_DEFINITIONS,\n  REMOVE_CUSTOM_FIELD_VALUE,\n  SET_CUSTOM_FIELD_VALUE,\n  optionStrings,\n  type CustomFieldDefinitionSummary,\n  type CustomFieldValueSummary,\n} from './CustomFieldControls';\n\n/**\n * A task's custom field values (BOFF-8047, capability register: Custom fields, `api-only`). The definitions come\n * from the task's own project; a value is only ever shown/edited for a definition the project still has. Every\n * write goes through `planmagnetSetCustomFieldValue` / `planmagnetRemoveCustomFieldValue` — the same fields\n * `WorkItem.customFieldValues` reads back (BOFF-7704/7839 follow-up) — and a refusal is shown, never swallowed\n * (fe-libs `errorPolicy: 'all'` resolves a failed mutation instead of rejecting it).\n */\n\nconst mutationOptions = {\n  refetchQueries: CUSTOM_FIELD_QUERIES,\n  awaitRefetchQueries: true,\n} as const;\n\nfunction useValueMutations(workItemId: string) {\n  const [set, setState] = useMutation(SET_CUSTOM_FIELD_VALUE, mutationOptions);\n  const [remove, removeState] = useMutation(REMOVE_CUSTOM_FIELD_VALUE, mutationOptions);\n  const [error, setError] = useState<string | null>(null);\n\n  // Returns whether the write actually landed: fe-libs `errorPolicy: 'all'` resolves a refused mutation\n  // instead of rejecting it, so callers that need to know \"did this really save\" (not just \"did we ask\n  // the server\") must read this return value rather than assume the awaited promise settling means success.\n  const save = async (definitionId: string, value: unknown): Promise<boolean> => {\n    setError(null);\n    try {\n      await throwOnError(set({ variables: { input: { definitionId, workItemId, value } } }));\n      return true;\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The value could not be saved.');\n      return false;\n    }\n  };\n  const clear = async (definitionId: string): Promise<boolean> => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { definitionId, workItemId } }));\n      return true;\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The value could not be cleared.');\n      return false;\n    }\n  };\n  return { save, clear, saving: setState.loading || removeState.loading, error };\n}\n\nconst fieldClass =\n  'w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60';\n\n/** A single definition's row: its current value (if any) and the control to change it. */\nfunction CustomFieldRow({\n  workItemId,\n  definition,\n  value,\n}: {\n  workItemId: string;\n  definition: CustomFieldDefinitionSummary;\n  value: CustomFieldValueSummary | undefined;\n}) {\n  const { save, clear, saving, error } = useValueMutations(workItemId);\n  const isSet = value !== undefined;\n  const testId = `custom-field-value-${definition.id}`;\n\n  return (\n    <div className=\"space-y-1.5 border-b pb-3 last:border-0 last:pb-0\" data-testid={testId}>\n      <div className=\"flex items-center justify-between gap-2\">\n        <label htmlFor={testId} className=\"text-sm font-medium\">\n          {definition.name}\n          {definition.isRequired && <span className=\"text-destructive\"> *</span>}\n        </label>\n        {isSet && (\n          <button\n            type=\"button\"\n            className=\"text-xs text-muted-foreground hover:underline disabled:opacity-60\"\n            disabled={saving}\n            onClick={() => void clear(definition.id)}\n          >\n            Clear\n          </button>\n        )}\n      </div>\n      {definition.description && (\n        <p className=\"text-xs text-muted-foreground\">{definition.description}</p>\n      )}\n      <CustomFieldControl\n        id={testId}\n        definition={definition}\n        value={value?.value}\n        saving={saving}\n        onSave={(next) => {\n          // `PlanmagnetSetCustomFieldValueInput.value` is `JSON!` (non-null) in production — a control\n          // clearing itself back to empty (the DATE input's native × button with no Save gate, or Save on\n          // an emptied text/number/JSON field) must route through the REMOVE mutation instead, exactly\n          // like the \"Clear\" link above. Nothing to remove when the row was never set — a no-op, not a\n          // delete-not-found, and there was nothing to fail, so it reports success.\n          if (next === null || next === undefined) {\n            return isSet ? clear(definition.id) : Promise.resolve(true);\n          }\n          return save(definition.id, next);\n        }}\n      />\n      {!isSet && <p className=\"text-xs text-muted-foreground\">Not set.</p>}\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\n/** The input for one field, shaped by `fieldType`. Selects/booleans/users save on change; free text needs a\n * Save button so a keystroke never fires a request. */\nfunction CustomFieldControl({\n  id,\n  definition,\n  value,\n  saving,\n  onSave,\n}: {\n  id: string;\n  definition: CustomFieldDefinitionSummary;\n  value: unknown;\n  saving: boolean;\n  onSave: (value: unknown) => Promise<boolean>;\n}) {\n  const type = definition.fieldType;\n\n  if (type === 'BOOLEAN') {\n    const checked = value === true;\n    return (\n      <label className=\"flex items-center gap-2 text-sm\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          checked={checked}\n          disabled={saving}\n          onChange={(e) => void onSave(e.target.checked)}\n        />\n        {checked ? 'Yes' : 'No'}\n      </label>\n    );\n  }\n\n  if (type === 'SELECT') {\n    const options = optionStrings(definition.options);\n    const current = typeof value === 'string' ? value : '';\n    const all = current && !options.includes(current) ? [current, ...options] : options;\n    return (\n      <select\n        id={id}\n        className={fieldClass}\n        value={current}\n        disabled={saving}\n        onChange={(e) => {\n          if (e.target.value) void onSave(e.target.value);\n        }}\n      >\n        <option value=\"\">Choose…</option>\n        {all.map((o) => (\n          <option key={o} value={o}>\n            {o}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  if (type === 'MULTI_SELECT') {\n    const options = optionStrings(definition.options);\n    const current = Array.isArray(value)\n      ? value.filter((v): v is string => typeof v === 'string')\n      : [];\n    const all = [...new Set([...options, ...current])];\n    const toggle = (option: string) => {\n      const next = current.includes(option)\n        ? current.filter((o) => o !== option)\n        : [...current, option];\n      void onSave(next);\n    };\n    return (\n      <div className=\"flex flex-wrap gap-x-4 gap-y-1\">\n        {all.map((o) => (\n          <label key={o} className=\"flex items-center gap-1.5 text-sm\">\n            <input\n              type=\"checkbox\"\n              checked={current.includes(o)}\n              disabled={saving}\n              onChange={() => toggle(o)}\n            />\n            {o}\n          </label>\n        ))}\n        {all.length === 0 && (\n          <span className=\"text-sm text-muted-foreground\">No options configured.</span>\n        )}\n      </div>\n    );\n  }\n\n  if (type === 'USER') {\n    const current = typeof value === 'string' ? value : '';\n    return <UserFieldControl id={id} value={current} disabled={saving} onSave={onSave} />;\n  }\n\n  if (type === 'DATE') {\n    // Value is stored raw (the register: value writes skip type validation) — this UI always writes an\n    // ISO date-only string, the shape every other date field in this app sends.\n    const current = typeof value === 'string' ? value.slice(0, 10) : '';\n    return (\n      <Input\n        id={id}\n        type=\"date\"\n        disabled={saving}\n        value={current}\n        onChange={(e) => void onSave(e.target.value || null)}\n      />\n    );\n  }\n\n  if (type === 'NUMBER') {\n    return (\n      <FreeTextControl\n        id={id}\n        inputType=\"number\"\n        initial={typeof value === 'number' ? String(value) : ''}\n        saving={saving}\n        onSave={(text) => {\n          const trimmed = text.trim();\n          if (trimmed === '') return onSave(null);\n          const n = Number(trimmed);\n          return Number.isFinite(n) ? onSave(n) : Promise.resolve(false);\n        }}\n        invalid={(text) => text.trim() !== '' && !Number.isFinite(Number(text.trim()))}\n        invalidMessage=\"Enter a number.\"\n      />\n    );\n  }\n\n  if (type === 'JSON') {\n    return (\n      <FreeTextControl\n        id={id}\n        multiline\n        initial={value === undefined ? '' : JSON.stringify(value, null, 2)}\n        saving={saving}\n        onSave={(text) => {\n          const trimmed = text.trim();\n          if (trimmed === '') return onSave(null);\n          try {\n            return onSave(JSON.parse(trimmed));\n          } catch {\n            return Promise.resolve(false);\n          }\n        }}\n        invalid={(text) => {\n          const trimmed = text.trim();\n          if (trimmed === '') return false;\n          try {\n            JSON.parse(trimmed);\n            return false;\n          } catch {\n            return true;\n          }\n        }}\n        invalidMessage=\"That is not valid JSON.\"\n      />\n    );\n  }\n\n  // TEXT, URL, EMAIL, LABEL and anything future: a plain line of text.\n  return (\n    <FreeTextControl\n      id={id}\n      inputType={type === 'URL' ? 'url' : type === 'EMAIL' ? 'email' : 'text'}\n      initial={typeof value === 'string' ? value : ''}\n      saving={saving}\n      onSave={(text) => onSave(text.trim() === '' ? null : text.trim())}\n      invalid={() => false}\n      invalidMessage=\"\"\n    />\n  );\n}\n\n/** A user-id value: the workspace directory picker used elsewhere (BOFF-7946), '' clears the value. */\nfunction UserFieldControl({\n  id,\n  value,\n  disabled,\n  onSave,\n}: {\n  id: string;\n  value: string;\n  disabled: boolean;\n  onSave: (value: unknown) => Promise<boolean>;\n}) {\n  const { options, loading } = useAssigneeOptions(value || null);\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <select\n        id={id}\n        className={fieldClass}\n        value={value}\n        disabled={disabled}\n        onChange={(e) => {\n          if (e.target.value) void onSave(e.target.value);\n        }}\n      >\n        <option value=\"\">Choose a member…</option>\n        {options.map((o) => (\n          <option key={o.id} value={o.id}>\n            {o.name}\n          </option>\n        ))}\n      </select>\n      {value && (\n        <p className=\"text-xs text-muted-foreground\">\n          Currently <PersonName id={value} />\n        </p>\n      )}\n      {loading && options.length === 0 && (\n        <span className=\"text-xs text-muted-foreground\">Loading members…</span>\n      )}\n    </div>\n  );\n}\n\n/** Text/number/JSON entry: local draft state so typing never fires a request, an explicit Save button so\n * one does fire exactly once. */\nfunction FreeTextControl({\n  id,\n  initial,\n  saving,\n  onSave,\n  invalid,\n  invalidMessage,\n  multiline = false,\n  inputType = 'text',\n}: {\n  id: string;\n  initial: string;\n  saving: boolean;\n  onSave: (text: string) => Promise<boolean>;\n  invalid: (text: string) => boolean;\n  invalidMessage: string;\n  multiline?: boolean;\n  inputType?: string;\n}) {\n  const [draft, setDraft] = useState(initial);\n  const [lastSaved, setLastSaved] = useState(initial);\n  // Tracks the in-flight commit separately from the parent's `saving` (the mutation's own loading state):\n  // it covers the gap between clicking Save and that loading flag actually flipping true, so a second click\n  // can never fire a duplicate request.\n  const [committing, setCommitting] = useState(false);\n  // The definition's own value changed under us (a save completed, or another editor's did): pick it up,\n  // but only while this control has no unsaved edit of its own.\n  if (initial !== lastSaved && draft === lastSaved) {\n    setDraft(initial);\n    setLastSaved(initial);\n  }\n  const dirty = draft !== lastSaved;\n  const bad = invalid(draft);\n\n  const commit = async () => {\n    if (!dirty || bad || committing) return;\n    setCommitting(true);\n    try {\n      // Only a CONFIRMED success may mark the draft as saved. fe-libs resolves a refused mutation instead\n      // of rejecting it (errorPolicy: 'all'), so `await onSave(draft)` alone settling is not success — the\n      // Save button must stay enabled (and the draft stay in the box) until `onSave` reports `true`, or a\n      // refusal would look saved while the write never landed.\n      const ok = await onSave(draft);\n      if (ok) setLastSaved(draft);\n    } finally {\n      setCommitting(false);\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <div className=\"flex gap-2\">\n        {multiline ? (\n          <textarea\n            id={id}\n            className={`${fieldClass} min-h-[96px] font-mono text-xs`}\n            value={draft}\n            disabled={saving}\n            onChange={(e) => setDraft(e.target.value)}\n          />\n        ) : (\n          <Input\n            id={id}\n            type={inputType}\n            className=\"flex-1\"\n            value={draft}\n            disabled={saving}\n            onChange={(e) => setDraft(e.target.value)}\n          />\n        )}\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          disabled={!dirty || bad || saving || committing}\n          onClick={() => void commit()}\n        >\n          {saving || committing ? 'Saving…' : 'Save'}\n        </Button>\n      </div>\n      {bad && <ErrorLine message={invalidMessage} />}\n    </div>\n  );\n}\n\nexport function CustomFieldsPanel({\n  workItemId,\n  projectId,\n  values,\n}: {\n  workItemId: string;\n  projectId: string;\n  values: CustomFieldValueSummary[];\n}) {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const { data, loading, error } = useQuery<{\n    planmagnetCustomFieldDefinitions: { items: CustomFieldDefinitionSummary[] };\n  }>(PROJECT_CUSTOM_FIELD_DEFINITIONS, {\n    variables: { workspaceId: workspaceId ?? '', projectId },\n    skip: !workspaceId || !projectId,\n  });\n  const definitions = [...(data?.planmagnetCustomFieldDefinitions.items ?? [])].sort(\n    (a, b) => a.sortOrder - b.sortOrder || a.name.localeCompare(b.name)\n  );\n  const byDefinition = new Map(values.map((v) => [v.definitionId, v]));\n\n  return (\n    <Card>\n      <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n        <CardTitle>Custom Fields</CardTitle>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={() => navigate(detailPath('/projects/project-custom-fields-page', projectId))}\n        >\n          <ListPlus className=\"mr-1 h-4 w-4\" />\n          Manage fields\n        </Button>\n      </CardHeader>\n      <CardContent className=\"space-y-4\">\n        {/* Only before the first load: a refetch (any value save) must not blank every other field's state. */}\n        {loading && !data && <p className=\"text-sm text-muted-foreground\">Loading…</p>}\n        {error && <ErrorLine message={error.message} />}\n        {data && definitions.length === 0 && (\n          <p className=\"text-sm text-muted-foreground\" data-testid=\"custom-fields-panel-empty\">\n            This project has no custom fields yet.\n          </p>\n        )}\n        {definitions.map((def) => (\n          <CustomFieldRow\n            key={def.id}\n            workItemId={workItemId}\n            definition={def}\n            value={byDefinition.get(def.id)}\n          />\n        ))}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/controls/FeatureControls.js

@@ -1,10 +1,10 @@
 import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { LEAVES_PAGE_CONTEXT as t, throwOnError as n } from "../utils/mutationResult.js";
-import { detailPath as r } from "../utils/rowNavigation.js";
-import { ConfirmButton as i, ErrorLine as a } from "./ConfirmButton.js";
-import { ProjectSelect as o, WorkItemSearchSelect as s } from "./Pickers.js";
-import { parseIntField as c } from "../utils/formValidation.js";
-import { enumLabel as l } from "./WorkItemControls.js";
+import { ConfirmButton as r, ErrorLine as i } from "./ConfirmButton.js";
+import { ProjectSelect as a, WorkItemSearchSelect as o } from "./Pickers.js";
+import { enumLabel as s } from "./WorkItemControls.js";
+import { detailPath as c } from "../utils/rowNavigation.js";
+import { parseIntField as l } from "../utils/formValidation.js";
 import { useState as u } from "react";
 import { BarChart3 as d, Pencil as f, ThumbsUp as p, Trash2 as m } from "lucide-react";
 import { gql as h } from "@apollo/client";
@@ -60,7 +60,7 @@ var O = [
 	awaitRefetchQueries: !0
 };
 function F({ featureId: e, voted: t }) {
-	let [r, i] = g(A, P), [o, s] = g(j, P), [c, l] = u(null), d = i.loading || s.loading, f = async () => {
+	let [r, a] = g(A, P), [o, s] = g(j, P), [c, l] = u(null), d = a.loading || s.loading, f = async () => {
 		l(null);
 		try {
 			await n((t ? o : r)({ variables: { id: e } }));
@@ -78,18 +78,18 @@ function F({ featureId: e, voted: t }) {
 			disabled: d,
 			onClick: () => void f(),
 			children: [/* @__PURE__ */ _(p, { className: "mr-1 h-4 w-4" }), t ? "Voted" : "Vote"]
-		}), c && /* @__PURE__ */ _(a, { message: c })]
+		}), c && /* @__PURE__ */ _(i, { message: c })]
 	});
 }
-function I({ feature: o }) {
-	let s = e(), [c, f] = g(M, P), [p, h] = g(N, {
+function I({ feature: a }) {
+	let o = e(), [l, f] = g(M, P), [p, h] = g(N, {
 		refetchQueries: k.filter((e) => e !== "GetFeatureRequest"),
 		context: t
-	}), [b, x] = u(null), S = f.loading || h.loading, C = O.includes(o.status) ? O : [o.status, ...O], w = async (e) => {
+	}), [b, x] = u(null), S = f.loading || h.loading, C = O.includes(a.status) ? O : [a.status, ...O], w = async (e) => {
 		x(null);
 		try {
-			await n(c({ variables: {
-				id: o.id,
+			await n(l({ variables: {
+				id: a.id,
 				input: { status: e }
 			} }));
 		} catch (e) {
@@ -98,7 +98,7 @@ function I({ feature: o }) {
 	}, T = async () => {
 		x(null);
 		try {
-			await n(p({ variables: { id: o.id } })), s("/products/features-page");
+			await n(p({ variables: { id: a.id } })), o("/products/features-page");
 		} catch (e) {
 			x(e instanceof Error ? e.message : "The request could not be deleted.");
 		}
@@ -112,29 +112,29 @@ function I({ feature: o }) {
 					"aria-label": "Status",
 					"data-testid": "feature-status",
 					className: "rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60",
-					value: o.status,
+					value: a.status,
 					disabled: S,
 					onChange: (e) => {
-						e.target.value !== o.status && w(e.target.value);
+						e.target.value !== a.status && w(e.target.value);
 					},
 					children: C.map((e) => /* @__PURE__ */ _("option", {
 						value: e,
-						children: l(e)
+						children: s(e)
 					}, e))
 				}),
-				/* @__PURE__ */ _(L, { feature: o }),
+				/* @__PURE__ */ _(L, { feature: a }),
 				/* @__PURE__ */ v(y, {
 					size: "sm",
 					variant: "outline",
 					"data-testid": "feature-analytics",
-					onClick: () => s(r("/products/feature-analytics-page", o.id)),
+					onClick: () => o(c("/products/feature-analytics-page", a.id)),
 					children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Analytics"]
 				}),
-				/* @__PURE__ */ _(i, {
+				/* @__PURE__ */ _(r, {
 					label: "Delete",
 					variant: "outline",
 					icon: /* @__PURE__ */ _(m, { className: "mr-1 h-4 w-4" }),
-					title: `Delete "${o.title}"?`,
+					title: `Delete "${a.title}"?`,
 					description: "The request and its votes are deleted. This cannot be undone here.",
 					confirmLabel: "Delete request",
 					destructive: !0,
@@ -142,7 +142,7 @@ function I({ feature: o }) {
 					onConfirm: () => void T()
 				})
 			]
-		}), b && /* @__PURE__ */ _(a, { message: b })]
+		}), b && /* @__PURE__ */ _(i, { message: b })]
 	});
 }
 function L({ feature: e }) {
@@ -153,35 +153,35 @@ function L({ feature: e }) {
 		effortEstimate: e.effortEstimate ?? "",
 		projectId: e.projectId ?? "",
 		workItemId: e.workItemId ?? ""
-	}, [r, i] = u(!1), [l, d] = u(t), [p, m] = u(null), [h, O] = g(M, P), k = c(l.businessValue, {
+	}, [r, s] = u(!1), [c, d] = u(t), [p, m] = u(null), [h, O] = g(M, P), k = l(c.businessValue, {
 		min: 0,
 		max: 100
-	}), A = l.title.trim() !== "" && !k.invalid && !O.loading, j = async () => {
+	}), A = c.title.trim() !== "" && !k.invalid && !O.loading, j = async () => {
 		m(null);
-		let r = (e) => e.trim() ? e.trim() : null, a = {
-			title: l.title.trim(),
-			description: r(l.description),
+		let r = (e) => e.trim() ? e.trim() : null, i = {
+			title: c.title.trim(),
+			description: r(c.description),
 			businessValue: k.value ?? null,
-			effortEstimate: r(l.effortEstimate),
-			projectId: l.projectId || null,
-			workItemId: l.workItemId || null
-		}, o = {
+			effortEstimate: r(c.effortEstimate),
+			projectId: c.projectId || null,
+			workItemId: c.workItemId || null
+		}, a = {
 			title: t.title,
 			description: r(t.description),
 			businessValue: t.businessValue === "" ? null : Number(t.businessValue),
 			effortEstimate: r(t.effortEstimate),
 			projectId: t.projectId || null,
 			workItemId: t.workItemId || null
-		}, s = Object.fromEntries(Object.entries(a).filter(([e, t]) => t !== o[e]));
-		if (Object.keys(s).length === 0) {
-			i(!1);
+		}, o = Object.fromEntries(Object.entries(i).filter(([e, t]) => t !== a[e]));
+		if (Object.keys(o).length === 0) {
+			s(!1);
 			return;
 		}
 		try {
 			await n(h({ variables: {
 				id: e.id,
-				input: s
-			} })), i(!1);
+				input: o
+			} })), s(!1);
 		} catch (e) {
 			m(e instanceof Error ? e.message : "The request could not be saved.");
 		}
@@ -189,7 +189,7 @@ function L({ feature: e }) {
 	return /* @__PURE__ */ v(x, {
 		open: r,
 		onOpenChange: (e) => {
-			i(e), e ? d(t) : m(null);
+			s(e), e ? d(t) : m(null);
 		},
 		children: [/* @__PURE__ */ _(D, {
 			asChild: !0,
@@ -213,9 +213,9 @@ function L({ feature: e }) {
 						}), /* @__PURE__ */ _(b, {
 							id: "feature-edit-title",
 							className: "mt-1",
-							value: l.title,
+							value: c.title,
 							onChange: (e) => d({
-								...l,
+								...c,
 								title: e.target.value
 							})
 						})] }),
@@ -226,9 +226,9 @@ function L({ feature: e }) {
 						}), /* @__PURE__ */ _("textarea", {
 							id: "feature-edit-description",
 							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]",
-							value: l.description,
+							value: c.description,
 							onChange: (e) => d({
-								...l,
+								...c,
 								description: e.target.value
 							})
 						})] }),
@@ -244,10 +244,10 @@ function L({ feature: e }) {
 								min: 0,
 								max: 100,
 								className: "mt-1",
-								value: l.businessValue,
+								value: c.businessValue,
 								"aria-invalid": k.invalid,
 								onChange: (e) => d({
-									...l,
+									...c,
 									businessValue: e.target.value
 								})
 							})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
@@ -258,26 +258,26 @@ function L({ feature: e }) {
 								id: "feature-edit-effort",
 								className: "mt-1",
 								placeholder: "e.g. M",
-								value: l.effortEstimate,
+								value: c.effortEstimate,
 								onChange: (e) => d({
-									...l,
+									...c,
 									effortEstimate: e.target.value
 								})
 							})] })]
 						}),
-						k.invalid && /* @__PURE__ */ _(a, { message: "Business value is a whole number from 0 to 100." }),
+						k.invalid && /* @__PURE__ */ _(i, { message: "Business value is a whole number from 0 to 100." }),
 						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 							htmlFor: "feature-edit-project",
 							className: N,
 							children: "Project"
 						}), /* @__PURE__ */ _("div", {
 							className: "mt-1",
-							children: /* @__PURE__ */ _(o, {
+							children: /* @__PURE__ */ _(a, {
 								id: "feature-edit-project",
-								value: l.projectId,
+								value: c.projectId,
 								noneLabel: "No project",
 								onChange: (e) => d({
-									...l,
+									...c,
 									projectId: e,
 									workItemId: ""
 								})
@@ -289,22 +289,22 @@ function L({ feature: e }) {
 							children: "Delivered by work item"
 						}), /* @__PURE__ */ _("div", {
 							className: "mt-1",
-							children: /* @__PURE__ */ _(s, {
+							children: /* @__PURE__ */ _(o, {
 								id: "feature-edit-workitem",
-								projectId: l.projectId || void 0,
-								value: l.workItemId,
+								projectId: c.projectId || void 0,
+								value: c.workItemId,
 								onChange: (e) => d({
-									...l,
+									...c,
 									workItemId: e
 								})
 							})
 						})] }),
-						p && /* @__PURE__ */ _(a, { message: p })
+						p && /* @__PURE__ */ _(i, { message: p })
 					]
 				}),
 				/* @__PURE__ */ v(w, { children: [/* @__PURE__ */ _(y, {
 					variant: "outline",
-					onClick: () => i(!1),
+					onClick: () => s(!1),
 					children: "Cancel"
 				}), /* @__PURE__ */ _(y, {
 					onClick: () => void j(),