@burdenoff/microfe-planmagnet 2026.925.18 → 2026.926.2

package/dist/planmagnet/create/CreateDialogs.js

@@ -1,13 +1,13 @@
-import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
-import { throwOnError as t } from "../utils/mutationResult.js";
-import { useState as n } from "react";
-import { Plus as r } from "lucide-react";
-import { gql as i } from "@apollo/client";
-import { useMutation as a, useQuery as o } from "@apollo/client/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Button as l, Input as u, ResponsiveDialog as d, ResponsiveDialogContent as f, ResponsiveDialogDescription as p, ResponsiveDialogFooter as m, ResponsiveDialogHeader as h, ResponsiveDialogTitle as g, ResponsiveDialogTrigger as _ } from "@burdenoff/fe-libs/ui";
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { useState as r } from "react";
+import { Plus as i } from "lucide-react";
+import { gql as a } from "@apollo/client";
+import { useMutation as o, useQuery as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Button as u, Input as d, ResponsiveDialog as f, ResponsiveDialogContent as p, ResponsiveDialogDescription as m, ResponsiveDialogFooter as h, ResponsiveDialogHeader as g, ResponsiveDialogTitle as _, ResponsiveDialogTrigger as v } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/create/CreateDialogs.tsx
-var v = i`
+var y = a`
   query CreateDialogProjects($workspaceId: ID!) {
     planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -16,49 +16,76 @@ var v = i`
       }
     }
   }
-`, y = "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm";
-function b({ message: e }) {
-	return /* @__PURE__ */ s("p", {
+`, b = "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm";
+function x({ message: e }) {
+	return /* @__PURE__ */ c("p", {
 		role: "alert",
 		className: "text-sm text-destructive",
 		children: e
 	});
 }
-function x(t) {
-	let { workspaceId: n } = e(), { data: r, loading: i } = o(v, {
+function S(t) {
+	let { workspaceId: n } = e(), { data: r, loading: i, error: a, refetch: o } = s(y, {
 		variables: { workspaceId: n ?? "" },
 		skip: !t || !n
 	});
 	return {
 		projects: r?.planmagnetProjects.items ?? [],
-		loading: i
+		loading: i && !r,
+		error: a ? a.message : null,
+		retry: () => void o()
 	};
 }
-function S({ id: e, value: t, onChange: n, projects: r, loading: i }) {
-	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
-		htmlFor: e,
-		className: "text-sm font-medium",
-		children: "Project"
-	}), /* @__PURE__ */ c("select", {
-		id: e,
-		className: y,
-		value: t,
-		onChange: (e) => n(e.target.value),
-		children: [r.length === 0 && /* @__PURE__ */ s("option", {
-			value: "",
-			children: i ? "Loading…" : "No projects"
-		}), r.map((e) => /* @__PURE__ */ s("option", {
-			value: e.id,
-			children: e.name
-		}, e.id))]
-	})] });
+function C({ id: e, value: n, onChange: r, state: i }) {
+	let a = t(), { projects: o, loading: s, error: d, retry: f } = i, p = !s && !d && o.length === 0;
+	return /* @__PURE__ */ l("div", { children: [
+		/* @__PURE__ */ c("label", {
+			htmlFor: e,
+			className: "text-sm font-medium",
+			children: "Project"
+		}),
+		/* @__PURE__ */ l("select", {
+			id: e,
+			className: b,
+			value: n,
+			onChange: (e) => r(e.target.value),
+			children: [o.length === 0 && /* @__PURE__ */ c("option", {
+				value: "",
+				children: s ? "Loading projects…" : d ? "Projects could not be loaded" : "No projects yet"
+			}), o.map((e) => /* @__PURE__ */ c("option", {
+				value: e.id,
+				children: e.name
+			}, e.id))]
+		}),
+		d && /* @__PURE__ */ l("p", {
+			role: "alert",
+			className: "mt-1 flex items-center gap-2 text-xs text-destructive",
+			children: [d, /* @__PURE__ */ c(u, {
+				type: "button",
+				size: "sm",
+				variant: "ghost",
+				className: "h-6 px-2 text-xs",
+				onClick: f,
+				children: "Retry"
+			})]
+		}),
+		p && /* @__PURE__ */ c("p", {
+			className: "mt-1 text-xs text-muted-foreground",
+			children: /* @__PURE__ */ c("button", {
+				type: "button",
+				className: "underline",
+				onClick: () => a("/projects/create-project-page"),
+				children: "Create a project first"
+			})
+		})
+	] });
 }
-function C({ id: e, label: t, value: n, onChange: r, type: i = "text", placeholder: a }) {
-	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+function w({ id: e, label: t, value: n, onChange: r, type: i = "text", placeholder: a }) {
+	return /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
 		htmlFor: e,
 		className: "text-sm font-medium",
 		children: t
-	}), /* @__PURE__ */ s(u, {
+	}), /* @__PURE__ */ c(d, {
 		id: e,
 		type: i,
 		className: "mt-1",
@@ -67,107 +94,106 @@ function C({ id: e, label: t, value: n, onChange: r, type: i = "text", placehold
 		onChange: (e) => r(e.target.value)
 	})] });
 }
-var w = (e, t) => e instanceof Error ? e.message : t, T = i`
+var T = (e, t) => e instanceof Error ? e.message : t, E = a`
   mutation CreateDialogRelease($input: PlanmagnetCreateReleaseInput!) {
     planmagnetCreateRelease(input: $input) {
       id
     }
   }
-`, E = {
+`, D = {
 	name: "",
 	version: "",
 	projectId: "",
 	plannedDate: "",
 	description: ""
 };
-function D({ onCreated: e }) {
-	let [i, o] = n(!1), [u, v] = n(E), [y, D] = n(null), { projects: O, loading: k } = x(i), A = u.projectId || O[0]?.id || "", [j, { loading: M }] = a(T, {
+function O({ onCreated: e }) {
+	let [t, a] = r(!1), [s, d] = r(D), [y, b] = r(null), O = S(t), { projects: k } = O, A = s.projectId || k[0]?.id || "", [j, { loading: M }] = o(E, {
 		refetchQueries: ["ListReleases"],
 		awaitRefetchQueries: !0
-	}), N = u.name.trim() !== "" && u.version.trim() !== "" && A !== "" && !M;
-	return /* @__PURE__ */ c(d, {
-		open: i,
+	}), N = s.name.trim() !== "" && s.version.trim() !== "" && A !== "" && !M;
+	return /* @__PURE__ */ l(f, {
+		open: t,
 		onOpenChange: (e) => {
-			o(e), e || D(null);
+			a(e), e || b(null);
 		},
-		children: [/* @__PURE__ */ s(_, {
+		children: [/* @__PURE__ */ c(v, {
 			asChild: !0,
-			children: /* @__PURE__ */ c(l, {
+			children: /* @__PURE__ */ l(u, {
 				size: "sm",
-				children: [/* @__PURE__ */ s(r, { className: "mr-1 h-4 w-4" }), "New Release"]
+				children: [/* @__PURE__ */ c(i, { className: "mr-1 h-4 w-4" }), "New Release"]
 			})
-		}), /* @__PURE__ */ c(f, {
+		}), /* @__PURE__ */ l(p, {
 			className: "max-w-lg",
 			children: [
-				/* @__PURE__ */ c(h, { children: [/* @__PURE__ */ s(g, { children: "New release" }), /* @__PURE__ */ s(p, { children: "The release starts in Planning." })] }),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ c(_, { children: "New release" }), /* @__PURE__ */ c(m, { children: "The release starts in Planning." })] }),
+				/* @__PURE__ */ l("div", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ s(C, {
+						/* @__PURE__ */ c(w, {
 							id: "new-release-name",
 							label: "Name",
-							value: u.name,
-							onChange: (e) => v({
-								...u,
+							value: s.name,
+							onChange: (e) => d({
+								...s,
 								name: e
 							})
 						}),
-						/* @__PURE__ */ s(C, {
+						/* @__PURE__ */ c(w, {
 							id: "new-release-version",
 							label: "Version",
 							placeholder: "e.g. 1.4.0",
-							value: u.version,
-							onChange: (e) => v({
-								...u,
+							value: s.version,
+							onChange: (e) => d({
+								...s,
 								version: e
 							})
 						}),
-						/* @__PURE__ */ s(S, {
+						/* @__PURE__ */ c(C, {
 							id: "new-release-project",
 							value: A,
-							onChange: (e) => v({
-								...u,
+							onChange: (e) => d({
+								...s,
 								projectId: e
 							}),
-							projects: O,
-							loading: k
+							state: O
 						}),
-						/* @__PURE__ */ s(C, {
+						/* @__PURE__ */ c(w, {
 							id: "new-release-date",
 							label: "Planned date",
 							type: "date",
-							value: u.plannedDate,
-							onChange: (e) => v({
-								...u,
+							value: s.plannedDate,
+							onChange: (e) => d({
+								...s,
 								plannedDate: e
 							})
 						}),
-						/* @__PURE__ */ s(C, {
+						/* @__PURE__ */ c(w, {
 							id: "new-release-description",
 							label: "Description",
-							value: u.description,
-							onChange: (e) => v({
-								...u,
+							value: s.description,
+							onChange: (e) => d({
+								...s,
 								description: e
 							})
 						})
 					]
 				}),
-				y && /* @__PURE__ */ s(b, { message: y }),
-				/* @__PURE__ */ s(m, { children: /* @__PURE__ */ s(l, {
+				y && /* @__PURE__ */ c(x, { message: y }),
+				/* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(u, {
 					onClick: async () => {
-						D(null);
+						b(null);
 						try {
-							let n = (await t(j({ variables: { input: {
-								name: u.name.trim(),
-								version: u.version.trim(),
+							let t = (await n(j({ variables: { input: {
+								name: s.name.trim(),
+								version: s.version.trim(),
 								projectId: A,
-								plannedDate: u.plannedDate || void 0,
-								description: u.description.trim() || void 0
+								plannedDate: s.plannedDate || void 0,
+								description: s.description.trim() || void 0
 							} } }))).data?.planmagnetCreateRelease.id;
-							v(E), o(!1), n && e(n);
+							d(D), a(!1), t && e(t);
 						} catch (e) {
-							D(w(e, "The release could not be created."));
+							b(T(e, "The release could not be created."));
 						}
 					},
 					disabled: !N,
@@ -178,95 +204,94 @@ function D({ onCreated: e }) {
 		})]
 	});
 }
-var O = i`
+var k = a`
   mutation CreateDialogMilestone($input: PlanmagnetCreateMilestoneInput!) {
     planmagnetCreateMilestone(input: $input) {
       id
     }
   }
-`, k = {
+`, A = {
 	name: "",
 	projectId: "",
 	dueDate: "",
 	description: ""
 };
-function A({ onCreated: e }) {
-	let [i, o] = n(!1), [u, v] = n(k), [y, T] = n(null), { projects: E, loading: D } = x(i), A = u.projectId || E[0]?.id || "", [j, { loading: M }] = a(O, {
+function j({ onCreated: e }) {
+	let [t, a] = r(!1), [s, d] = r(A), [y, b] = r(null), E = S(t), { projects: D } = E, O = s.projectId || D[0]?.id || "", [j, { loading: M }] = o(k, {
 		refetchQueries: ["GetMilestones"],
 		awaitRefetchQueries: !0
-	}), N = u.name.trim() !== "" && A !== "" && !M;
-	return /* @__PURE__ */ c(d, {
-		open: i,
+	}), N = s.name.trim() !== "" && O !== "" && !M;
+	return /* @__PURE__ */ l(f, {
+		open: t,
 		onOpenChange: (e) => {
-			o(e), e || T(null);
+			a(e), e || b(null);
 		},
-		children: [/* @__PURE__ */ s(_, {
+		children: [/* @__PURE__ */ c(v, {
 			asChild: !0,
-			children: /* @__PURE__ */ c(l, {
+			children: /* @__PURE__ */ l(u, {
 				size: "sm",
-				children: [/* @__PURE__ */ s(r, { className: "mr-1 h-4 w-4" }), "New Milestone"]
+				children: [/* @__PURE__ */ c(i, { className: "mr-1 h-4 w-4" }), "New Milestone"]
 			})
-		}), /* @__PURE__ */ c(f, {
+		}), /* @__PURE__ */ l(p, {
 			className: "max-w-lg",
 			children: [
-				/* @__PURE__ */ c(h, { children: [/* @__PURE__ */ s(g, { children: "New milestone" }), /* @__PURE__ */ s(p, { children: "The milestone starts as Pending." })] }),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ c(_, { children: "New milestone" }), /* @__PURE__ */ c(m, { children: "The milestone starts as Pending." })] }),
+				/* @__PURE__ */ l("div", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ s(C, {
+						/* @__PURE__ */ c(w, {
 							id: "new-milestone-name",
 							label: "Name",
-							value: u.name,
-							onChange: (e) => v({
-								...u,
+							value: s.name,
+							onChange: (e) => d({
+								...s,
 								name: e
 							})
 						}),
-						/* @__PURE__ */ s(S, {
+						/* @__PURE__ */ c(C, {
 							id: "new-milestone-project",
-							value: A,
-							onChange: (e) => v({
-								...u,
+							value: O,
+							onChange: (e) => d({
+								...s,
 								projectId: e
 							}),
-							projects: E,
-							loading: D
+							state: E
 						}),
-						/* @__PURE__ */ s(C, {
+						/* @__PURE__ */ c(w, {
 							id: "new-milestone-due",
 							label: "Due date",
 							type: "date",
-							value: u.dueDate,
-							onChange: (e) => v({
-								...u,
+							value: s.dueDate,
+							onChange: (e) => d({
+								...s,
 								dueDate: e
 							})
 						}),
-						/* @__PURE__ */ s(C, {
+						/* @__PURE__ */ c(w, {
 							id: "new-milestone-description",
 							label: "Description",
-							value: u.description,
-							onChange: (e) => v({
-								...u,
+							value: s.description,
+							onChange: (e) => d({
+								...s,
 								description: e
 							})
 						})
 					]
 				}),
-				y && /* @__PURE__ */ s(b, { message: y }),
-				/* @__PURE__ */ s(m, { children: /* @__PURE__ */ s(l, {
+				y && /* @__PURE__ */ c(x, { message: y }),
+				/* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(u, {
 					onClick: async () => {
-						T(null);
+						b(null);
 						try {
-							let n = (await t(j({ variables: { input: {
-								name: u.name.trim(),
-								projectId: A,
-								dueDate: u.dueDate || void 0,
-								description: u.description.trim() || void 0
+							let t = (await n(j({ variables: { input: {
+								name: s.name.trim(),
+								projectId: O,
+								dueDate: s.dueDate || void 0,
+								description: s.description.trim() || void 0
 							} } }))).data?.planmagnetCreateMilestone.id;
-							v(k), o(!1), n && e(n);
+							d(A), a(!1), t && e(t);
 						} catch (e) {
-							T(w(e, "The milestone could not be created."));
+							b(T(e, "The milestone could not be created."));
 						}
 					},
 					disabled: !N,
@@ -278,6 +303,6 @@ function A({ onCreated: e }) {
 	});
 }
 //#endregion
-export { A as NewMilestoneDialog, D as NewReleaseDialog };
+export { j as NewMilestoneDialog, O as NewReleaseDialog };
 
 //# sourceMappingURL=CreateDialogs.js.map

package/dist/planmagnet/create/CreateDialogs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateDialogs.js","names":[],"sources":["../../../src/planmagnet/create/CreateDialogs.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } 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 { Plus } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\n\n/**\n * Create dialogs for records whose list pages had a dead \"New …\" button, or\n * none at all (QA report 2026-09-23: C4 New Release had no onClick; H7 there\n * was no way to create a milestone). Both mutations were already served and\n * verified in prod; only the UI trigger was missing.\n */\n\nconst DIALOG_PROJECTS = gql`\n  query CreateDialogProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n    }\n  }\n`;\n\nconst FIELD = 'mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm';\n\nfunction ErrorLine({ message }: { message: string }) {\n  return (\n    <p role=\"alert\" className=\"text-sm text-destructive\">\n      {message}\n    </p>\n  );\n}\n\nfunction useDialogProjects(open: boolean) {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading } = useQuery<{\n    planmagnetProjects: { items: Array<{ id: string; name: string }> };\n  }>(DIALOG_PROJECTS, {\n    variables: { workspaceId: workspaceId ?? '' },\n    skip: !open || !workspaceId,\n  });\n  return { projects: data?.planmagnetProjects.items ?? [], loading };\n}\n\nfunction ProjectField({\n  id,\n  value,\n  onChange,\n  projects,\n  loading,\n}: {\n  id: string;\n  value: string;\n  onChange: (id: string) => void;\n  projects: Array<{ id: string; name: string }>;\n  loading: boolean;\n}) {\n  return (\n    <div>\n      <label htmlFor={id} className=\"text-sm font-medium\">\n        Project\n      </label>\n      <select id={id} className={FIELD} value={value} onChange={(e) => onChange(e.target.value)}>\n        {projects.length === 0 && <option value=\"\">{loading ? 'Loading…' : 'No projects'}</option>}\n        {projects.map((p) => (\n          <option key={p.id} value={p.id}>\n            {p.name}\n          </option>\n        ))}\n      </select>\n    </div>\n  );\n}\n\nfunction TextField({\n  id,\n  label,\n  value,\n  onChange,\n  type = 'text',\n  placeholder,\n}: {\n  id: string;\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  type?: string;\n  placeholder?: string;\n}) {\n  return (\n    <div>\n      <label htmlFor={id} className=\"text-sm font-medium\">\n        {label}\n      </label>\n      <Input\n        id={id}\n        type={type}\n        className=\"mt-1\"\n        value={value}\n        placeholder={placeholder}\n        onChange={(e) => onChange(e.target.value)}\n      />\n    </div>\n  );\n}\n\nconst messageOf = (e: unknown, fallback: string) => (e instanceof Error ? e.message : fallback);\n\n// ─── New release (C4) ────────────────────────────────────────────────────────\n\nconst CREATE_RELEASE = gql`\n  mutation CreateDialogRelease($input: PlanmagnetCreateReleaseInput!) {\n    planmagnetCreateRelease(input: $input) {\n      id\n    }\n  }\n`;\n\nconst EMPTY_RELEASE = { name: '', version: '', projectId: '', plannedDate: '', description: '' };\n\nexport function NewReleaseDialog({ onCreated }: { onCreated: (releaseId: string) => void }) {\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(EMPTY_RELEASE);\n  const [error, setError] = useState<string | null>(null);\n  const { projects, loading: projectsLoading } = useDialogProjects(open);\n  const projectId = form.projectId || projects[0]?.id || '';\n  const [create, { loading }] = useMutation<{ planmagnetCreateRelease: { id: string } }>(\n    CREATE_RELEASE,\n    { refetchQueries: ['ListReleases'], awaitRefetchQueries: true }\n  );\n\n  const canSubmit =\n    form.name.trim() !== '' && form.version.trim() !== '' && projectId !== '' && !loading;\n\n  const handleCreate = async () => {\n    setError(null);\n    try {\n      const result = await throwOnError(\n        create({\n          variables: {\n            input: {\n              name: form.name.trim(),\n              version: form.version.trim(),\n              projectId,\n              plannedDate: form.plannedDate || undefined,\n              description: form.description.trim() || undefined,\n            },\n          },\n        })\n      );\n      const id = result.data?.planmagnetCreateRelease.id;\n      setForm(EMPTY_RELEASE);\n      setOpen(false);\n      if (id) onCreated(id);\n    } catch (e) {\n      setError(messageOf(e, 'The release could not be created.'));\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (!next) setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Release\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>New release</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>The release starts in Planning.</ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <TextField\n            id=\"new-release-name\"\n            label=\"Name\"\n            value={form.name}\n            onChange={(name) => setForm({ ...form, name })}\n          />\n          <TextField\n            id=\"new-release-version\"\n            label=\"Version\"\n            placeholder=\"e.g. 1.4.0\"\n            value={form.version}\n            onChange={(version) => setForm({ ...form, version })}\n          />\n          <ProjectField\n            id=\"new-release-project\"\n            value={projectId}\n            onChange={(id) => setForm({ ...form, projectId: id })}\n            projects={projects}\n            loading={projectsLoading}\n          />\n          <TextField\n            id=\"new-release-date\"\n            label=\"Planned date\"\n            type=\"date\"\n            value={form.plannedDate}\n            onChange={(plannedDate) => setForm({ ...form, plannedDate })}\n          />\n          <TextField\n            id=\"new-release-description\"\n            label=\"Description\"\n            value={form.description}\n            onChange={(description) => setForm({ ...form, description })}\n          />\n        </div>\n        {error && <ErrorLine message={error} />}\n        <ResponsiveDialogFooter>\n          <Button onClick={handleCreate} disabled={!canSubmit} data-testid=\"new-release-submit\">\n            {loading ? 'Creating…' : 'Create release'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n// ─── New milestone (H7) ──────────────────────────────────────────────────────\n\nconst CREATE_MILESTONE = gql`\n  mutation CreateDialogMilestone($input: PlanmagnetCreateMilestoneInput!) {\n    planmagnetCreateMilestone(input: $input) {\n      id\n    }\n  }\n`;\n\nconst EMPTY_MILESTONE = { name: '', projectId: '', dueDate: '', description: '' };\n\nexport function NewMilestoneDialog({ onCreated }: { onCreated: (milestoneId: string) => void }) {\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(EMPTY_MILESTONE);\n  const [error, setError] = useState<string | null>(null);\n  const { projects, loading: projectsLoading } = useDialogProjects(open);\n  const projectId = form.projectId || projects[0]?.id || '';\n  const [create, { loading }] = useMutation<{ planmagnetCreateMilestone: { id: string } }>(\n    CREATE_MILESTONE,\n    { refetchQueries: ['GetMilestones'], awaitRefetchQueries: true }\n  );\n\n  const canSubmit = form.name.trim() !== '' && projectId !== '' && !loading;\n\n  const handleCreate = async () => {\n    setError(null);\n    try {\n      const result = await throwOnError(\n        create({\n          variables: {\n            input: {\n              name: form.name.trim(),\n              projectId,\n              dueDate: form.dueDate || undefined,\n              description: form.description.trim() || undefined,\n            },\n          },\n        })\n      );\n      const id = result.data?.planmagnetCreateMilestone.id;\n      setForm(EMPTY_MILESTONE);\n      setOpen(false);\n      if (id) onCreated(id);\n    } catch (e) {\n      setError(messageOf(e, 'The milestone could not be created.'));\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (!next) setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Milestone\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>New milestone</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            The milestone starts as Pending.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <TextField\n            id=\"new-milestone-name\"\n            label=\"Name\"\n            value={form.name}\n            onChange={(name) => setForm({ ...form, name })}\n          />\n          <ProjectField\n            id=\"new-milestone-project\"\n            value={projectId}\n            onChange={(id) => setForm({ ...form, projectId: id })}\n            projects={projects}\n            loading={projectsLoading}\n          />\n          <TextField\n            id=\"new-milestone-due\"\n            label=\"Due date\"\n            type=\"date\"\n            value={form.dueDate}\n            onChange={(dueDate) => setForm({ ...form, dueDate })}\n          />\n          <TextField\n            id=\"new-milestone-description\"\n            label=\"Description\"\n            value={form.description}\n            onChange={(description) => setForm({ ...form, description })}\n          />\n        </div>\n        {error && <ErrorLine message={error} />}\n        <ResponsiveDialogFooter>\n          <Button onClick={handleCreate} disabled={!canSubmit} data-testid=\"new-milestone-submit\">\n            {loading ? 'Creating…' : 'Create milestone'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateDialogs.js","names":[],"sources":["../../../src/planmagnet/create/CreateDialogs.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } 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 { Plus } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\n\n/**\n * Create dialogs for records whose list pages had a dead \"New …\" button, or\n * none at all (QA report 2026-09-23: C4 New Release had no onClick; H7 there\n * was no way to create a milestone). Both mutations were already served and\n * verified in prod; only the UI trigger was missing.\n */\n\nconst DIALOG_PROJECTS = gql`\n  query CreateDialogProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n    }\n  }\n`;\n\nconst FIELD = 'mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm';\n\nfunction ErrorLine({ message }: { message: string }) {\n  return (\n    <p role=\"alert\" className=\"text-sm text-destructive\">\n      {message}\n    </p>\n  );\n}\n\n/**\n * C2 (BOFF-7833): the picker used to show one \"No projects\" option for three different situations —\n * still loading, the query failed, and genuinely no projects. It now says which, offers a retry on\n * failure, and a way to create a project when there are none.\n */\ninterface ProjectsState {\n  projects: Array<{ id: string; name: string }>;\n  loading: boolean;\n  error: string | null;\n  retry: () => void;\n}\n\nfunction useDialogProjects(open: boolean): ProjectsState {\n  const { workspaceId } = usePlanMagnet();\n  const { data, loading, error, refetch } = useQuery<{\n    planmagnetProjects: { items: Array<{ id: string; name: string }> };\n  }>(DIALOG_PROJECTS, {\n    variables: { workspaceId: workspaceId ?? '' },\n    skip: !open || !workspaceId,\n  });\n  return {\n    projects: data?.planmagnetProjects.items ?? [],\n    loading: loading && !data,\n    error: error ? error.message : null,\n    retry: () => void refetch(),\n  };\n}\n\nfunction ProjectField({\n  id,\n  value,\n  onChange,\n  state,\n}: {\n  id: string;\n  value: string;\n  onChange: (id: string) => void;\n  state: ProjectsState;\n}) {\n  const navigate = usePlanMagnetNavigate();\n  const { projects, loading, error, retry } = state;\n  const empty = !loading && !error && projects.length === 0;\n  return (\n    <div>\n      <label htmlFor={id} className=\"text-sm font-medium\">\n        Project\n      </label>\n      <select id={id} className={FIELD} value={value} onChange={(e) => onChange(e.target.value)}>\n        {projects.length === 0 && (\n          <option value=\"\">\n            {loading\n              ? 'Loading projects…'\n              : error\n                ? 'Projects could not be loaded'\n                : 'No projects yet'}\n          </option>\n        )}\n        {projects.map((p) => (\n          <option key={p.id} value={p.id}>\n            {p.name}\n          </option>\n        ))}\n      </select>\n      {error && (\n        <p role=\"alert\" className=\"mt-1 flex items-center gap-2 text-xs text-destructive\">\n          {error}\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"ghost\"\n            className=\"h-6 px-2 text-xs\"\n            onClick={retry}\n          >\n            Retry\n          </Button>\n        </p>\n      )}\n      {empty && (\n        <p className=\"mt-1 text-xs text-muted-foreground\">\n          <button\n            type=\"button\"\n            className=\"underline\"\n            onClick={() => navigate('/projects/create-project-page')}\n          >\n            Create a project first\n          </button>\n        </p>\n      )}\n    </div>\n  );\n}\n\nfunction TextField({\n  id,\n  label,\n  value,\n  onChange,\n  type = 'text',\n  placeholder,\n}: {\n  id: string;\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  type?: string;\n  placeholder?: string;\n}) {\n  return (\n    <div>\n      <label htmlFor={id} className=\"text-sm font-medium\">\n        {label}\n      </label>\n      <Input\n        id={id}\n        type={type}\n        className=\"mt-1\"\n        value={value}\n        placeholder={placeholder}\n        onChange={(e) => onChange(e.target.value)}\n      />\n    </div>\n  );\n}\n\nconst messageOf = (e: unknown, fallback: string) => (e instanceof Error ? e.message : fallback);\n\n// ─── New release (C4) ────────────────────────────────────────────────────────\n\nconst CREATE_RELEASE = gql`\n  mutation CreateDialogRelease($input: PlanmagnetCreateReleaseInput!) {\n    planmagnetCreateRelease(input: $input) {\n      id\n    }\n  }\n`;\n\nconst EMPTY_RELEASE = { name: '', version: '', projectId: '', plannedDate: '', description: '' };\n\nexport function NewReleaseDialog({ onCreated }: { onCreated: (releaseId: string) => void }) {\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(EMPTY_RELEASE);\n  const [error, setError] = useState<string | null>(null);\n  const projectsState = useDialogProjects(open);\n  const { projects } = projectsState;\n  const projectId = form.projectId || projects[0]?.id || '';\n  const [create, { loading }] = useMutation<{ planmagnetCreateRelease: { id: string } }>(\n    CREATE_RELEASE,\n    { refetchQueries: ['ListReleases'], awaitRefetchQueries: true }\n  );\n\n  const canSubmit =\n    form.name.trim() !== '' && form.version.trim() !== '' && projectId !== '' && !loading;\n\n  const handleCreate = async () => {\n    setError(null);\n    try {\n      const result = await throwOnError(\n        create({\n          variables: {\n            input: {\n              name: form.name.trim(),\n              version: form.version.trim(),\n              projectId,\n              plannedDate: form.plannedDate || undefined,\n              description: form.description.trim() || undefined,\n            },\n          },\n        })\n      );\n      const id = result.data?.planmagnetCreateRelease.id;\n      setForm(EMPTY_RELEASE);\n      setOpen(false);\n      if (id) onCreated(id);\n    } catch (e) {\n      setError(messageOf(e, 'The release could not be created.'));\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (!next) setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Release\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>New release</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>The release starts in Planning.</ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <TextField\n            id=\"new-release-name\"\n            label=\"Name\"\n            value={form.name}\n            onChange={(name) => setForm({ ...form, name })}\n          />\n          <TextField\n            id=\"new-release-version\"\n            label=\"Version\"\n            placeholder=\"e.g. 1.4.0\"\n            value={form.version}\n            onChange={(version) => setForm({ ...form, version })}\n          />\n          <ProjectField\n            id=\"new-release-project\"\n            value={projectId}\n            onChange={(id) => setForm({ ...form, projectId: id })}\n            state={projectsState}\n          />\n          <TextField\n            id=\"new-release-date\"\n            label=\"Planned date\"\n            type=\"date\"\n            value={form.plannedDate}\n            onChange={(plannedDate) => setForm({ ...form, plannedDate })}\n          />\n          <TextField\n            id=\"new-release-description\"\n            label=\"Description\"\n            value={form.description}\n            onChange={(description) => setForm({ ...form, description })}\n          />\n        </div>\n        {error && <ErrorLine message={error} />}\n        <ResponsiveDialogFooter>\n          <Button onClick={handleCreate} disabled={!canSubmit} data-testid=\"new-release-submit\">\n            {loading ? 'Creating…' : 'Create release'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n// ─── New milestone (H7) ──────────────────────────────────────────────────────\n\nconst CREATE_MILESTONE = gql`\n  mutation CreateDialogMilestone($input: PlanmagnetCreateMilestoneInput!) {\n    planmagnetCreateMilestone(input: $input) {\n      id\n    }\n  }\n`;\n\nconst EMPTY_MILESTONE = { name: '', projectId: '', dueDate: '', description: '' };\n\nexport function NewMilestoneDialog({ onCreated }: { onCreated: (milestoneId: string) => void }) {\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState(EMPTY_MILESTONE);\n  const [error, setError] = useState<string | null>(null);\n  const projectsState = useDialogProjects(open);\n  const { projects } = projectsState;\n  const projectId = form.projectId || projects[0]?.id || '';\n  const [create, { loading }] = useMutation<{ planmagnetCreateMilestone: { id: string } }>(\n    CREATE_MILESTONE,\n    { refetchQueries: ['GetMilestones'], awaitRefetchQueries: true }\n  );\n\n  const canSubmit = form.name.trim() !== '' && projectId !== '' && !loading;\n\n  const handleCreate = async () => {\n    setError(null);\n    try {\n      const result = await throwOnError(\n        create({\n          variables: {\n            input: {\n              name: form.name.trim(),\n              projectId,\n              dueDate: form.dueDate || undefined,\n              description: form.description.trim() || undefined,\n            },\n          },\n        })\n      );\n      const id = result.data?.planmagnetCreateMilestone.id;\n      setForm(EMPTY_MILESTONE);\n      setOpen(false);\n      if (id) onCreated(id);\n    } catch (e) {\n      setError(messageOf(e, 'The milestone could not be created.'));\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (!next) setError(null);\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Milestone\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>New milestone</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            The milestone starts as Pending.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-3\">\n          <TextField\n            id=\"new-milestone-name\"\n            label=\"Name\"\n            value={form.name}\n            onChange={(name) => setForm({ ...form, name })}\n          />\n          <ProjectField\n            id=\"new-milestone-project\"\n            value={projectId}\n            onChange={(id) => setForm({ ...form, projectId: id })}\n            state={projectsState}\n          />\n          <TextField\n            id=\"new-milestone-due\"\n            label=\"Due date\"\n            type=\"date\"\n            value={form.dueDate}\n            onChange={(dueDate) => setForm({ ...form, dueDate })}\n          />\n          <TextField\n            id=\"new-milestone-description\"\n            label=\"Description\"\n            value={form.description}\n            onChange={(description) => setForm({ ...form, description })}\n          />\n        </div>\n        {error && <ErrorLine message={error} />}\n        <ResponsiveDialogFooter>\n          <Button onClick={handleCreate} disabled={!canSubmit} data-testid=\"new-milestone-submit\">\n            {loading ? 'Creating…' : 'Create milestone'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/DocsDocDetailPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocsDocDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/DocsDocDetailPagePage.tsx"],"names":[],"mappings":"AA4HA,wBAAgB,qBAAqB,4CAwZpC"}
+{"version":3,"file":"DocsDocDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/DocsDocDetailPagePage.tsx"],"names":[],"mappings":"AA4HA,wBAAgB,qBAAqB,4CAyZpC"}

package/dist/planmagnet/pages/DocsDocDetailPagePage.js

@@ -376,7 +376,7 @@ function A() {
 						className: "space-y-2",
 						children: [Y.linkedWorkItems.length === 0 && /* @__PURE__ */ o("p", {
 							className: "text-sm text-muted-foreground",
-							children: "Not linked to any work item. Link docs from a task's “Linked Docs” panel."
+							children: "Not linked to any work item. A doc created from a task's “Linked Docs” panel is linked to that task; linking an existing doc is not available yet."
 						}), Y.linkedWorkItems.map((e) => /* @__PURE__ */ s("div", {
 							className: "flex items-center justify-between gap-2 rounded-md border p-2",
 							children: [/* @__PURE__ */ s("button", {