@burdenoff/microfe-planmagnet 2026.1001.1 → 2026.1001.3

package/dist/planmagnet/controls/MilestoneControls.js

@@ -2,25 +2,26 @@ 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 { enumLabel as a } from "./WorkItemControls.js";
-import { useState as o } from "react";
-import { Pencil 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 { 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";
+import { ScheduleMeetingDialog as o } from "../meetings/ScheduleMeetingDialog.js";
+import { useState as s } from "react";
+import { Pencil as c, Trash2 as l } from "lucide-react";
+import { gql as u } from "@apollo/client";
+import { useMutation as d } from "@apollo/client/react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m, Input as h, ResponsiveDialog as g, ResponsiveDialogContent as _, ResponsiveDialogDescription as v, ResponsiveDialogFooter as y, ResponsiveDialogHeader as b, ResponsiveDialogTitle as x, ResponsiveDialogTrigger as S } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/controls/MilestoneControls.tsx
-var S = [
+var C = [
 	"PENDING",
 	"IN_PROGRESS",
 	"COMPLETED",
 	"MISSED",
 	"CANCELLED"
-], C = [
+], w = [
 	"GetMilestonesForDetail",
 	"GetMilestones",
 	"GetDashboardData",
 	"GetAnalyticsData"
-], w = l`
+], T = u`
   mutation MilestoneControlsUpdate($id: ID!, $input: PlanmagnetUpdateMilestoneInput!) {
     planmagnetUpdateMilestone(id: $id, input: $input) {
       id
@@ -31,84 +32,100 @@ var S = [
       completedAt
     }
   }
-`, T = l`
+`, E = u`
   mutation MilestoneControlsDelete($id: ID!) {
     planmagnetDeleteMilestone(id: $id)
   }
 `;
-function E({ milestone: s }) {
-	let l = e(), [p, m] = u(w, {
-		refetchQueries: C,
+function D({ milestone: c }) {
+	let u = e(), [m, h] = d(T, {
+		refetchQueries: w,
 		awaitRefetchQueries: !0
-	}), [h, g] = u(T, {
-		refetchQueries: C.filter((e) => e !== "GetMilestonesForDetail"),
+	}), [g, _] = d(E, {
+		refetchQueries: w.filter((e) => e !== "GetMilestonesForDetail"),
 		context: t
-	}), [_, v] = o(null), y = m.loading || g.loading, b = S.includes(s.status) ? S : [s.status, ...S], x = async (e) => {
-		v(null);
+	}), [v, y] = s(null), b = h.loading || _.loading, x = C.includes(c.status) ? C : [c.status, ...C], S = async (e) => {
+		y(null);
 		try {
-			await n(p({ variables: {
-				id: s.id,
+			await n(m({ variables: {
+				id: c.id,
 				input: { status: e }
 			} }));
 		} catch (e) {
-			v(e instanceof Error ? e.message : "The status could not be changed.");
+			y(e instanceof Error ? e.message : "The status could not be changed.");
 		}
-	}, E = async () => {
-		v(null);
+	}, D = async () => {
+		y(null);
 		try {
-			await n(h({ variables: { id: s.id } })), l("/projects/milestones-page");
+			await n(g({ variables: { id: c.id } })), u("/projects/milestones-page");
 		} catch (e) {
-			v(e instanceof Error ? e.message : "The milestone could not be deleted.");
+			y(e instanceof Error ? e.message : "The milestone could not be deleted.");
 		}
 	};
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "flex flex-col items-end gap-2",
-		children: [/* @__PURE__ */ f("div", {
+		children: [/* @__PURE__ */ p("div", {
 			className: "flex flex-wrap items-center justify-end gap-2",
 			children: [
-				/* @__PURE__ */ d("select", {
+				/* @__PURE__ */ f("select", {
 					"aria-label": "Status",
 					"data-testid": "milestone-status",
 					className: "rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60",
-					value: s.status,
-					disabled: y,
+					value: c.status,
+					disabled: b,
 					onChange: (e) => {
-						e.target.value !== s.status && x(e.target.value);
+						e.target.value !== c.status && S(e.target.value);
 					},
-					children: b.map((e) => /* @__PURE__ */ d("option", {
+					children: x.map((e) => /* @__PURE__ */ f("option", {
 						value: e,
 						children: a(e)
 					}, e))
 				}),
-				/* @__PURE__ */ d(O, { milestone: s }),
-				/* @__PURE__ */ d(r, {
+				/* @__PURE__ */ f(o, {
+					projectId: c.projectId,
+					milestoneId: c.id,
+					defaultKind: "MILESTONE_CELEBRATION",
+					lockKind: !0,
+					defaultTitle: `${c.name} celebration`,
+					triggerLabel: "Schedule celebration"
+				}),
+				/* @__PURE__ */ f(o, {
+					projectId: c.projectId,
+					milestoneId: c.id,
+					defaultKind: "DEMO",
+					lockKind: !0,
+					defaultTitle: `${c.name} demo`,
+					triggerLabel: "Schedule demo"
+				}),
+				/* @__PURE__ */ f(k, { milestone: c }),
+				/* @__PURE__ */ f(r, {
 					label: "Delete",
 					variant: "outline",
-					icon: /* @__PURE__ */ d(c, { className: "mr-1 h-4 w-4" }),
-					title: `Delete ${s.name}?`,
+					icon: /* @__PURE__ */ f(l, { className: "mr-1 h-4 w-4" }),
+					title: `Delete ${c.name}?`,
 					description: "The milestone is deleted. This cannot be undone here.",
 					confirmLabel: "Delete milestone",
 					destructive: !0,
-					disabled: y,
-					onConfirm: () => void E()
+					disabled: b,
+					onConfirm: () => void D()
 				})
 			]
-		}), _ && /* @__PURE__ */ d(i, { message: _ })]
+		}), v && /* @__PURE__ */ f(i, { message: v })]
 	});
 }
-var D = (e) => e ? e.slice(0, 10) : "";
-function O({ milestone: e }) {
+var O = (e) => e ? e.slice(0, 10) : "";
+function k({ milestone: e }) {
 	let t = {
 		name: e.name,
 		description: e.description ?? "",
-		dueDate: D(e.dueDate)
-	}, [r, a] = o(!1), [c, l] = o(t), [S, T] = o(null), [E, O] = u(w, {
-		refetchQueries: C,
+		dueDate: O(e.dueDate)
+	}, [r, a] = s(!1), [o, l] = s(t), [u, C] = s(null), [E, D] = d(T, {
+		refetchQueries: w,
 		awaitRefetchQueries: !0
 	}), k = async () => {
-		T(null);
+		C(null);
 		let r = {};
-		if (c.name.trim() !== t.name && (r.name = c.name.trim()), c.description.trim() !== t.description.trim() && (r.description = c.description.trim() || null), c.dueDate !== t.dueDate && (r.dueDate = c.dueDate || null), Object.keys(r).length === 0) {
+		if (o.name.trim() !== t.name && (r.name = o.name.trim()), o.description.trim() !== t.description.trim() && (r.description = o.description.trim() || null), o.dueDate !== t.dueDate && (r.dueDate = o.dueDate || null), Object.keys(r).length === 0) {
 			a(!1);
 			return;
 		}
@@ -118,86 +135,86 @@ function O({ milestone: e }) {
 				input: r
 			} })), a(!1);
 		} catch (e) {
-			T(e instanceof Error ? e.message : "The milestone could not be saved.");
+			C(e instanceof Error ? e.message : "The milestone could not be saved.");
 		}
 	};
-	return /* @__PURE__ */ f(h, {
+	return /* @__PURE__ */ p(g, {
 		open: r,
 		onOpenChange: (e) => {
-			a(e), e ? l(t) : T(null);
+			a(e), e ? l(t) : C(null);
 		},
-		children: [/* @__PURE__ */ d(x, {
+		children: [/* @__PURE__ */ f(S, {
 			asChild: !0,
-			children: /* @__PURE__ */ f(p, {
+			children: /* @__PURE__ */ p(m, {
 				size: "sm",
 				variant: "outline",
 				"data-testid": "milestone-edit",
-				children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), "Edit"]
+				children: [/* @__PURE__ */ f(c, { className: "mr-1 h-4 w-4" }), "Edit"]
 			})
-		}), /* @__PURE__ */ f(g, {
+		}), /* @__PURE__ */ p(_, {
 			className: "max-w-lg",
 			children: [
-				/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(b, { children: "Edit milestone" }), /* @__PURE__ */ d(_, { children: "Change the name, description or due date." })] }),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p(b, { children: [/* @__PURE__ */ f(x, { children: "Edit milestone" }), /* @__PURE__ */ f(v, { children: "Change the name, description or due date." })] }),
+				/* @__PURE__ */ p("div", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 							htmlFor: "milestone-edit-name",
 							className: "text-sm font-medium",
 							children: "Name"
-						}), /* @__PURE__ */ d(m, {
+						}), /* @__PURE__ */ f(h, {
 							id: "milestone-edit-name",
 							className: "mt-1",
-							value: c.name,
+							value: o.name,
 							onChange: (e) => l({
-								...c,
+								...o,
 								name: e.target.value
 							})
 						})] }),
-						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 							htmlFor: "milestone-edit-due",
 							className: "text-sm font-medium",
 							children: "Due date"
-						}), /* @__PURE__ */ d(m, {
+						}), /* @__PURE__ */ f(h, {
 							id: "milestone-edit-due",
 							type: "date",
 							className: "mt-1",
-							value: c.dueDate,
+							value: o.dueDate,
 							onChange: (e) => l({
-								...c,
+								...o,
 								dueDate: e.target.value
 							})
 						})] }),
-						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 							htmlFor: "milestone-edit-description",
 							className: "text-sm font-medium",
 							children: "Description"
-						}), /* @__PURE__ */ d("textarea", {
+						}), /* @__PURE__ */ f("textarea", {
 							id: "milestone-edit-description",
 							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]",
-							value: c.description,
+							value: o.description,
 							onChange: (e) => l({
-								...c,
+								...o,
 								description: e.target.value
 							})
 						})] }),
-						S && /* @__PURE__ */ d(i, { message: S })
+						u && /* @__PURE__ */ f(i, { message: u })
 					]
 				}),
-				/* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(p, {
+				/* @__PURE__ */ p(y, { children: [/* @__PURE__ */ f(m, {
 					variant: "outline",
 					onClick: () => a(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ d(p, {
+				}), /* @__PURE__ */ f(m, {
 					onClick: () => void k(),
-					disabled: c.name.trim() === "" || O.loading,
-					children: O.loading ? "Saving…" : "Save"
+					disabled: o.name.trim() === "" || D.loading,
+					children: D.loading ? "Saving…" : "Save"
 				})] })
 			]
 		})]
 	});
 }
 //#endregion
-export { E as MilestoneHeaderActions };
+export { D as MilestoneHeaderActions };
 
 //# sourceMappingURL=MilestoneControls.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MilestoneControls.js","names":[],"sources":["../../../src/planmagnet/controls/MilestoneControls.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 { Pencil, Trash2 } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { enumLabel } from './WorkItemControls';\n\n/**\n * Milestone controls (BOFF-7953/7963). A milestone was created Pending and could never move: no status control,\n * no edit, no delete — so the In progress / Completed / Missed / Cancelled tabs could only be empty, and the\n * \"Completed\" date stayed \"—\". Completing now also records the date (service, 2026-09-27).\n */\n\nexport const MILESTONE_STATUSES = [\n  'PENDING',\n  'IN_PROGRESS',\n  'COMPLETED',\n  'MISSED',\n  'CANCELLED',\n] as const;\n\nconst MILESTONE_QUERIES = [\n  'GetMilestonesForDetail',\n  'GetMilestones',\n  'GetDashboardData',\n  'GetAnalyticsData',\n];\n\nconst UPDATE = gql`\n  mutation MilestoneControlsUpdate($id: ID!, $input: PlanmagnetUpdateMilestoneInput!) {\n    planmagnetUpdateMilestone(id: $id, input: $input) {\n      id\n      name\n      description\n      status\n      dueDate\n      completedAt\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation MilestoneControlsDelete($id: ID!) {\n    planmagnetDeleteMilestone(id: $id)\n  }\n`;\n\nexport interface MilestoneValues {\n  id: string;\n  name: string;\n  description: string | null;\n  status: string;\n  dueDate: string | null;\n}\n\nexport function MilestoneHeaderActions({ milestone }: { milestone: MilestoneValues }) {\n  const navigate = usePlanMagnetNavigate();\n  const [update, updateState] = useMutation(UPDATE, {\n    refetchQueries: MILESTONE_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [remove, removeState] = useMutation(DELETE, {\n    refetchQueries: MILESTONE_QUERIES.filter((q) => q !== 'GetMilestonesForDetail'),\n    context: LEAVES_PAGE_CONTEXT,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = updateState.loading || removeState.loading;\n  const statuses = (MILESTONE_STATUSES as readonly string[]).includes(milestone.status)\n    ? MILESTONE_STATUSES\n    : [milestone.status, ...MILESTONE_STATUSES];\n\n  const onStatus = async (status: string) => {\n    setError(null);\n    try {\n      await throwOnError(update({ variables: { id: milestone.id, input: { status } } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The status could not be changed.');\n    }\n  };\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: milestone.id } }));\n      navigate('/projects/milestones-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The milestone could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-2\">\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        <select\n          aria-label=\"Status\"\n          data-testid=\"milestone-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={milestone.status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== milestone.status) void onStatus(e.target.value);\n          }}\n        >\n          {statuses.map((s) => (\n            <option key={s} value={s}>\n              {enumLabel(s)}\n            </option>\n          ))}\n        </select>\n        <MilestoneEditDialog milestone={milestone} />\n        <ConfirmButton\n          label=\"Delete\"\n          variant=\"outline\"\n          icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n          title={`Delete ${milestone.name}?`}\n          description=\"The milestone is deleted. This cannot be undone here.\"\n          confirmLabel=\"Delete milestone\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nconst day = (iso: string | null) => (iso ? iso.slice(0, 10) : '');\n\n/** Name, description and due date. Only changed fields are sent; an emptied field is cleared. */\nfunction MilestoneEditDialog({ milestone }: { milestone: MilestoneValues }) {\n  const initial = {\n    name: milestone.name,\n    description: milestone.description ?? '',\n    dueDate: day(milestone.dueDate),\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(initial);\n  const [error, setError] = useState<string | null>(null);\n  const [update, state] = useMutation(UPDATE, {\n    refetchQueries: MILESTONE_QUERIES,\n    awaitRefetchQueries: true,\n  });\n\n  const save = async () => {\n    setError(null);\n    const input: Record<string, unknown> = {};\n    if (form.name.trim() !== initial.name) input.name = form.name.trim();\n    if (form.description.trim() !== initial.description.trim())\n      input.description = form.description.trim() || null;\n    if (form.dueDate !== initial.dueDate) input.dueDate = form.dueDate || null;\n    if (Object.keys(input).length === 0) {\n      setOpen(false);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: milestone.id, input } }));\n      setOpen(false);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The milestone could not be saved.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) setForm(initial);\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" data-testid=\"milestone-edit\">\n          <Pencil className=\"mr-1 h-4 w-4\" />\n          Edit\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit milestone</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Change the name, description or due date.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"milestone-edit-name\" className=\"text-sm font-medium\">\n              Name\n            </label>\n            <Input\n              id=\"milestone-edit-name\"\n              className=\"mt-1\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"milestone-edit-due\" className=\"text-sm font-medium\">\n              Due date\n            </label>\n            <Input\n              id=\"milestone-edit-due\"\n              type=\"date\"\n              className=\"mt-1\"\n              value={form.dueDate}\n              onChange={(e) => setForm({ ...form, dueDate: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"milestone-edit-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"milestone-edit-description\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]\"\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={form.name.trim() === '' || state.loading}>\n            {state.loading ? 'Saving…' : 'Save'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MilestoneControls.js","names":[],"sources":["../../../src/planmagnet/controls/MilestoneControls.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 { Pencil, Trash2 } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError, LEAVES_PAGE_CONTEXT } from '../utils/mutationResult';\nimport { ConfirmButton, ErrorLine } from './ConfirmButton';\nimport { enumLabel } from './WorkItemControls';\nimport { ScheduleMeetingDialog } from '../meetings/ScheduleMeetingDialog';\n\n/**\n * Milestone controls (BOFF-7953/7963). A milestone was created Pending and could never move: no status control,\n * no edit, no delete — so the In progress / Completed / Missed / Cancelled tabs could only be empty, and the\n * \"Completed\" date stayed \"—\". Completing now also records the date (service, 2026-09-27).\n */\n\nexport const MILESTONE_STATUSES = [\n  'PENDING',\n  'IN_PROGRESS',\n  'COMPLETED',\n  'MISSED',\n  'CANCELLED',\n] as const;\n\nconst MILESTONE_QUERIES = [\n  'GetMilestonesForDetail',\n  'GetMilestones',\n  'GetDashboardData',\n  'GetAnalyticsData',\n];\n\nconst UPDATE = gql`\n  mutation MilestoneControlsUpdate($id: ID!, $input: PlanmagnetUpdateMilestoneInput!) {\n    planmagnetUpdateMilestone(id: $id, input: $input) {\n      id\n      name\n      description\n      status\n      dueDate\n      completedAt\n    }\n  }\n`;\nconst DELETE = gql`\n  mutation MilestoneControlsDelete($id: ID!) {\n    planmagnetDeleteMilestone(id: $id)\n  }\n`;\n\nexport interface MilestoneValues {\n  id: string;\n  name: string;\n  description: string | null;\n  status: string;\n  dueDate: string | null;\n  /** Needed to schedule a celebration/demo meeting against this milestone's own project (GAP-06). */\n  projectId: string;\n}\n\nexport function MilestoneHeaderActions({ milestone }: { milestone: MilestoneValues }) {\n  const navigate = usePlanMagnetNavigate();\n  const [update, updateState] = useMutation(UPDATE, {\n    refetchQueries: MILESTONE_QUERIES,\n    awaitRefetchQueries: true,\n  });\n  const [remove, removeState] = useMutation(DELETE, {\n    refetchQueries: MILESTONE_QUERIES.filter((q) => q !== 'GetMilestonesForDetail'),\n    context: LEAVES_PAGE_CONTEXT,\n  });\n  const [error, setError] = useState<string | null>(null);\n  const busy = updateState.loading || removeState.loading;\n  const statuses = (MILESTONE_STATUSES as readonly string[]).includes(milestone.status)\n    ? MILESTONE_STATUSES\n    : [milestone.status, ...MILESTONE_STATUSES];\n\n  const onStatus = async (status: string) => {\n    setError(null);\n    try {\n      await throwOnError(update({ variables: { id: milestone.id, input: { status } } }));\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The status could not be changed.');\n    }\n  };\n  const onDelete = async () => {\n    setError(null);\n    try {\n      await throwOnError(remove({ variables: { id: milestone.id } }));\n      navigate('/projects/milestones-page');\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The milestone could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col items-end gap-2\">\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        <select\n          aria-label=\"Status\"\n          data-testid=\"milestone-status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm disabled:opacity-60\"\n          value={milestone.status}\n          disabled={busy}\n          onChange={(e) => {\n            if (e.target.value !== milestone.status) void onStatus(e.target.value);\n          }}\n        >\n          {statuses.map((s) => (\n            <option key={s} value={s}>\n              {enumLabel(s)}\n            </option>\n          ))}\n        </select>\n        <ScheduleMeetingDialog\n          projectId={milestone.projectId}\n          milestoneId={milestone.id}\n          defaultKind=\"MILESTONE_CELEBRATION\"\n          lockKind\n          defaultTitle={`${milestone.name} celebration`}\n          triggerLabel=\"Schedule celebration\"\n        />\n        <ScheduleMeetingDialog\n          projectId={milestone.projectId}\n          milestoneId={milestone.id}\n          defaultKind=\"DEMO\"\n          lockKind\n          defaultTitle={`${milestone.name} demo`}\n          triggerLabel=\"Schedule demo\"\n        />\n        <MilestoneEditDialog milestone={milestone} />\n        <ConfirmButton\n          label=\"Delete\"\n          variant=\"outline\"\n          icon={<Trash2 className=\"mr-1 h-4 w-4\" />}\n          title={`Delete ${milestone.name}?`}\n          description=\"The milestone is deleted. This cannot be undone here.\"\n          confirmLabel=\"Delete milestone\"\n          destructive\n          disabled={busy}\n          onConfirm={() => void onDelete()}\n        />\n      </div>\n      {error && <ErrorLine message={error} />}\n    </div>\n  );\n}\n\nconst day = (iso: string | null) => (iso ? iso.slice(0, 10) : '');\n\n/** Name, description and due date. Only changed fields are sent; an emptied field is cleared. */\nfunction MilestoneEditDialog({ milestone }: { milestone: MilestoneValues }) {\n  const initial = {\n    name: milestone.name,\n    description: milestone.description ?? '',\n    dueDate: day(milestone.dueDate),\n  };\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(initial);\n  const [error, setError] = useState<string | null>(null);\n  const [update, state] = useMutation(UPDATE, {\n    refetchQueries: MILESTONE_QUERIES,\n    awaitRefetchQueries: true,\n  });\n\n  const save = async () => {\n    setError(null);\n    const input: Record<string, unknown> = {};\n    if (form.name.trim() !== initial.name) input.name = form.name.trim();\n    if (form.description.trim() !== initial.description.trim())\n      input.description = form.description.trim() || null;\n    if (form.dueDate !== initial.dueDate) input.dueDate = form.dueDate || null;\n    if (Object.keys(input).length === 0) {\n      setOpen(false);\n      return;\n    }\n    try {\n      await throwOnError(update({ variables: { id: milestone.id, input } }));\n      setOpen(false);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'The milestone could not be saved.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) setForm(initial);\n        else setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" data-testid=\"milestone-edit\">\n          <Pencil className=\"mr-1 h-4 w-4\" />\n          Edit\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Edit milestone</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Change the name, description or due date.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <div>\n            <label htmlFor=\"milestone-edit-name\" className=\"text-sm font-medium\">\n              Name\n            </label>\n            <Input\n              id=\"milestone-edit-name\"\n              className=\"mt-1\"\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"milestone-edit-due\" className=\"text-sm font-medium\">\n              Due date\n            </label>\n            <Input\n              id=\"milestone-edit-due\"\n              type=\"date\"\n              className=\"mt-1\"\n              value={form.dueDate}\n              onChange={(e) => setForm({ ...form, dueDate: e.target.value })}\n            />\n          </div>\n          <div>\n            <label htmlFor=\"milestone-edit-description\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <textarea\n              id=\"milestone-edit-description\"\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[72px]\"\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={form.name.trim() === '' || state.loading}>\n            {state.loading ? 'Saving…' : 'Save'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAa,IAAqB;CAChC;CACA;CACA;CACA;CACA;CACD,EAEK,IAAoB;CACxB;CACA;CACA;CACA;CACD,EAEK,IAAS,CAAG;;;;;;;;;;;GAYZ,IAAS,CAAG;;;;;AAgBlB,SAAgB,EAAuB,EAAE,gBAA6C;CACpF,IAAM,IAAW,GAAuB,EAClC,CAAC,GAAQ,KAAe,EAAY,GAAQ;EAChD,gBAAgB;EAChB,qBAAqB;EACtB,CAAC,EACI,CAAC,GAAQ,KAAe,EAAY,GAAQ;EAChD,gBAAgB,EAAkB,QAAQ,MAAM,MAAM,yBAAyB;EAC/E,SAAS;EACV,CAAC,EACI,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,IAAO,EAAY,WAAW,EAAY,SAC1C,IAAY,EAAyC,SAAS,EAAU,OAAO,GACjF,IACA,CAAC,EAAU,QAAQ,GAAG,EAAmB,EAEvC,IAAW,OAAO,MAAmB;AACzC,IAAS,KAAK;AACd,MAAI;AACF,SAAM,EAAa,EAAO,EAAE,WAAW;IAAE,IAAI,EAAU;IAAI,OAAO,EAAE,WAAQ;IAAE,EAAE,CAAC,CAAC;WAC3E,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,mCAAmC;;IAG3E,IAAW,YAAY;AAC3B,IAAS,KAAK;AACd,MAAI;AAEF,GADA,MAAM,EAAa,EAAO,EAAE,WAAW,EAAE,IAAI,EAAU,IAAI,EAAE,CAAC,CAAC,EAC/D,EAAS,4BAA4B;WAC9B,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,sCAAsC;;;AAIpF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,cAAW;KACX,eAAY;KACZ,WAAU;KACV,OAAO,EAAU;KACjB,UAAU;KACV,WAAW,MAAM;AACf,MAAI,EAAE,OAAO,UAAU,EAAU,UAAa,EAAS,EAAE,OAAO,MAAM;;eAGvE,EAAS,KAAK,MACb,kBAAC,UAAD;MAAgB,OAAO;gBACpB,EAAU,EAAE;MACN,EAFI,EAEJ,CACT;KACK,CAAA;IACT,kBAAC,GAAD;KACE,WAAW,EAAU;KACrB,aAAa,EAAU;KACvB,aAAY;KACZ,UAAA;KACA,cAAc,GAAG,EAAU,KAAK;KAChC,cAAa;KACb,CAAA;IACF,kBAAC,GAAD;KACE,WAAW,EAAU;KACrB,aAAa,EAAU;KACvB,aAAY;KACZ,UAAA;KACA,cAAc,GAAG,EAAU,KAAK;KAChC,cAAa;KACb,CAAA;IACF,kBAAC,GAAD,EAAgC,cAAa,CAAA;IAC7C,kBAAC,GAAD;KACE,OAAM;KACN,SAAQ;KACR,MAAM,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA;KACzC,OAAO,UAAU,EAAU,KAAK;KAChC,aAAY;KACZ,cAAa;KACb,aAAA;KACA,UAAU;KACV,iBAAiB,KAAK,GAAU;KAChC,CAAA;IACE;MACL,KAAS,kBAAC,GAAD,EAAW,SAAS,GAAS,CAAA,CACnC;;;AAIV,IAAM,KAAO,MAAwB,IAAM,EAAI,MAAM,GAAG,GAAG,GAAG;AAG9D,SAAS,EAAoB,EAAE,gBAA6C;CAC1E,IAAM,IAAU;EACd,MAAM,EAAU;EAChB,aAAa,EAAU,eAAe;EACtC,SAAS,EAAI,EAAU,QAAQ;EAChC,EACK,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,CAAC,GAAM,KAAW,EAAS,EAAQ,EACnC,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAQ,KAAS,EAAY,GAAQ;EAC1C,gBAAgB;EAChB,qBAAqB;EACtB,CAAC,EAEI,IAAO,YAAY;AACvB,IAAS,KAAK;EACd,IAAM,IAAiC,EAAE;AAKzC,MAJI,EAAK,KAAK,MAAM,KAAK,EAAQ,SAAM,EAAM,OAAO,EAAK,KAAK,MAAM,GAChE,EAAK,YAAY,MAAM,KAAK,EAAQ,YAAY,MAAM,KACxD,EAAM,cAAc,EAAK,YAAY,MAAM,IAAI,OAC7C,EAAK,YAAY,EAAQ,YAAS,EAAM,UAAU,EAAK,WAAW,OAClE,OAAO,KAAK,EAAM,CAAC,WAAW,GAAG;AACnC,KAAQ,GAAM;AACd;;AAEF,MAAI;AAEF,GADA,MAAM,EAAa,EAAO,EAAE,WAAW;IAAE,IAAI,EAAU;IAAI;IAAO,EAAE,CAAC,CAAC,EACtE,EAAQ,GAAM;WACP,GAAG;AACV,KAAS,aAAa,QAAQ,EAAE,UAAU,oCAAoC;;;AAIlF,QACE,kBAAC,GAAD;EACQ;EACN,eAAe,MAAS;AAEtB,GADA,EAAQ,EAAK,EACT,IAAM,EAAQ,EAAQ,GACrB,EAAS,KAAK;;YALvB,CAQE,kBAAC,GAAD;GAAyB,SAAA;aACvB,kBAAC,GAAD;IAAQ,MAAK;IAAK,SAAQ;IAAU,eAAY;cAAhD,CACE,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAAA,OAE5B;;GACe,CAAA,EAC1B,kBAAC,GAAD;GAAyB,WAAU;aAAnC;IACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAuB,kBAAsC,CAAA,EAC7D,kBAAC,GAAD,EAAA,UAA6B,6CAEC,CAAA,CACP,EAAA,CAAA;IACzB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAsB,WAAU;iBAAsB;OAE7D,CAAA,EACR,kBAAC,GAAD;OACE,IAAG;OACH,WAAU;OACV,OAAO,EAAK;OACZ,WAAW,MAAM,EAAQ;QAAE,GAAG;QAAM,MAAM,EAAE,OAAO;QAAO,CAAC;OAC3D,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAqB,WAAU;iBAAsB;OAE5D,CAAA,EACR,kBAAC,GAAD;OACE,IAAG;OACH,MAAK;OACL,WAAU;OACV,OAAO,EAAK;OACZ,WAAW,MAAM,EAAQ;QAAE,GAAG;QAAM,SAAS,EAAE,OAAO;QAAO,CAAC;OAC9D,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,SAAQ;OAA6B,WAAU;iBAAsB;OAEpE,CAAA,EACR,kBAAC,YAAD;OACE,IAAG;OACH,WAAU;OACV,OAAO,EAAK;OACZ,WAAW,MAAM,EAAQ;QAAE,GAAG;QAAM,aAAa,EAAE,OAAO;QAAO,CAAC;OAClE,CAAA,CACE,EAAA,CAAA;MACL,KAAS,kBAAC,GAAD,EAAW,SAAS,GAAS,CAAA;MACnC;;IACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,eAAe,EAAQ,GAAM;eAAE;KAEhD,CAAA,EACT,kBAAC,GAAD;KAAQ,eAAe,KAAK,GAAM;KAAE,UAAU,EAAK,KAAK,MAAM,KAAK,MAAM,EAAM;eAC5E,EAAM,UAAU,YAAY;KACtB,CAAA,CACc,EAAA,CAAA;IACD;KACT"}

package/dist/planmagnet/controls/SyncControls.js

@@ -1,7 +1,7 @@
-import { throwOnError as e } from "../utils/mutationResult.js";
-import { ConfirmButton as t, ErrorLine as n } from "./ConfirmButton.js";
-import { enumLabel as r } from "./WorkItemControls.js";
-import { isForbidden as i, mutationErrorMessage as a } from "../utils/graphqlErrors.js";
+import { isForbidden as e, mutationErrorMessage as t } from "../utils/graphqlErrors.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { ConfirmButton as r, ErrorLine as i } from "./ConfirmButton.js";
+import { enumLabel as a } from "./WorkItemControls.js";
 import { useSyncProviderCapabilities as o } from "../integrations/useSyncProviderCapabilities.js";
 import { CONFLICT_RESOLUTIONS as s, GITHUB_FIELD_MAPPING_DEFAULTS as c, SYNC_DIRECTIONS as l, directionLabel as u, directionSupported as d, isValidGithubOwner as f, isValidGithubRepo as p, parseGithubFieldMapping as m } from "../integrations/syncTypes.js";
 import { useState as h } from "react";
@@ -27,7 +27,7 @@ function F({ status: e }) {
 	return /* @__PURE__ */ D(k, {
 		variant: P[e] ?? "outline",
 		className: "text-xs",
-		children: r(e)
+		children: a(e)
 	});
 }
 var I = {
@@ -39,14 +39,14 @@ function L({ status: e }) {
 	return /* @__PURE__ */ D(k, {
 		variant: I[e] ?? "secondary",
 		className: "text-xs",
-		children: r(e)
+		children: a(e)
 	});
 }
 function R({ status: e }) {
 	return /* @__PURE__ */ D(k, {
 		variant: e === "OPEN" ? "warning" : "secondary",
 		className: "text-xs",
-		children: r(e)
+		children: a(e)
 	});
 }
 function z({ text: e, max: t = 140, className: n = "text-muted-foreground", testId: r }) {
@@ -126,14 +126,14 @@ var V = w`
     }
   }
 `;
-function H({ syncId: t, onResult: r, size: o = "sm" }) {
+function H({ syncId: r, onResult: a, size: o = "sm" }) {
 	let [s, c] = T(V, { refetchQueries: [...M, ...N] }), [l, u] = h(null), d = async () => {
 		u(null);
 		try {
-			let n = await e(s({ variables: { id: t } }));
-			n.data && r?.(n.data.planmagnetStartSync);
-		} catch (e) {
-			u(i(e) ? "Your role can view integrations but not change them." : a(e, "The sync could not be started."));
+			let e = await n(s({ variables: { id: r } }));
+			e.data && a?.(e.data.planmagnetStartSync);
+		} catch (n) {
+			u(e(n) ? "Your role can view integrations but not change them." : t(n, "The sync could not be started."));
 		}
 	};
 	return /* @__PURE__ */ O("div", {
@@ -145,7 +145,7 @@ function H({ syncId: t, onResult: r, size: o = "sm" }) {
 			onClick: () => void d(),
 			"data-testid": "sync-run-now",
 			children: [c.loading ? /* @__PURE__ */ D(y, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ D(S, { className: "mr-1 h-4 w-4" }), "Run now"]
-		}), l && /* @__PURE__ */ D(n, { message: l })]
+		}), l && /* @__PURE__ */ D(i, { message: l })]
 	});
 }
 function ue({ result: e }) {
@@ -193,13 +193,13 @@ var U = w`
     }
   }
 `;
-function W({ syncId: t, status: r }) {
-	let [o, s] = T(U, { refetchQueries: M }), [c, l] = T(de, { refetchQueries: M }), [u, d] = h(null), f = s.loading || l.loading, p = r === "PAUSED", m = async () => {
+function W({ syncId: r, status: a }) {
+	let [o, s] = T(U, { refetchQueries: M }), [c, l] = T(de, { refetchQueries: M }), [u, d] = h(null), f = s.loading || l.loading, p = a === "PAUSED", m = async () => {
 		d(null);
 		try {
-			p ? await e(c({ variables: { id: t } })) : await e(o({ variables: { id: t } }));
-		} catch (e) {
-			d(i(e) ? "Your role can view integrations but not change them." : a(e, `The sync could not be ${p ? "resumed" : "paused"}.`));
+			p ? await n(c({ variables: { id: r } })) : await n(o({ variables: { id: r } }));
+		} catch (n) {
+			d(e(n) ? "Your role can view integrations but not change them." : t(n, `The sync could not be ${p ? "resumed" : "paused"}.`));
 		}
 	};
 	return /* @__PURE__ */ O("div", {
@@ -211,7 +211,7 @@ function W({ syncId: t, status: r }) {
 			onClick: () => void m(),
 			"data-testid": p ? "sync-resume" : "sync-pause",
 			children: [f ? /* @__PURE__ */ D(y, { className: "mr-1 h-4 w-4 animate-spin" }) : D(p ? x : b, { className: "mr-1 h-4 w-4" }), p ? "Resume" : "Pause"]
-		}), u && /* @__PURE__ */ D(n, { message: u })]
+		}), u && /* @__PURE__ */ D(i, { message: u })]
 	});
 }
 var G = w`
@@ -223,14 +223,14 @@ var G = w`
     }
   }
 `;
-function K({ syncId: t }) {
-	let [r, o] = T(G), [s, c] = h(null), [l, u] = h(null), d = async () => {
+function K({ syncId: r }) {
+	let [a, o] = T(G), [s, c] = h(null), [l, u] = h(null), d = async () => {
 		u(null), c(null);
 		try {
-			let n = await e(r({ variables: { id: t } }));
-			n.data && c(n.data.planmagnetTestExternalSync);
-		} catch (e) {
-			u(i(e) ? "Your role can view integrations but not change them." : a(e, "The connection could not be tested."));
+			let e = await n(a({ variables: { id: r } }));
+			e.data && c(e.data.planmagnetTestExternalSync);
+		} catch (n) {
+			u(e(n) ? "Your role can view integrations but not change them." : t(n, "The connection could not be tested."));
 		}
 	};
 	return /* @__PURE__ */ O("div", {
@@ -253,7 +253,7 @@ function K({ syncId: t }) {
 					s.rateLimitRemaining !== null && ` (${s.rateLimitRemaining} calls remaining)`
 				]
 			}),
-			l && /* @__PURE__ */ D(n, { message: l })
+			l && /* @__PURE__ */ D(i, { message: l })
 		]
 	});
 }
@@ -262,18 +262,18 @@ var q = w`
     planmagnetDeleteExternalSync(id: $id)
   }
 `;
-function J({ syncId: r, label: o, onDeleted: s }) {
+function J({ syncId: a, label: o, onDeleted: s }) {
 	let [c, { loading: l }] = T(q, { refetchQueries: M }), [u, d] = h(null), f = async () => {
 		d(null);
 		try {
-			await e(c({ variables: { id: r } })), s?.();
-		} catch (e) {
-			d(i(e) ? "Your role can view integrations but not change them." : a(e, "The sync could not be deleted."));
+			await n(c({ variables: { id: a } })), s?.();
+		} catch (n) {
+			d(e(n) ? "Your role can view integrations but not change them." : t(n, "The sync could not be deleted."));
 		}
 	};
 	return /* @__PURE__ */ O("div", {
 		className: "flex flex-col items-end gap-1",
-		children: [/* @__PURE__ */ D(t, {
+		children: [/* @__PURE__ */ D(r, {
 			label: "Delete",
 			variant: "outline",
 			icon: /* @__PURE__ */ D(C, { className: "mr-1 h-4 w-4" }),
@@ -284,7 +284,7 @@ function J({ syncId: r, label: o, onDeleted: s }) {
 			disabled: l,
 			onConfirm: () => void f(),
 			testId: "sync-delete"
-		}), u && /* @__PURE__ */ D(n, { message: u })]
+		}), u && /* @__PURE__ */ D(i, { message: u })]
 	});
 }
 var fe = w`
@@ -298,16 +298,16 @@ var fe = w`
     }
   }
 `;
-function Y({ conflictId: t }) {
-	let [r, o] = T(fe, { refetchQueries: N }), [s, c] = h(null), [l, u] = h(null), d = async (n) => {
-		c(null), u(n);
+function Y({ conflictId: r }) {
+	let [a, o] = T(fe, { refetchQueries: N }), [s, c] = h(null), [l, u] = h(null), d = async (i) => {
+		c(null), u(i);
 		try {
-			await e(r({ variables: {
-				id: t,
-				resolution: n
+			await n(a({ variables: {
+				id: r,
+				resolution: i
 			} }));
-		} catch (e) {
-			c(i(e) ? "Your role can view integrations but not change them." : a(e, "The conflict could not be resolved."));
+		} catch (n) {
+			c(e(n) ? "Your role can view integrations but not change them." : t(n, "The conflict could not be resolved."));
 		} finally {
 			u(null);
 		}
@@ -342,7 +342,7 @@ function Y({ conflictId: t }) {
 					children: [l === "MANUAL" && /* @__PURE__ */ D(y, { className: "mr-1 h-4 w-4 animate-spin" }), "Dismiss (manual)"]
 				})
 			]
-		}), s && /* @__PURE__ */ D(n, { message: s })]
+		}), s && /* @__PURE__ */ D(i, { message: s })]
 	});
 }
 var pe = {
@@ -369,23 +369,23 @@ var pe = {
     }
   }
 `;
-function X({ sync: t }) {
-	let [g, _] = h(!1), v = t.provider === "GITHUB", { capabilities: y } = o(), b = y.find((e) => e.provider === t.provider), x = b ? l.filter((e) => d(b, e)) : l, S = m(t.fieldMapping), C = t.syncFilters ? JSON.stringify(t.syncFilters, null, 2) : "", [w, E] = h(t.direction), [k, P] = h(t.conflictStrategy), [F, I] = h(S.priority), [L, R] = h(S.dueDate), [z, B] = h(C), [V, H] = h(null), [ue, U] = h(""), [de, W] = h(""), [G, K] = h(""), [q, J] = h(null), { data: fe } = te(he, {
-		variables: { id: t.id },
+function X({ sync: r }) {
+	let [g, _] = h(!1), v = r.provider === "GITHUB", { capabilities: y } = o(), b = y.find((e) => e.provider === r.provider), x = b ? l.filter((e) => d(b, e)) : l, S = m(r.fieldMapping), C = r.syncFilters ? JSON.stringify(r.syncFilters, null, 2) : "", [w, E] = h(r.direction), [k, P] = h(r.conflictStrategy), [F, I] = h(S.priority), [L, R] = h(S.dueDate), [z, B] = h(C), [V, H] = h(null), [ue, U] = h(""), [de, W] = h(""), [G, K] = h(""), [q, J] = h(null), { data: fe } = te(he, {
+		variables: { id: r.id },
 		skip: !g || !v
 	}), Y = fe?.planmagnetExternalSync?.connectionConfig, X = typeof Y?.owner == "string" ? Y.owner : "", _e = typeof Y?.repo == "string" ? Y.repo : "", Z = ue || X, Q = de || _e, ve = () => {
-		E(t.direction), P(t.conflictStrategy), I(S.priority), R(S.dueDate), B(C), H(null), U(""), W(""), K(""), J(null);
+		E(r.direction), P(r.conflictStrategy), I(S.priority), R(S.dueDate), B(C), H(null), U(""), W(""), K(""), J(null);
 	}, [ye, $] = T(ge, { refetchQueries: [...M, ...N] }), be = v && !!Y && (Z !== X || Q !== _e || G.trim() !== ""), xe = F.trim() !== S.priority || L.trim() !== S.dueDate, Se = z.trim() !== C.trim(), Ce = async () => {
 		J(null), H(null);
-		let n = {};
-		if (w !== t.direction && (n.direction = w), k !== t.conflictStrategy && (n.conflictStrategy = k), xe && (n.fieldMapping = {
+		let i = {};
+		if (w !== r.direction && (i.direction = w), k !== r.conflictStrategy && (i.conflictStrategy = k), xe && (i.fieldMapping = {
 			...F.trim() ? { priority: F.trim() } : {},
 			...L.trim() ? { dueDate: L.trim() } : {}
 		}), Se) {
 			let e = z.trim();
-			if (!e) n.syncFilters = null;
+			if (!e) i.syncFilters = null;
 			else try {
-				n.syncFilters = JSON.parse(e);
+				i.syncFilters = JSON.parse(e);
 			} catch {
 				H("Sync filters must be valid JSON.");
 				return;
@@ -400,23 +400,23 @@ function X({ sync: t }) {
 				J("Owner and repo must look like real GitHub names (letters, digits, \"-\", \"_\", \".\").");
 				return;
 			}
-			n.connectionConfig = {
+			i.connectionConfig = {
 				token: G.trim(),
 				owner: Z.trim(),
 				repo: Q.trim()
 			};
 		}
-		if (Object.keys(n).length === 0) {
+		if (Object.keys(i).length === 0) {
 			_(!1);
 			return;
 		}
 		try {
-			await e(ye({ variables: {
-				id: t.id,
-				input: n
+			await n(ye({ variables: {
+				id: r.id,
+				input: i
 			} })), _(!1);
-		} catch (e) {
-			J(i(e) ? "Your role can view integrations but not change them." : a(e, "The sync could not be saved."));
+		} catch (n) {
+			J(e(n) ? "Your role can view integrations but not change them." : t(n, "The sync could not be saved."));
 		}
 	};
 	return /* @__PURE__ */ O(ne, {
@@ -469,7 +469,7 @@ function X({ sync: t }) {
 								onChange: (e) => P(e.target.value),
 								children: s.map((e) => /* @__PURE__ */ D("option", {
 									value: e,
-									children: r(e)
+									children: a(e)
 								}, e))
 							}),
 							/* @__PURE__ */ D("p", {
@@ -542,7 +542,7 @@ function X({ sync: t }) {
 								value: z,
 								onChange: (e) => B(e.target.value)
 							}),
-							V && /* @__PURE__ */ D(n, { message: V })
+							V && /* @__PURE__ */ D(i, { message: V })
 						] }),
 						v && /* @__PURE__ */ O("div", {
 							className: "space-y-2 rounded-md border p-3",
@@ -591,7 +591,7 @@ function X({ sync: t }) {
 								})] })
 							]
 						}),
-						q && /* @__PURE__ */ D(n, { message: q })
+						q && /* @__PURE__ */ D(i, { message: q })
 					]
 				}),
 				/* @__PURE__ */ O(ae, { children: [/* @__PURE__ */ D(A, {