@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.6

package/dist/planmagnet/create/CreateDialogs.js

@@ -1,13 +1,15 @@
 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";
+import { AssigneeSelect as r, enumLabel as i } from "../controls/WorkItemControls.js";
+import { RISK_SEVERITIES as a } from "../controls/RiskControls.js";
+import { useState as o } from "react";
+import { Plus as s } from "lucide-react";
+import { gql as c } from "@apollo/client";
+import { useMutation as l, useQuery as u } from "@apollo/client/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p, Input as m, ResponsiveDialog as h, ResponsiveDialogContent as g, ResponsiveDialogDescription as _, ResponsiveDialogFooter as v, ResponsiveDialogHeader as y, ResponsiveDialogTitle as b, ResponsiveDialogTrigger as x } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/create/CreateDialogs.tsx
-var y = a`
+var S = c`
   query CreateDialogProjects($workspaceId: ID!) {
     planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -16,16 +18,16 @@ var y = a`
       }
     }
   }
-`, 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", {
+`, C = "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm";
+function w({ message: e }) {
+	return /* @__PURE__ */ d("p", {
 		role: "alert",
 		className: "text-sm text-destructive",
 		children: e
 	});
 }
-function S(t) {
-	let { workspaceId: n } = e(), { data: r, loading: i, error: a, refetch: o } = s(y, {
+function T(t) {
+	let { workspaceId: n } = e(), { data: r, loading: i, error: a, refetch: o } = u(S, {
 		variables: { workspaceId: n ?? "" },
 		skip: !t || !n
 	});
@@ -36,42 +38,42 @@ function S(t) {
 		retry: () => void o()
 	};
 }
-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", {
+function E({ id: e, value: n, onChange: r, state: i }) {
+	let a = t(), { projects: o, loading: s, error: c, retry: l } = i, u = !s && !c && o.length === 0;
+	return /* @__PURE__ */ f("div", { children: [
+		/* @__PURE__ */ d("label", {
 			htmlFor: e,
 			className: "text-sm font-medium",
 			children: "Project"
 		}),
-		/* @__PURE__ */ l("select", {
+		/* @__PURE__ */ f("select", {
 			id: e,
-			className: b,
+			className: C,
 			value: n,
 			onChange: (e) => r(e.target.value),
-			children: [o.length === 0 && /* @__PURE__ */ c("option", {
+			children: [o.length === 0 && /* @__PURE__ */ d("option", {
 				value: "",
-				children: s ? "Loading projects…" : d ? "Projects could not be loaded" : "No projects yet"
-			}), o.map((e) => /* @__PURE__ */ c("option", {
+				children: s ? "Loading projects…" : c ? "Projects could not be loaded" : "No projects yet"
+			}), o.map((e) => /* @__PURE__ */ d("option", {
 				value: e.id,
 				children: e.name
 			}, e.id))]
 		}),
-		d && /* @__PURE__ */ l("p", {
+		c && /* @__PURE__ */ f("p", {
 			role: "alert",
 			className: "mt-1 flex items-center gap-2 text-xs text-destructive",
-			children: [d, /* @__PURE__ */ c(u, {
+			children: [c, /* @__PURE__ */ d(p, {
 				type: "button",
 				size: "sm",
 				variant: "ghost",
 				className: "h-6 px-2 text-xs",
-				onClick: f,
+				onClick: l,
 				children: "Retry"
 			})]
 		}),
-		p && /* @__PURE__ */ c("p", {
+		u && /* @__PURE__ */ d("p", {
 			className: "mt-1 text-xs text-muted-foreground",
-			children: /* @__PURE__ */ c("button", {
+			children: /* @__PURE__ */ d("button", {
 				type: "button",
 				className: "underline",
 				onClick: () => a("/projects/create-project-page"),
@@ -80,12 +82,12 @@ function C({ id: e, value: n, onChange: r, state: i }) {
 		})
 	] });
 }
-function w({ id: e, label: t, value: n, onChange: r, type: i = "text", placeholder: a }) {
-	return /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+function D({ id: e, label: t, value: n, onChange: r, type: i = "text", placeholder: a }) {
+	return /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 		htmlFor: e,
 		className: "text-sm font-medium",
 		children: t
-	}), /* @__PURE__ */ c(d, {
+	}), /* @__PURE__ */ d(m, {
 		id: e,
 		type: i,
 		className: "mt-1",
@@ -94,106 +96,106 @@ function w({ id: e, label: t, value: n, onChange: r, type: i = "text", placehold
 		onChange: (e) => r(e.target.value)
 	})] });
 }
-var T = (e, t) => e instanceof Error ? e.message : t, E = a`
+var O = (e, t) => e instanceof Error ? e.message : t, k = c`
   mutation CreateDialogRelease($input: PlanmagnetCreateReleaseInput!) {
     planmagnetCreateRelease(input: $input) {
       id
     }
   }
-`, D = {
+`, A = {
 	name: "",
 	version: "",
 	projectId: "",
 	plannedDate: "",
 	description: ""
 };
-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, {
+function j({ onCreated: e }) {
+	let [t, r] = o(!1), [i, a] = o(A), [c, u] = o(null), m = T(t), { projects: S } = m, C = i.projectId || S[0]?.id || "", [j, { loading: M }] = l(k, {
 		refetchQueries: ["ListReleases"],
 		awaitRefetchQueries: !0
-	}), N = s.name.trim() !== "" && s.version.trim() !== "" && A !== "" && !M;
-	return /* @__PURE__ */ l(f, {
+	}), N = i.name.trim() !== "" && i.version.trim() !== "" && C !== "" && !M;
+	return /* @__PURE__ */ f(h, {
 		open: t,
 		onOpenChange: (e) => {
-			a(e), e || b(null);
+			r(e), e || u(null);
 		},
-		children: [/* @__PURE__ */ c(v, {
+		children: [/* @__PURE__ */ d(x, {
 			asChild: !0,
-			children: /* @__PURE__ */ l(u, {
+			children: /* @__PURE__ */ f(p, {
 				size: "sm",
-				children: [/* @__PURE__ */ c(i, { className: "mr-1 h-4 w-4" }), "New Release"]
+				children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), "New Release"]
 			})
-		}), /* @__PURE__ */ l(p, {
+		}), /* @__PURE__ */ f(g, {
 			className: "max-w-lg",
 			children: [
-				/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ c(_, { children: "New release" }), /* @__PURE__ */ c(m, { children: "The release starts in Planning." })] }),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(b, { children: "New release" }), /* @__PURE__ */ d(_, { children: "The release starts in Planning." })] }),
+				/* @__PURE__ */ f("div", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ c(w, {
+						/* @__PURE__ */ d(D, {
 							id: "new-release-name",
 							label: "Name",
-							value: s.name,
-							onChange: (e) => d({
-								...s,
+							value: i.name,
+							onChange: (e) => a({
+								...i,
 								name: e
 							})
 						}),
-						/* @__PURE__ */ c(w, {
+						/* @__PURE__ */ d(D, {
 							id: "new-release-version",
 							label: "Version",
 							placeholder: "e.g. 1.4.0",
-							value: s.version,
-							onChange: (e) => d({
-								...s,
+							value: i.version,
+							onChange: (e) => a({
+								...i,
 								version: e
 							})
 						}),
-						/* @__PURE__ */ c(C, {
+						/* @__PURE__ */ d(E, {
 							id: "new-release-project",
-							value: A,
-							onChange: (e) => d({
-								...s,
+							value: C,
+							onChange: (e) => a({
+								...i,
 								projectId: e
 							}),
-							state: O
+							state: m
 						}),
-						/* @__PURE__ */ c(w, {
+						/* @__PURE__ */ d(D, {
 							id: "new-release-date",
 							label: "Planned date",
 							type: "date",
-							value: s.plannedDate,
-							onChange: (e) => d({
-								...s,
+							value: i.plannedDate,
+							onChange: (e) => a({
+								...i,
 								plannedDate: e
 							})
 						}),
-						/* @__PURE__ */ c(w, {
+						/* @__PURE__ */ d(D, {
 							id: "new-release-description",
 							label: "Description",
-							value: s.description,
-							onChange: (e) => d({
-								...s,
+							value: i.description,
+							onChange: (e) => a({
+								...i,
 								description: e
 							})
 						})
 					]
 				}),
-				y && /* @__PURE__ */ c(x, { message: y }),
-				/* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(u, {
+				c && /* @__PURE__ */ d(w, { message: c }),
+				/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(p, {
 					onClick: async () => {
-						b(null);
+						u(null);
 						try {
 							let t = (await n(j({ variables: { input: {
-								name: s.name.trim(),
-								version: s.version.trim(),
-								projectId: A,
-								plannedDate: s.plannedDate || void 0,
-								description: s.description.trim() || void 0
+								name: i.name.trim(),
+								version: i.version.trim(),
+								projectId: C,
+								plannedDate: i.plannedDate || void 0,
+								description: i.description.trim() || void 0
 							} } }))).data?.planmagnetCreateRelease.id;
-							d(D), a(!1), t && e(t);
+							a(A), r(!1), t && e(t);
 						} catch (e) {
-							b(T(e, "The release could not be created."));
+							u(O(e, "The release could not be created."));
 						}
 					},
 					disabled: !N,
@@ -204,105 +206,442 @@ function O({ onCreated: e }) {
 		})]
 	});
 }
-var k = a`
+var M = c`
   mutation CreateDialogMilestone($input: PlanmagnetCreateMilestoneInput!) {
     planmagnetCreateMilestone(input: $input) {
       id
     }
   }
-`, A = {
+`, N = {
 	name: "",
 	projectId: "",
 	dueDate: "",
 	description: ""
 };
-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, {
+function P({ onCreated: e }) {
+	let [t, r] = o(!1), [i, a] = o(N), [c, u] = o(null), m = T(t), { projects: S } = m, C = i.projectId || S[0]?.id || "", [k, { loading: A }] = l(M, {
 		refetchQueries: ["GetMilestones"],
 		awaitRefetchQueries: !0
-	}), N = s.name.trim() !== "" && O !== "" && !M;
-	return /* @__PURE__ */ l(f, {
+	}), j = i.name.trim() !== "" && C !== "" && !A;
+	return /* @__PURE__ */ f(h, {
 		open: t,
 		onOpenChange: (e) => {
-			a(e), e || b(null);
+			r(e), e || u(null);
 		},
-		children: [/* @__PURE__ */ c(v, {
+		children: [/* @__PURE__ */ d(x, {
 			asChild: !0,
-			children: /* @__PURE__ */ l(u, {
+			children: /* @__PURE__ */ f(p, {
 				size: "sm",
-				children: [/* @__PURE__ */ c(i, { className: "mr-1 h-4 w-4" }), "New Milestone"]
+				children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), "New Milestone"]
 			})
-		}), /* @__PURE__ */ l(p, {
+		}), /* @__PURE__ */ f(g, {
 			className: "max-w-lg",
 			children: [
-				/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ c(_, { children: "New milestone" }), /* @__PURE__ */ c(m, { children: "The milestone starts as Pending." })] }),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(b, { children: "New milestone" }), /* @__PURE__ */ d(_, { children: "The milestone starts as Pending." })] }),
+				/* @__PURE__ */ f("div", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ c(w, {
+						/* @__PURE__ */ d(D, {
 							id: "new-milestone-name",
 							label: "Name",
-							value: s.name,
-							onChange: (e) => d({
-								...s,
+							value: i.name,
+							onChange: (e) => a({
+								...i,
 								name: e
 							})
 						}),
-						/* @__PURE__ */ c(C, {
+						/* @__PURE__ */ d(E, {
 							id: "new-milestone-project",
-							value: O,
-							onChange: (e) => d({
-								...s,
+							value: C,
+							onChange: (e) => a({
+								...i,
 								projectId: e
 							}),
-							state: E
+							state: m
 						}),
-						/* @__PURE__ */ c(w, {
+						/* @__PURE__ */ d(D, {
 							id: "new-milestone-due",
 							label: "Due date",
 							type: "date",
-							value: s.dueDate,
-							onChange: (e) => d({
-								...s,
+							value: i.dueDate,
+							onChange: (e) => a({
+								...i,
 								dueDate: e
 							})
 						}),
-						/* @__PURE__ */ c(w, {
+						/* @__PURE__ */ d(D, {
 							id: "new-milestone-description",
 							label: "Description",
-							value: s.description,
-							onChange: (e) => d({
-								...s,
+							value: i.description,
+							onChange: (e) => a({
+								...i,
 								description: e
 							})
 						})
 					]
 				}),
-				y && /* @__PURE__ */ c(x, { message: y }),
-				/* @__PURE__ */ c(h, { children: /* @__PURE__ */ c(u, {
+				c && /* @__PURE__ */ d(w, { message: c }),
+				/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(p, {
 					onClick: async () => {
-						b(null);
+						u(null);
 						try {
-							let t = (await n(j({ variables: { input: {
-								name: s.name.trim(),
-								projectId: O,
-								dueDate: s.dueDate || void 0,
-								description: s.description.trim() || void 0
+							let t = (await n(k({ variables: { input: {
+								name: i.name.trim(),
+								projectId: C,
+								dueDate: i.dueDate || void 0,
+								description: i.description.trim() || void 0
 							} } }))).data?.planmagnetCreateMilestone.id;
-							d(A), a(!1), t && e(t);
+							a(N), r(!1), t && e(t);
 						} catch (e) {
-							b(T(e, "The milestone could not be created."));
+							u(O(e, "The milestone could not be created."));
 						}
 					},
-					disabled: !N,
+					disabled: !j,
 					"data-testid": "new-milestone-submit",
-					children: M ? "Creating…" : "Create milestone"
+					children: A ? "Creating…" : "Create milestone"
+				}) })
+			]
+		})]
+	});
+}
+var F = c`
+  mutation CreateDialogTemplateFromProject($projectId: ID!, $name: String!, $description: String) {
+    planmagnetCreateTemplateFromProject(
+      projectId: $projectId
+      name: $name
+      description: $description
+    ) {
+      id
+    }
+  }
+`;
+function I({ projectId: e, projectName: t, onCreated: r, trigger: i }) {
+	let [a, c] = o(!1), [u, m] = o(t ? `${t} template` : ""), [S, C] = o(""), [k, A] = o(e ?? ""), [j, M] = o(null), N = T(a && !e), { projects: P } = N, I = e ?? (k || P[0]?.id || ""), [L, { loading: R }] = l(F, {
+		refetchQueries: ["TemplatesList"],
+		awaitRefetchQueries: !0
+	}), z = u.trim() !== "" && I !== "" && !R;
+	return /* @__PURE__ */ f(h, {
+		open: a,
+		onOpenChange: (e) => {
+			c(e), e || M(null);
+		},
+		children: [/* @__PURE__ */ d(x, {
+			asChild: !0,
+			children: i ?? /* @__PURE__ */ f(p, {
+				size: "sm",
+				"data-testid": "new-template-trigger",
+				children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), "New template"]
+			})
+		}), /* @__PURE__ */ f(g, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(b, { children: "New template from project" }), /* @__PURE__ */ d(_, { children: "Captures this project's methodology and status as a reusable template. The project itself is unchanged." })] }),
+				/* @__PURE__ */ f("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ d(D, {
+							id: "new-template-name",
+							label: "Template name",
+							value: u,
+							onChange: m
+						}),
+						!e && /* @__PURE__ */ d(E, {
+							id: "new-template-project",
+							value: I,
+							onChange: A,
+							state: N
+						}),
+						/* @__PURE__ */ d(D, {
+							id: "new-template-description",
+							label: "Description",
+							value: S,
+							onChange: C
+						})
+					]
+				}),
+				j && /* @__PURE__ */ d(w, { message: j }),
+				/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(p, {
+					onClick: async () => {
+						M(null);
+						try {
+							let e = (await n(L({ variables: {
+								projectId: I,
+								name: u.trim(),
+								description: S.trim() || void 0
+							} }))).data?.planmagnetCreateTemplateFromProject.id;
+							m(""), C(""), c(!1), e && r(e);
+						} catch (e) {
+							M(O(e, "The template could not be created."));
+						}
+					},
+					disabled: !z,
+					"data-testid": "new-template-submit",
+					children: R ? "Creating…" : "Create template"
+				}) })
+			]
+		})]
+	});
+}
+var L = c`
+  mutation CreateDialogApplyTemplate($input: PlanmagnetApplyTemplateInput!) {
+    planmagnetApplyTemplate(input: $input) {
+      id
+      name
+    }
+  }
+`;
+function R({ templateId: t, templateName: i, onApplied: a }) {
+	let { currentUser: c } = e(), [u, m] = o(!1), [S, C] = o(""), [T, E] = o(""), [k, A] = o(""), [j, M] = o(null), [N, { loading: P }] = l(L, {
+		refetchQueries: [
+			"GetProjects",
+			"GetActiveProjects",
+			"GetDashboardData"
+		],
+		awaitRefetchQueries: !0
+	}), F = k || c?.id || "", I = S.trim() !== "" && F !== "" && !P;
+	return /* @__PURE__ */ f(h, {
+		open: u,
+		onOpenChange: (e) => {
+			m(e), e ? A(c?.id ?? "") : M(null);
+		},
+		children: [/* @__PURE__ */ d(x, {
+			asChild: !0,
+			children: /* @__PURE__ */ f(p, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "apply-template-trigger",
+				children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), "Use template"]
+			})
+		}), /* @__PURE__ */ f(g, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ f(b, { children: [
+					"New project from \"",
+					i,
+					"\""
+				] }), /* @__PURE__ */ d(_, { children: "Creates a project using this template's methodology and status. It counts toward the workspace's project quota like any other project." })] }),
+				/* @__PURE__ */ f("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ d(D, {
+							id: "apply-template-name",
+							label: "Project name",
+							value: S,
+							onChange: C
+						}),
+						/* @__PURE__ */ d(D, {
+							id: "apply-template-description",
+							label: "Description",
+							value: T,
+							onChange: E
+						}),
+						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							htmlFor: "apply-template-owner",
+							className: "text-sm font-medium",
+							children: "Owner"
+						}), /* @__PURE__ */ d("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ d(r, {
+								id: "apply-template-owner",
+								value: F,
+								onChange: A
+							})
+						})] })
+					]
+				}),
+				j && /* @__PURE__ */ d(w, { message: j }),
+				/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(p, {
+					onClick: async () => {
+						M(null);
+						try {
+							let e = (await n(N({ variables: { input: {
+								templateId: t,
+								projectName: S.trim(),
+								projectDescription: T.trim() || void 0,
+								ownerId: F
+							} } }))).data?.planmagnetApplyTemplate.id;
+							C(""), E(""), m(!1), e && a(e);
+						} catch (e) {
+							M(O(e, "The project could not be created from this template."));
+						}
+					},
+					disabled: !I,
+					"data-testid": "apply-template-submit",
+					children: P ? "Creating…" : "Create project"
+				}) })
+			]
+		})]
+	});
+}
+var z = c`
+  mutation CreateDialogRisk($input: PlanmagnetCreateRiskInput!) {
+    planmagnetCreateRisk(input: $input) {
+      id
+    }
+  }
+`, B = [
+	1,
+	2,
+	3,
+	4,
+	5
+];
+function V({ id: e, label: t, value: n, onChange: r }) {
+	return /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+		htmlFor: e,
+		className: "text-sm font-medium",
+		children: t
+	}), /* @__PURE__ */ d("select", {
+		id: e,
+		className: C,
+		value: n,
+		onChange: (e) => r(Number(e.target.value)),
+		children: B.map((e) => /* @__PURE__ */ d("option", {
+			value: e,
+			children: e
+		}, e))
+	})] });
+}
+function H({ projectId: e, onCreated: t }) {
+	let r = {
+		title: "",
+		projectId: e ?? "",
+		severity: "MEDIUM",
+		likelihood: 3,
+		impact: 3,
+		category: "",
+		description: ""
+	}, [c, u] = o(!1), [m, S] = o(r), [k, A] = o(null), j = T(c && !e), { projects: M } = j, N = e || m.projectId || M[0]?.id || "", [P, { loading: F }] = l(z, {
+		refetchQueries: [
+			"GetRisks",
+			"GetRiskMatrix",
+			"GetProjectDetail"
+		],
+		awaitRefetchQueries: !0
+	}), I = m.title.trim() !== "" && N !== "" && !F;
+	return /* @__PURE__ */ f(h, {
+		open: c,
+		onOpenChange: (e) => {
+			u(e), e ? S(r) : A(null);
+		},
+		children: [/* @__PURE__ */ d(x, {
+			asChild: !0,
+			children: /* @__PURE__ */ f(p, {
+				size: "sm",
+				"data-testid": "new-risk-trigger",
+				children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), "New Risk"]
+			})
+		}), /* @__PURE__ */ f(g, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(b, { children: "New risk" }), /* @__PURE__ */ d(_, { children: "The risk starts as Identified. Likelihood and impact are each scored 1 (rare/minor) to 5 (near-certain/severe)." })] }),
+				/* @__PURE__ */ f("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ d(D, {
+							id: "new-risk-title",
+							label: "Title",
+							value: m.title,
+							onChange: (e) => S({
+								...m,
+								title: e
+							})
+						}),
+						!e && /* @__PURE__ */ d(E, {
+							id: "new-risk-project",
+							value: N,
+							onChange: (e) => S({
+								...m,
+								projectId: e
+							}),
+							state: j
+						}),
+						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							htmlFor: "new-risk-severity",
+							className: "text-sm font-medium",
+							children: "Severity"
+						}), /* @__PURE__ */ d("select", {
+							id: "new-risk-severity",
+							className: C,
+							value: m.severity,
+							onChange: (e) => S({
+								...m,
+								severity: e.target.value
+							}),
+							children: a.map((e) => /* @__PURE__ */ d("option", {
+								value: e,
+								children: i(e)
+							}, e))
+						})] }),
+						/* @__PURE__ */ f("div", {
+							className: "grid grid-cols-2 gap-3",
+							children: [/* @__PURE__ */ d(V, {
+								id: "new-risk-likelihood",
+								label: "Likelihood",
+								value: m.likelihood,
+								onChange: (e) => S({
+									...m,
+									likelihood: e
+								})
+							}), /* @__PURE__ */ d(V, {
+								id: "new-risk-impact",
+								label: "Impact",
+								value: m.impact,
+								onChange: (e) => S({
+									...m,
+									impact: e
+								})
+							})]
+						}),
+						/* @__PURE__ */ d(D, {
+							id: "new-risk-category",
+							label: "Category",
+							placeholder: "e.g. schedule, budget, technical",
+							value: m.category,
+							onChange: (e) => S({
+								...m,
+								category: e
+							})
+						}),
+						/* @__PURE__ */ d(D, {
+							id: "new-risk-description",
+							label: "Description",
+							value: m.description,
+							onChange: (e) => S({
+								...m,
+								description: e
+							})
+						})
+					]
+				}),
+				k && /* @__PURE__ */ d(w, { message: k }),
+				/* @__PURE__ */ d(v, { children: /* @__PURE__ */ d(p, {
+					onClick: async () => {
+						A(null);
+						try {
+							let e = (await n(P({ variables: { input: {
+								title: m.title.trim(),
+								projectId: N,
+								severity: m.severity,
+								likelihood: m.likelihood,
+								impact: m.impact,
+								category: m.category.trim() || void 0,
+								description: m.description.trim() || void 0
+							} } }))).data?.planmagnetCreateRisk.id;
+							S(r), u(!1), e && t(e);
+						} catch (e) {
+							A(O(e, "The risk could not be created."));
+						}
+					},
+					disabled: !I,
+					"data-testid": "new-risk-submit",
+					children: F ? "Creating…" : "Create risk"
 				}) })
 			]
 		})]
 	});
 }
 //#endregion
-export { j as NewMilestoneDialog, O as NewReleaseDialog };
+export { R as ApplyTemplateDialog, P as NewMilestoneDialog, j as NewReleaseDialog, H as NewRiskDialog, I as NewTemplateFromProjectDialog };
 
 //# sourceMappingURL=CreateDialogs.js.map