@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.6

package/dist/planmagnet/controls/AutomationRuleControls.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Automation rule controls (BOFF-8047): enable/disable, delete and "run now". Every automation rule row and its
+ * detail page carry these — before this, `planmagnetToggleAutomationRule`, `planmagnetDeleteAutomationRule` and
+ * `planmagnetExecuteAutomationRule` were real, prod-verified mutations with no UI trigger anywhere.
+ */
+export declare const AUTOMATION_RULE_QUERIES: string[];
+/** ACTIVE <-> PAUSED. A rule stuck in DISABLED or ERROR is re-activated by turning this on; the raw status is
+ * shown alongside so a paused-by-error rule is never confused with a manually paused one. */
+export declare function AutomationRuleStatusSwitch({ ruleId, status }: {
+    ruleId: string;
+    status: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AutomationRuleDeleteButton({ ruleId, name }: {
+    ruleId: string;
+    name: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Runs a rule against one chosen work item — works for a rule of ANY trigger type, including the ones that
+ * cannot fire on their own (see automationRuleTypes.ts). Always records an outcome, including a non-match. */
+export declare function RunAutomationRuleDialog({ ruleId, projectId, }: {
+    ruleId: string;
+    projectId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AutomationRuleControls.d.ts.map

package/dist/planmagnet/controls/AutomationRuleControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutomationRuleControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/AutomationRuleControls.tsx"],"names":[],"mappings":"AAqBA;;;;GAIG;AAEH,eAAO,MAAM,uBAAuB,UAA+C,CAAC;AA0BpF;6FAC6F;AAC7F,wBAAgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,2CAqChG;AAED,wBAAgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,2CAkC5F;AAcD;8GAC8G;AAC9G,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAmGA"}

package/dist/planmagnet/controls/AutomationRuleControls.js

@@ -0,0 +1,172 @@
+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 "./ConfirmButton.js";
+import { WorkItemSearchSelect as a } from "./Pickers.js";
+import { useState as o } from "react";
+import { Play as s, Trash2 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 { Badge as p, Button as m, ResponsiveDialog as h, ResponsiveDialogContent as g, ResponsiveDialogDescription as _, ResponsiveDialogFooter as v, ResponsiveDialogHeader as y, ResponsiveDialogTitle as b, ResponsiveDialogTrigger as x, Switch as S } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/controls/AutomationRuleControls.tsx
+var C = ["AutomationRulesList", "GetAutomationRule"], w = l`
+  mutation AutomationRuleControlsToggle($id: ID!, $status: PlanmagnetAutomationStatus!) {
+    planmagnetToggleAutomationRule(id: $id, status: $status) {
+      id
+      status
+    }
+  }
+`, T = l`
+  mutation AutomationRuleControlsDelete($id: ID!) {
+    planmagnetDeleteAutomationRule(id: $id)
+  }
+`, E = l`
+  mutation AutomationRuleControlsExecute($id: ID!, $triggerData: JSON) {
+    planmagnetExecuteAutomationRule(id: $id, triggerData: $triggerData) {
+      id
+      status
+      errorMessage
+      result
+    }
+  }
+`;
+function D({ ruleId: e, status: t }) {
+	let [r, { loading: a }] = u(w, { refetchQueries: C }), [s, c] = o(null), l = t === "ACTIVE", m = async (t) => {
+		c(null);
+		try {
+			await n(r({ variables: {
+				id: e,
+				status: t ? "ACTIVE" : "PAUSED"
+			} }));
+		} catch (e) {
+			c(e instanceof Error ? e.message : "The rule could not be changed.");
+		}
+	};
+	return /* @__PURE__ */ f("div", {
+		className: "flex flex-col items-end gap-1",
+		children: [/* @__PURE__ */ f("div", {
+			className: "flex items-center gap-2",
+			children: [t !== "ACTIVE" && t !== "PAUSED" && /* @__PURE__ */ d(p, {
+				variant: t === "ERROR" ? "destructive" : "secondary",
+				children: t.toLowerCase()
+			}), /* @__PURE__ */ d(S, {
+				"aria-label": l ? "Active — turn off to pause" : "Paused — turn on to activate",
+				"data-testid": "automation-rule-toggle",
+				checked: l,
+				disabled: a,
+				onCheckedChange: (e) => void m(e)
+			})]
+		}), s && /* @__PURE__ */ d(i, { message: s })]
+	});
+}
+function O({ ruleId: a, name: s }) {
+	let l = e(), [p, { loading: m }] = u(T, {
+		refetchQueries: C.filter((e) => e !== "GetAutomationRule"),
+		context: t
+	}), [h, g] = o(null), _ = async () => {
+		g(null);
+		try {
+			await n(p({ variables: { id: a } })), l("/automation/automation-rules-page");
+		} catch (e) {
+			g(e instanceof Error ? e.message : "The rule could not be deleted.");
+		}
+	};
+	return /* @__PURE__ */ f("div", {
+		className: "flex flex-col items-end gap-1",
+		children: [/* @__PURE__ */ d(r, {
+			label: "Delete",
+			variant: "outline",
+			icon: /* @__PURE__ */ d(c, { className: "mr-1 h-4 w-4" }),
+			title: `Delete "${s}"?`,
+			description: "The rule stops running and its history stays as a record. This cannot be undone here.",
+			confirmLabel: "Delete rule",
+			destructive: !0,
+			disabled: m,
+			onConfirm: () => void _()
+		}), h && /* @__PURE__ */ d(i, { message: h })]
+	});
+}
+var k = {
+	SUCCESS: "success",
+	PARTIAL_FAILURE: "warning",
+	FAILURE: "destructive",
+	SKIPPED: "secondary"
+};
+function A({ ruleId: e, projectId: t }) {
+	let [r, c] = o(!1), [l, S] = o(""), [w, T] = o(null), [D, O] = o(null), [A, { loading: j }] = u(E, {
+		refetchQueries: ["AutomationExecutionsForRule", ...C],
+		awaitRefetchQueries: !0
+	}), M = async () => {
+		if (l) {
+			T(null), O(null);
+			try {
+				O((await n(A({ variables: {
+					id: e,
+					triggerData: { workItemId: l }
+				} }))).data?.planmagnetExecuteAutomationRule ?? null);
+			} catch (e) {
+				T(e instanceof Error ? e.message : "The rule could not be run.");
+			}
+		}
+	};
+	return /* @__PURE__ */ f(h, {
+		open: r,
+		onOpenChange: (e) => {
+			c(e), e && (S(""), T(null), O(null));
+		},
+		children: [/* @__PURE__ */ d(x, {
+			asChild: !0,
+			children: /* @__PURE__ */ f(m, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "automation-run-now",
+				children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), "Run now"]
+			})
+		}), /* @__PURE__ */ f(g, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(b, { children: "Run this rule now" }), /* @__PURE__ */ d(_, { children: "Evaluates the rule's conditions against one work item and, if they match, dispatches its actions for real. The outcome is recorded below and in Recent executions either way." })] }),
+				/* @__PURE__ */ f("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							htmlFor: "automation-run-work-item",
+							className: "text-sm font-medium",
+							children: "Work item"
+						}), /* @__PURE__ */ d("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ d(a, {
+								id: "automation-run-work-item",
+								projectId: t,
+								value: l,
+								onChange: S
+							})
+						})] }),
+						w && /* @__PURE__ */ d(i, { message: w }),
+						D && /* @__PURE__ */ f("div", {
+							role: "status",
+							className: "rounded-md border p-3 text-sm space-y-1",
+							children: [/* @__PURE__ */ d(p, {
+								variant: k[D.status] ?? "secondary",
+								children: D.status.toLowerCase().replace("_", " ")
+							}), D.errorMessage && /* @__PURE__ */ d("p", {
+								className: D.status === "SUCCESS" ? "text-muted-foreground" : "text-destructive",
+								children: D.errorMessage
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(m, {
+					onClick: () => void M(),
+					disabled: !l || j,
+					"data-testid": "automation-run-submit",
+					children: j ? "Running…" : "Run"
+				}) })
+			]
+		})]
+	});
+}
+//#endregion
+export { C as AUTOMATION_RULE_QUERIES, O as AutomationRuleDeleteButton, D as AutomationRuleStatusSwitch, A as RunAutomationRuleDialog };
+
+//# sourceMappingURL=AutomationRuleControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutomationRuleControls.js","names":[],"sources":["../../../src/planmagnet/controls/AutomationRuleControls.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Badge,\n  Button,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n  Switch,\n} from '@burdenoff/fe-libs/ui';\nimport { Play, Trash2 } from 'lucide-react';\nimport { WorkItemSearchSelect } from './Pickers';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\n/**\n * Automation rule controls (BOFF-8047): enable/disable, delete and \"run now\". Every automation rule row and its\n * detail page carry these — before this, `planmagnetToggleAutomationRule`, `planmagnetDeleteAutomationRule` and\n * `planmagnetExecuteAutomationRule` were real, prod-verified mutations with no UI trigger anywhere.\n */\n\nexport const AUTOMATION_RULE_QUERIES = ['AutomationRulesList', 'GetAutomationRule'];\n\nconst TOGGLE = gql`\n  mutation AutomationRuleControlsToggle($id: ID!, $status: PlanmagnetAutomationStatus!) {\n    planmagnetToggleAutomationRule(id: $id, status: $status) {\n      id\n      status\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation AutomationRuleControlsDelete($id: ID!) {\n    planmagnetDeleteAutomationRule(id: $id)\n  }\n`;\nconst EXECUTE = gql`\n  mutation AutomationRuleControlsExecute($id: ID!, $triggerData: JSON) {\n    planmagnetExecuteAutomationRule(id: $id, triggerData: $triggerData) {\n      id\n      status\n      errorMessage\n      result\n    }\n  }\n`;\n\n/** ACTIVE <-> PAUSED. A rule stuck in DISABLED or ERROR is re-activated by turning this on; the raw status is\n * shown alongside so a paused-by-error rule is never confused with a manually paused one. */\nexport function AutomationRuleStatusSwitch({ ruleId, status }: { ruleId: string; status: string }) {\n  const [toggle, { loading }] = useMutation(TOGGLE, {\n    refetchQueries: AUTOMATION_RULE_QUERIES,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const active = status === 'ACTIVE';\n\n  const onChange = async (checked: boolean) => {\n    setError(null);\n    try {\n      await throwOnError(\n        toggle({ variables: { id: ruleId, status: checked ? 'ACTIVE' : 'PAUSED' } })\n      );\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The rule could not be changed.');\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <div className=\"flex items-center gap-2\">\n        {status !== 'ACTIVE' && status !== 'PAUSED' && (\n          <Badge variant={status === 'ERROR' ? 'destructive' : 'secondary'}>\n            {status.toLowerCase()}\n          </Badge>\n        )}\n        <Switch\n          aria-label={active ? 'Active — turn off to pause' : 'Paused — turn on to activate'}\n          data-testid=\"automation-rule-toggle\"\n          checked={active}\n          disabled={loading}\n          onCheckedChange={(checked) => void onChange(checked)}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nexport function AutomationRuleDeleteButton({ ruleId, name }: { ruleId: string; name: string }) {\n  const navigate = usePlanMagnetNavigate();\n  const [remove, { loading }] = useMutation(DELETE, {\n    refetchQueries: AUTOMATION_RULE_QUERIES.filter((q) => q !== 'GetAutomationRule'),\n    context: LEAVES_PAGE_CONTEXT,\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: ruleId } }));\n      navigate('/automation/automation-rules-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The rule could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-1\">\n      <ConfirmButton\n        label=\"Delete\"\n        variant=\"outline\"\n        icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n        title={`Delete \"${name}\"?`}\n        description=\"The rule stops running and its history stays as a record. This cannot be undone here.\"\n        confirmLabel=\"Delete rule\"\n        destructive\n        disabled={loading}\n        onConfirm={() => void onDelete()}\n      />\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\ninterface ExecuteResult {\n  status: string;\n  errorMessage: string | null;\n}\n\nconst OUTCOME_VARIANT: Record<string, 'success' | 'warning' | 'destructive' | 'secondary'> = {\n  SUCCESS: 'success',\n  PARTIAL_FAILURE: 'warning',\n  FAILURE: 'destructive',\n  SKIPPED: 'secondary',\n};\n\n/** Runs a rule against one chosen work item — works for a rule of ANY trigger type, including the ones that\n * cannot fire on their own (see automationRuleTypes.ts). Always records an outcome, including a non-match. */\nexport function RunAutomationRuleDialog({\n  ruleId,\n  projectId,\n}: {\n  ruleId: string;\n  projectId?: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const [workItemId, setWorkItemId] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [outcome, setOutcome] = useState<ExecuteResult | null>(null);\n  const [execute, { loading }] = useMutation<{ planmagnetExecuteAutomationRule: ExecuteResult }>(\n    EXECUTE,\n    {\n      refetchQueries: ['AutomationExecutionsForRule', ...AUTOMATION_RULE_QUERIES],\n      awaitRefetchQueries: true,\n    }\n  );\n\n  const run = async () => {\n    if (!workItemId) return;\n    setError(null);\n    setOutcome(null);\n    try {\n      const result = await throwOnError(\n        execute({ variables: { id: ruleId, triggerData: { workItemId } } })\n      );\n      const execution = result.data?.planmagnetExecuteAutomationRule ?? null;\n      setOutcome(execution);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The rule could not be run.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) {\n          setWorkItemId('');\n          setError(null);\n          setOutcome(null);\n        }\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" data-testid=\"automation-run-now\">\n          <Play className=\"mr-1 h-4 w-4\" />\n          Run now\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Run this rule now</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Evaluates the rule&apos;s conditions against one work item and, if they match,\n            dispatches its actions for real. The outcome is recorded below and in Recent executions\n            either way.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"automation-run-work-item\" className=\"text-sm font-medium\">\n              Work item\n            </label>\n            <div className=\"mt-1\">\n              <WorkItemSearchSelect\n                id=\"automation-run-work-item\"\n                projectId={projectId}\n                value={workItemId}\n                onChange={setWorkItemId}\n              />\n            </div>\n          </div>\n          {error && <ErrorLine message={error} />}\n          {outcome && (\n            <div role=\"status\" className=\"rounded-md border p-3 text-sm space-y-1\">\n              <Badge variant={OUTCOME_VARIANT[outcome.status] ?? 'secondary'}>\n                {outcome.status.toLowerCase().replace('_', ' ')}\n              </Badge>\n              {outcome.errorMessage && (\n                <p\n                  className={\n                    outcome.status === 'SUCCESS' ? 'text-muted-foreground' : 'text-destructive'\n                  }\n                >\n                  {outcome.errorMessage}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button\n            onClick={() => void run()}\n            disabled={!workItemId || loading}\n            data-testid=\"automation-run-submit\"\n          >\n            {loading ? 'Running…' : 'Run'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/controls/CompetitorControls.js

@@ -1,8 +1,8 @@
 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 { CompetitorSearchSelect as o } from "./Pickers.js";
+import { ConfirmButton as r, ErrorLine as i } from "./ConfirmButton.js";
+import { CompetitorSearchSelect as a } from "./Pickers.js";
+import { detailPath as o } from "../utils/rowNavigation.js";
 import { useState as s } from "react";
 import { Pencil as c, Plus as l, Trash2 as u, X as d } from "lucide-react";
 import { gql as f } from "@apollo/client";
@@ -19,14 +19,14 @@ var _ = [
     planmagnetDeleteCompetitor(id: $id)
   }
 `;
-function y({ competitorId: o, name: l }) {
+function y({ competitorId: a, name: l }) {
 	let d = e(), [f, y] = p(v, {
 		refetchQueries: _.filter((e) => e !== "GetCompetitor"),
 		context: t
 	}), [b, x] = s(null), S = async () => {
 		x(null);
 		try {
-			await n(f({ variables: { id: o } })), d("/products/competitors-page");
+			await n(f({ variables: { id: a } })), d("/products/competitors-page");
 		} catch (e) {
 			x(e instanceof Error ? e.message : "The competitor could not be deleted.");
 		}
@@ -39,9 +39,9 @@ function y({ competitorId: o, name: l }) {
 				size: "sm",
 				variant: "outline",
 				"data-testid": "competitor-edit",
-				onClick: () => d(r("/products/edit-competitor-page", o)),
+				onClick: () => d(o("/products/edit-competitor-page", a)),
 				children: [/* @__PURE__ */ m(c, { className: "mr-1 h-4 w-4" }), "Edit"]
-			}), /* @__PURE__ */ m(i, {
+			}), /* @__PURE__ */ m(r, {
 				label: "Delete",
 				variant: "outline",
 				icon: /* @__PURE__ */ m(u, { className: "mr-1 h-4 w-4" }),
@@ -52,7 +52,7 @@ function y({ competitorId: o, name: l }) {
 				disabled: y.loading,
 				onConfirm: () => void S()
 			})]
-		}), b && /* @__PURE__ */ m(a, { message: b })]
+		}), b && /* @__PURE__ */ m(i, { message: b })]
 	});
 }
 var b = f`
@@ -80,7 +80,7 @@ var b = f`
     }
   }
 `;
-function S({ featureRequestId: t, competitors: i }) {
+function S({ featureRequestId: t, competitors: r }) {
 	let c = e(), [u, f] = s(""), [_, v] = p(b), [y, S] = p(x), [C, w] = s(null), T = v.loading || S.loading, E = async () => {
 		if (u) {
 			w(null);
@@ -107,16 +107,16 @@ function S({ featureRequestId: t, competitors: i }) {
 	return /* @__PURE__ */ h("div", {
 		className: "space-y-3",
 		children: [
-			i.length === 0 && /* @__PURE__ */ m("p", {
+			r.length === 0 && /* @__PURE__ */ m("p", {
 				className: "text-sm text-muted-foreground",
 				children: "No competitors linked yet."
 			}),
-			i.map((e) => /* @__PURE__ */ h("div", {
+			r.map((e) => /* @__PURE__ */ h("div", {
 				className: "flex items-start justify-between gap-2 rounded-md border p-3",
 				children: [/* @__PURE__ */ h("button", {
 					type: "button",
 					className: "flex-1 text-left",
-					onClick: () => c(r("/products/competitor-detail-page", e.id)),
+					onClick: () => c(o("/products/competitor-detail-page", e.id)),
 					children: [/* @__PURE__ */ h("div", {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ m("span", {
@@ -143,11 +143,11 @@ function S({ featureRequestId: t, competitors: i }) {
 				className: "flex items-start gap-2 pt-2 border-t",
 				children: [/* @__PURE__ */ m("div", {
 					className: "flex-1",
-					children: /* @__PURE__ */ m(o, {
+					children: /* @__PURE__ */ m(a, {
 						id: "feature-add-competitor",
 						value: u,
 						onChange: f,
-						exclude: i.map((e) => e.id)
+						exclude: r.map((e) => e.id)
 					})
 				}), /* @__PURE__ */ h(g, {
 					size: "sm",
@@ -162,7 +162,7 @@ function S({ featureRequestId: t, competitors: i }) {
 				onClick: () => c("/products/create-competitor-page"),
 				children: [/* @__PURE__ */ m(l, { className: "mr-1 h-4 w-4" }), "New competitor"]
 			}),
-			C && /* @__PURE__ */ m(a, { message: C })
+			C && /* @__PURE__ */ m(i, { message: C })
 		]
 	});
 }

package/dist/planmagnet/controls/CustomFieldControls.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Custom fields (BOFF-8047, BUILD_PLAN capability register `api-only` → UI). Definitions describe extra,
+ * project-specific data on a work item; values are what a task actually holds for each definition. The register
+ * warns value writes skip type validation server-side — this UI still asks for the right shaped input per type
+ * (a number field, a date picker, the definition's own options, …), it just cannot rely on the server to refuse a
+ * malformed one, so a raw JSON editor is offered only for the JSON type, where "whatever the admin entered" is the
+ * point.
+ */
+export declare const CUSTOM_FIELD_TYPES: readonly ["TEXT", "NUMBER", "DATE", "BOOLEAN", "SELECT", "MULTI_SELECT", "URL", "EMAIL", "USER", "LABEL", "JSON"];
+export type CustomFieldType = (typeof CUSTOM_FIELD_TYPES)[number];
+export declare const customFieldTypeLabel: (type: string) => string;
+/** Types whose definition needs a fixed list of choices. */
+export declare const OPTION_TYPES: Set<string>;
+export interface CustomFieldDefinitionSummary {
+    id: string;
+    projectId: string;
+    name: string;
+    description: string | null;
+    fieldType: string;
+    isRequired: boolean;
+    options: unknown;
+    sortOrder: number;
+}
+export interface CustomFieldValueSummary {
+    id: string;
+    definitionId: string;
+    value: unknown;
+}
+/** Every query that lists a project's custom field definitions, or a work item's values. */
+export declare const CUSTOM_FIELD_QUERIES: string[];
+export declare const PROJECT_CUSTOM_FIELD_DEFINITIONS: import('graphql').DocumentNode;
+export declare const CREATE_CUSTOM_FIELD_DEFINITION: import('graphql').DocumentNode;
+export declare const UPDATE_CUSTOM_FIELD_DEFINITION: import('graphql').DocumentNode;
+export declare const DELETE_CUSTOM_FIELD_DEFINITION: import('graphql').DocumentNode;
+export declare const SET_CUSTOM_FIELD_VALUE: import('graphql').DocumentNode;
+export declare const REMOVE_CUSTOM_FIELD_VALUE: import('graphql').DocumentNode;
+/** `options` is stored as free-form JSON; this UI always writes a plain string array, but reads defensively in
+ * case something else ever wrote a list of {label,value}-shaped objects. */
+export declare function optionStrings(options: unknown): string[];
+/** Parses the "one per line" textarea used to edit a SELECT/MULTI_SELECT definition's options. */
+export declare function parseOptionLines(text: string): string[];
+//# sourceMappingURL=CustomFieldControls.d.ts.map

package/dist/planmagnet/controls/CustomFieldControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/CustomFieldControls.tsx"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AAEH,eAAO,MAAM,kBAAkB,mHAYrB,CAAC;AACX,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,MAAyB,CAAC;AAE9E,4DAA4D;AAC5D,eAAO,MAAM,YAAY,aAAsC,CAAC;AAEhE,MAAM,WAAW,4BAA4B;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,4FAA4F;AAC5F,eAAO,MAAM,oBAAoB,UAAyD,CAAC;AAE3F,eAAO,MAAM,gCAAgC,gCAoB5C,CAAC;AAEF,eAAO,MAAM,8BAA8B,gCAM1C,CAAC;AAEF,eAAO,MAAM,8BAA8B,gCAS1C,CAAC;AAEF,eAAO,MAAM,8BAA8B,gCAI1C,CAAC;AAEF,eAAO,MAAM,sBAAsB,gCAQlC,CAAC;AAEF,eAAO,MAAM,yBAAyB,gCAIrC,CAAC;AAEF;4EAC4E;AAC5E,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,CAWxD;AAED,kGAAkG;AAClG,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CASvD"}

package/dist/planmagnet/controls/CustomFieldControls.js

@@ -0,0 +1,84 @@
+import { enumLabel as e } from "./WorkItemControls.js";
+import { gql as t } from "@apollo/client";
+//#region src/planmagnet/controls/CustomFieldControls.tsx
+var n = [
+	"TEXT",
+	"NUMBER",
+	"DATE",
+	"BOOLEAN",
+	"SELECT",
+	"MULTI_SELECT",
+	"URL",
+	"EMAIL",
+	"USER",
+	"LABEL",
+	"JSON"
+], r = (t) => e(t), i = new Set(["SELECT", "MULTI_SELECT"]), a = ["ProjectCustomFieldDefinitions", "GetWorkItemDetail"], o = t`
+  query ProjectCustomFieldDefinitions($workspaceId: ID!, $projectId: String) {
+    planmagnetCustomFieldDefinitions(
+      workspaceId: $workspaceId
+      filter: { projectId: $projectId }
+      pagination: { first: 100 }
+    ) {
+      items {
+        id
+        projectId
+        name
+        description
+        fieldType
+        isRequired
+        options
+        sortOrder
+      }
+      totalCount
+    }
+  }
+`, s = t`
+  mutation CustomFieldDefinitionCreate($input: PlanmagnetCreateCustomFieldDefinitionInput!) {
+    planmagnetCreateCustomFieldDefinition(input: $input) {
+      id
+    }
+  }
+`, c = t`
+  mutation CustomFieldDefinitionUpdate(
+    $id: ID!
+    $input: PlanmagnetUpdateCustomFieldDefinitionInput!
+  ) {
+    planmagnetUpdateCustomFieldDefinition(id: $id, input: $input) {
+      id
+    }
+  }
+`, l = t`
+  mutation CustomFieldDefinitionDelete($id: ID!) {
+    planmagnetDeleteCustomFieldDefinition(id: $id)
+  }
+`, u = t`
+  mutation CustomFieldValueSet($input: PlanmagnetSetCustomFieldValueInput!) {
+    planmagnetSetCustomFieldValue(input: $input) {
+      id
+      definitionId
+      value
+    }
+  }
+`, d = t`
+  mutation CustomFieldValueRemove($definitionId: ID!, $workItemId: ID!) {
+    planmagnetRemoveCustomFieldValue(definitionId: $definitionId, workItemId: $workItemId)
+  }
+`;
+function f(e) {
+	return Array.isArray(e) ? e.map((e) => {
+		if (typeof e == "string") return e;
+		if (e && typeof e == "object") {
+			let t = e, n = t.label ?? t.value ?? t.name ?? t.id;
+			if (typeof n == "string") return n;
+		}
+		return String(e);
+	}) : [];
+}
+function p(e) {
+	return [...new Set(e.split("\n").map((e) => e.trim()).filter(Boolean))];
+}
+//#endregion
+export { s as CREATE_CUSTOM_FIELD_DEFINITION, a as CUSTOM_FIELD_QUERIES, n as CUSTOM_FIELD_TYPES, l as DELETE_CUSTOM_FIELD_DEFINITION, i as OPTION_TYPES, o as PROJECT_CUSTOM_FIELD_DEFINITIONS, d as REMOVE_CUSTOM_FIELD_VALUE, u as SET_CUSTOM_FIELD_VALUE, c as UPDATE_CUSTOM_FIELD_DEFINITION, r as customFieldTypeLabel, f as optionStrings, p as parseOptionLines };
+
+//# sourceMappingURL=CustomFieldControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldControls.js","names":[],"sources":["../../../src/planmagnet/controls/CustomFieldControls.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { enumLabel } from './WorkItemControls';\n\n/**\n * Custom fields (BOFF-8047, BUILD_PLAN capability register `api-only` → UI). Definitions describe extra,\n * project-specific data on a work item; values are what a task actually holds for each definition. The register\n * warns value writes skip type validation server-side — this UI still asks for the right shaped input per type\n * (a number field, a date picker, the definition's own options, …), it just cannot rely on the server to refuse a\n * malformed one, so a raw JSON editor is offered only for the JSON type, where \"whatever the admin entered\" is the\n * point.\n */\n\nexport const CUSTOM_FIELD_TYPES = [\n  'TEXT',\n  'NUMBER',\n  'DATE',\n  'BOOLEAN',\n  'SELECT',\n  'MULTI_SELECT',\n  'URL',\n  'EMAIL',\n  'USER',\n  'LABEL',\n  'JSON',\n] as const;\nexport type CustomFieldType = (typeof CUSTOM_FIELD_TYPES)[number];\n\nexport const customFieldTypeLabel = (type: string): string => enumLabel(type);\n\n/** Types whose definition needs a fixed list of choices. */\nexport const OPTION_TYPES = new Set(['SELECT', 'MULTI_SELECT']);\n\nexport interface CustomFieldDefinitionSummary {\n  id: string;\n  projectId: string;\n  name: string;\n  description: string | null;\n  fieldType: string;\n  isRequired: boolean;\n  options: unknown;\n  sortOrder: number;\n}\n\nexport interface CustomFieldValueSummary {\n  id: string;\n  definitionId: string;\n  value: unknown;\n}\n\n/** Every query that lists a project's custom field definitions, or a work item's values. */\nexport const CUSTOM_FIELD_QUERIES = ['ProjectCustomFieldDefinitions', 'GetWorkItemDetail'];\n\nexport const PROJECT_CUSTOM_FIELD_DEFINITIONS = gql`\n  query ProjectCustomFieldDefinitions($workspaceId: ID!, $projectId: String) {\n    planmagnetCustomFieldDefinitions(\n      workspaceId: $workspaceId\n      filter: { projectId: $projectId }\n      pagination: { first: 100 }\n    ) {\n      items {\n        id\n        projectId\n        name\n        description\n        fieldType\n        isRequired\n        options\n        sortOrder\n      }\n      totalCount\n    }\n  }\n`;\n\nexport const CREATE_CUSTOM_FIELD_DEFINITION = gql`\n  mutation CustomFieldDefinitionCreate($input: PlanmagnetCreateCustomFieldDefinitionInput!) {\n    planmagnetCreateCustomFieldDefinition(input: $input) {\n      id\n    }\n  }\n`;\n\nexport const UPDATE_CUSTOM_FIELD_DEFINITION = gql`\n  mutation CustomFieldDefinitionUpdate(\n    $id: ID!\n    $input: PlanmagnetUpdateCustomFieldDefinitionInput!\n  ) {\n    planmagnetUpdateCustomFieldDefinition(id: $id, input: $input) {\n      id\n    }\n  }\n`;\n\nexport const DELETE_CUSTOM_FIELD_DEFINITION = gql`\n  mutation CustomFieldDefinitionDelete($id: ID!) {\n    planmagnetDeleteCustomFieldDefinition(id: $id)\n  }\n`;\n\nexport const SET_CUSTOM_FIELD_VALUE = gql`\n  mutation CustomFieldValueSet($input: PlanmagnetSetCustomFieldValueInput!) {\n    planmagnetSetCustomFieldValue(input: $input) {\n      id\n      definitionId\n      value\n    }\n  }\n`;\n\nexport const REMOVE_CUSTOM_FIELD_VALUE = gql`\n  mutation CustomFieldValueRemove($definitionId: ID!, $workItemId: ID!) {\n    planmagnetRemoveCustomFieldValue(definitionId: $definitionId, workItemId: $workItemId)\n  }\n`;\n\n/** `options` is stored as free-form JSON; this UI always writes a plain string array, but reads defensively in\n * case something else ever wrote a list of {label,value}-shaped objects. */\nexport function optionStrings(options: unknown): string[] {\n  if (!Array.isArray(options)) return [];\n  return options.map((o) => {\n    if (typeof o === 'string') return o;\n    if (o && typeof o === 'object') {\n      const rec = o as Record<string, unknown>;\n      const candidate = rec.label ?? rec.value ?? rec.name ?? rec.id;\n      if (typeof candidate === 'string') return candidate;\n    }\n    return String(o);\n  });\n}\n\n/** Parses the \"one per line\" textarea used to edit a SELECT/MULTI_SELECT definition's options. */\nexport function parseOptionLines(text: string): string[] {\n  return [\n    ...new Set(\n      text\n        .split('\\n')\n        .map((line) => line.trim())\n        .filter(Boolean)\n    ),\n  ];\n}\n"],"mappings":";;;AAYA,IAAa,IAAqB;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAGY,KAAwB,MAAyB,EAAU,EAAK,EAGhE,IAAe,IAAI,IAAI,CAAC,UAAU,eAAe,CAAC,EAoBlD,IAAuB,CAAC,iCAAiC,oBAAoB,EAE7E,IAAmC,CAAG;;;;;;;;;;;;;;;;;;;;GAsBtC,IAAiC,CAAG;;;;;;GAQpC,IAAiC,CAAG;;;;;;;;;GAWpC,IAAiC,CAAG;;;;GAMpC,IAAyB,CAAG;;;;;;;;GAU5B,IAA4B,CAAG;;;;;AAQ5C,SAAgB,EAAc,GAA4B;AAExD,QADK,MAAM,QAAQ,EAAQ,GACpB,EAAQ,KAAK,MAAM;AACxB,MAAI,OAAO,KAAM,SAAU,QAAO;AAClC,MAAI,KAAK,OAAO,KAAM,UAAU;GAC9B,IAAM,IAAM,GACN,IAAY,EAAI,SAAS,EAAI,SAAS,EAAI,QAAQ,EAAI;AAC5D,OAAI,OAAO,KAAc,SAAU,QAAO;;AAE5C,SAAO,OAAO,EAAE;GAChB,GATkC,EAAE;;AAaxC,SAAgB,EAAiB,GAAwB;AACvD,QAAO,CACL,GAAG,IAAI,IACL,EACG,MAAM,KAAK,CACX,KAAK,MAAS,EAAK,MAAM,CAAC,CAC1B,OAAO,QAAQ,CACnB,CACF"}

package/dist/planmagnet/controls/CustomFieldValuesPanel.d.ts

@@ -0,0 +1,8 @@
+import { CustomFieldValueSummary } from './CustomFieldControls';
+
+export declare function CustomFieldsPanel({ workItemId, projectId, values, }: {
+    workItemId: string;
+    projectId: string;
+    values: CustomFieldValueSummary[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CustomFieldValuesPanel.d.ts.map

package/dist/planmagnet/controls/CustomFieldValuesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldValuesPanel.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/controls/CustomFieldValuesPanel.tsx"],"names":[],"mappings":"AAUA,OAAO,EAOL,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAC;AAyZ/B,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,SAAS,EACT,MAAM,GACP,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,uBAAuB,EAAE,CAAC;CACnC,2CA+CA"}