@burdenoff/microfe-planmagnet 2026.927.2 → 2026.927.4

package/dist/planmagnet/pages/GoalsObjectiveDetailPagePage.js

@@ -1,14 +1,16 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
 import { PersonName as n } from "../people/People.js";
 import { throwOnError as r } from "../utils/mutationResult.js";
-import { useState as i } from "react";
-import { ArrowLeft as a, Calendar as o, Flag as s, Plus as c, Trash2 as l, User as u } from "lucide-react";
-import { gql as d } from "@apollo/client";
-import { useMutation as f, useQuery as p } from "@apollo/client/react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Badge as g, Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Input as S } from "@burdenoff/fe-libs/ui";
+import { ConfirmButton as i } from "../controls/ConfirmButton.js";
+import { KeyResultWorkItems as a, ObjectiveHeaderControls as o } from "../controls/ObjectiveControls.js";
+import { useState as s } from "react";
+import { ArrowLeft as c, Calendar as l, Flag as u, Plus as d, Trash2 as f, User as p } from "lucide-react";
+import { gql as m } from "@apollo/client";
+import { useMutation as h, useQuery as g } from "@apollo/client/react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Badge as y, Button as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w, Input as T } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/GoalsObjectiveDetailPagePage.tsx
-var C = d`
+var E = m`
   query GetObjectiveDetail($id: ID!) {
     planmagnetObjective(id: $id) {
       id
@@ -39,16 +41,22 @@ var C = d`
           doneCount
           completionRatio
         }
+        linkedWorkItems {
+          id
+          key
+          title
+          status
+        }
       }
     }
   }
-`, w = d`
+`, D = m`
   mutation CreateKeyResult($input: PlanmagnetCreateKeyResultInput!) {
     planmagnetCreateKeyResult(input: $input) {
       id
     }
   }
-`, T = d`
+`, O = m`
   mutation UpdateKeyResult($id: ID!, $input: PlanmagnetUpdateKeyResultInput!) {
     planmagnetUpdateKeyResult(id: $id, input: $input) {
       id
@@ -56,83 +64,95 @@ var C = d`
       status
     }
   }
-`, E = d`
+`, k = m`
   mutation DeleteKeyResult($id: ID!) {
     planmagnetDeleteKeyResult(id: $id)
   }
-`, D = d`
+`, A = m`
   mutation DeleteObjective($id: ID!) {
     planmagnetDeleteObjective(id: $id)
   }
-`, O = {
-	DRAFT: "bg-gray-100 text-gray-800",
-	ACTIVE: "bg-blue-100 text-blue-800",
-	COMPLETED: "bg-green-100 text-green-800",
-	CANCELLED: "bg-red-100 text-red-800"
-}, k = {
+`, j = {
 	NOT_STARTED: "bg-gray-100 text-gray-800",
 	IN_PROGRESS: "bg-blue-100 text-blue-800",
 	AT_RISK: "bg-orange-100 text-orange-800",
 	COMPLETED: "bg-green-100 text-green-800"
 };
-function A({ progress: e }) {
-	return /* @__PURE__ */ m("div", {
+function M({ progress: e }) {
+	return /* @__PURE__ */ _("div", {
 		className: "h-2 w-full rounded-full bg-muted overflow-hidden",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "h-full rounded-full bg-primary transition-all",
 			style: { width: `${Math.max(0, Math.min(100, Math.round(e)))}%` }
 		})
 	});
 }
-function j({ kr: e, onUpdated: t, onDeleted: n }) {
-	let [a, o] = i(String(e.currentValue)), [s, { loading: c }] = f(T), [u, { loading: d }] = f(E), [p, g] = i(null);
-	return /* @__PURE__ */ h("div", {
+function N({ kr: e, onUpdated: t, onDeleted: n }) {
+	let [o, c] = s(String(e.currentValue)), [l, { loading: u }] = h(O), [d, { loading: p }] = h(k), [m, g] = s(null), y = async () => {
+		let n = e.metricType === "BOOLEAN" ? +(o === "1") : Number(o);
+		if (!Number.isNaN(n)) {
+			g(null);
+			try {
+				await r(l({ variables: {
+					id: e.id,
+					input: { currentValue: n }
+				} })), t();
+			} catch (e) {
+				g(e instanceof Error ? e.message : "The progress could not be saved.");
+			}
+		}
+	}, x = async () => {
+		g(null);
+		try {
+			await r(d({ variables: { id: e.id } })), n();
+		} catch (e) {
+			g(e instanceof Error ? e.message : "The key result could not be deleted.");
+		}
+	};
+	return /* @__PURE__ */ v("div", {
 		className: "rounded-md border border-input p-4 space-y-3",
 		children: [
-			p && /* @__PURE__ */ m("p", {
+			m && /* @__PURE__ */ _("p", {
 				role: "alert",
 				className: "text-sm text-destructive",
-				children: p
+				children: m
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ m("p", {
+					children: [/* @__PURE__ */ _("p", {
 						className: "text-sm font-medium",
 						children: e.title
-					}), e.description && /* @__PURE__ */ m("p", {
+					}), e.description && /* @__PURE__ */ _("p", {
 						className: "text-xs text-muted-foreground mt-0.5",
 						children: e.description
 					})]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ v("div", {
 					className: "flex items-center gap-2 shrink-0",
-					children: [/* @__PURE__ */ m("span", {
-						className: `text-xs px-2 py-0.5 rounded-full capitalize ${k[e.status] ?? ""}`,
+					children: [/* @__PURE__ */ _("span", {
+						className: `text-xs px-2 py-0.5 rounded-full capitalize ${j[e.status] ?? ""}`,
 						children: e.status.toLowerCase().replace("_", " ")
-					}), /* @__PURE__ */ m(_, {
-						size: "icon",
-						variant: "ghost",
-						disabled: d,
-						onClick: async () => {
-							g(null);
-							try {
-								await r(u({ variables: { id: e.id } })), n();
-							} catch (e) {
-								g(e instanceof Error ? e.message : "The key result could not be deleted.");
-							}
-						},
-						"aria-label": `Delete ${e.title}`,
-						children: /* @__PURE__ */ m(l, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ _(i, {
+						label: "",
+						ariaLabel: `Delete ${e.title}`,
+						variant: "outline",
+						icon: /* @__PURE__ */ _(f, { className: "h-4 w-4" }),
+						title: `Delete "${e.title}"?`,
+						description: "The key result and its progress are deleted. This cannot be undone here.",
+						confirmLabel: "Delete key result",
+						destructive: !0,
+						disabled: p,
+						onConfirm: () => void x()
 					})]
 				})]
 			}),
-			/* @__PURE__ */ m(A, { progress: e.progress }),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ _(M, { progress: e.progress }),
+			/* @__PURE__ */ v("div", {
 				className: "flex items-center justify-between text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ m("span", { children: e.metricType === "BOOLEAN" ? e.currentValue > 0 ? "Done" : "Not done" : `${e.currentValue}${e.unit ? ` ${e.unit}` : ""} of ${e.targetValue}${e.unit ? ` ${e.unit}` : ""}` }), /* @__PURE__ */ h("span", { children: [Math.round(e.progress), "%"] })]
+				children: [/* @__PURE__ */ _("span", { children: e.metricType === "BOOLEAN" ? e.currentValue > 0 ? "Done" : "Not done" : `${e.currentValue}${e.unit ? ` ${e.unit}` : ""} of ${e.targetValue}${e.unit ? ` ${e.unit}` : ""}` }), /* @__PURE__ */ v("span", { children: [Math.round(e.progress), "%"] })]
 			}),
-			e.linkedWorkItemRollup.totalLinked > 0 && /* @__PURE__ */ h("p", {
+			e.linkedWorkItemRollup.totalLinked > 0 && /* @__PURE__ */ v("p", {
 				className: "text-xs text-muted-foreground",
 				children: [
 					e.linkedWorkItemRollup.doneCount,
@@ -143,207 +163,229 @@ function j({ kr: e, onUpdated: t, onDeleted: n }) {
 					"%) — informational, update progress above manually"
 				]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ _(a, {
+				keyResultId: e.id,
+				keyResultTitle: e.title,
+				linked: e.linkedWorkItems ?? []
+			}),
+			/* @__PURE__ */ v("div", {
 				className: "flex items-center gap-2",
-				children: [e.metricType === "BOOLEAN" ? /* @__PURE__ */ h("select", {
+				children: [e.metricType === "BOOLEAN" ? /* @__PURE__ */ v("select", {
 					className: "rounded-md border border-input bg-background px-3 py-1.5 text-sm",
-					value: a,
-					onChange: (e) => o(e.target.value),
-					children: [/* @__PURE__ */ m("option", {
+					value: o,
+					onChange: (e) => c(e.target.value),
+					children: [/* @__PURE__ */ _("option", {
 						value: "0",
 						children: "Not done"
-					}), /* @__PURE__ */ m("option", {
+					}), /* @__PURE__ */ _("option", {
 						value: "1",
 						children: "Done"
 					})]
-				}) : /* @__PURE__ */ m(S, {
+				}) : /* @__PURE__ */ _(T, {
 					type: "number",
-					value: a,
-					onChange: (e) => o(e.target.value),
+					value: o,
+					onChange: (e) => c(e.target.value),
 					className: "w-32"
-				}), /* @__PURE__ */ m(_, {
+				}), /* @__PURE__ */ _(b, {
 					size: "sm",
 					variant: "outline",
-					disabled: c,
-					onClick: async () => {
-						let n = e.metricType === "BOOLEAN" ? +(a === "1") : Number(a);
-						if (!Number.isNaN(n)) {
-							g(null);
-							try {
-								await r(s({ variables: {
-									id: e.id,
-									input: { currentValue: n }
-								} })), t();
-							} catch (e) {
-								g(e instanceof Error ? e.message : "The progress could not be saved.");
-							}
-						}
-					},
-					children: c ? "Saving..." : "Update progress"
+					disabled: u,
+					onClick: y,
+					children: u ? "Saving..." : "Update progress"
 				})]
 			})
 		]
 	});
 }
-function M() {
-	let { workspaceId: d } = e(), T = t(), E = new URLSearchParams(window.location.search).get("objectiveId") ?? "", [k, M] = i(!1), [N, P] = i({
+function P() {
+	let { workspaceId: a } = e(), m = t(), O = new URLSearchParams(window.location.search).get("objectiveId") ?? "", [k, j] = s(!1), [P, F] = s({
 		title: "",
 		metricType: "NUMERIC",
 		targetValue: "100",
 		unit: ""
-	}), { data: F, loading: I, error: L, refetch: R } = p(C, {
-		variables: { id: E },
-		skip: !d || !E
-	}), [z, { loading: B }] = f(w), [V, { loading: H }] = f(D), [U, W] = i(null);
-	if (I && !F) return /* @__PURE__ */ m("div", {
+	}), { data: I, loading: L, error: R, refetch: z } = g(E, {
+		variables: { id: O },
+		skip: !a || !O
+	}), [B, { loading: V }] = h(D), [H, { loading: U }] = h(A), [W, G] = s(null);
+	if (L && !I) return /* @__PURE__ */ _("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ m("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ _("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (L) return /* @__PURE__ */ h("div", {
+	if (R) return /* @__PURE__ */ v("div", {
 		className: "p-6 text-red-500",
-		children: ["Error: ", L.message]
+		children: ["Error: ", R.message]
 	});
-	let G = F?.planmagnetObjective;
-	return G ? /* @__PURE__ */ h("div", {
+	let K = I?.planmagnetObjective;
+	if (!K) return /* @__PURE__ */ _("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Objective not found."
+	});
+	let q = async () => {
+		if (!P.title.trim() || !O) return;
+		let e = Number(P.metricType === "BOOLEAN" ? 1 : P.targetValue);
+		if (!Number.isNaN(e)) {
+			G(null);
+			try {
+				await r(B({ variables: { input: {
+					objectiveId: O,
+					title: P.title.trim(),
+					metricType: P.metricType,
+					targetValue: e,
+					unit: P.unit.trim() || void 0
+				} } }));
+			} catch (e) {
+				G(e instanceof Error ? e.message : "The key result could not be added.");
+				return;
+			}
+			F({
+				title: "",
+				metricType: "NUMERIC",
+				targetValue: "100",
+				unit: ""
+			}), j(!1), z();
+		}
+	}, J = async () => {
+		G(null);
+		try {
+			await r(H({ variables: { id: O } }));
+		} catch (e) {
+			G(e instanceof Error ? e.message : "The objective could not be deleted.");
+			return;
+		}
+		m("/goals/goals-page");
+	};
+	return /* @__PURE__ */ v("div", {
 		className: "space-y-6 p-6",
 		children: [
-			U && /* @__PURE__ */ m("p", {
+			W && /* @__PURE__ */ _("p", {
 				role: "alert",
 				className: "text-sm text-destructive",
-				children: U
+				children: W
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ m(_, {
+						/* @__PURE__ */ _(b, {
 							variant: "ghost",
 							size: "icon",
-							onClick: () => T("/goals/goals-page"),
-							children: /* @__PURE__ */ m(a, { className: "h-4 w-4" })
+							onClick: () => m("/goals/goals-page"),
+							children: /* @__PURE__ */ _(c, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ m(s, { className: "h-6 w-6 text-primary" }),
-						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+						/* @__PURE__ */ _(u, { className: "h-6 w-6 text-primary" }),
+						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
 							className: "text-2xl font-semibold",
-							children: G.title
-						}), /* @__PURE__ */ m("p", {
+							children: K.title
+						}), /* @__PURE__ */ _("p", {
 							className: "text-sm text-muted-foreground",
-							children: G.periodLabel
+							children: K.periodLabel
 						})] })
 					]
-				}), /* @__PURE__ */ h("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ m("span", {
-						className: `text-xs px-3 py-1 rounded-full capitalize ${O[G.status] ?? "bg-gray-100"}`,
-						children: G.status.toLowerCase()
-					}), /* @__PURE__ */ h(_, {
+				}), /* @__PURE__ */ v("div", {
+					className: "flex items-start gap-2",
+					children: [/* @__PURE__ */ _(o, { objective: K }), /* @__PURE__ */ _(i, {
+						label: "Delete",
 						variant: "outline",
-						size: "sm",
-						disabled: H,
-						onClick: async () => {
-							W(null);
-							try {
-								await r(V({ variables: { id: E } }));
-							} catch (e) {
-								W(e instanceof Error ? e.message : "The objective could not be deleted.");
-								return;
-							}
-							T("/goals/goals-page");
-						},
-						children: [/* @__PURE__ */ m(l, { className: "mr-1 h-4 w-4" }), "Delete"]
+						icon: /* @__PURE__ */ _(f, { className: "mr-1 h-4 w-4" }),
+						title: `Delete "${K.title}"?`,
+						description: "The objective and its key results are deleted. This cannot be undone here.",
+						confirmLabel: "Delete objective",
+						destructive: !0,
+						disabled: U,
+						onConfirm: () => void J()
 					})]
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ v("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
+					children: [/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ v(C, {
 						className: "flex flex-row items-center justify-between space-y-0",
-						children: [/* @__PURE__ */ m(x, { children: "Overview" }), /* @__PURE__ */ h(g, {
+						children: [/* @__PURE__ */ _(w, { children: "Overview" }), /* @__PURE__ */ v(y, {
 							variant: "outline",
-							children: [Math.round(G.progress), "% complete"]
+							children: [Math.round(K.progress), "% complete"]
 						})]
-					}), /* @__PURE__ */ h(y, {
+					}), /* @__PURE__ */ v(S, {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ m("p", {
+						children: [/* @__PURE__ */ _("p", {
 							className: "text-sm",
-							children: G.description ?? "No description provided."
-						}), /* @__PURE__ */ m(A, { progress: G.progress })]
-					})] }), /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
+							children: K.description ?? "No description provided."
+						}), /* @__PURE__ */ _(M, { progress: K.progress })]
+					})] }), /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ v(C, {
 						className: "flex flex-row items-center justify-between space-y-0",
-						children: [/* @__PURE__ */ m(x, { children: "Key Results" }), !k && /* @__PURE__ */ h(_, {
+						children: [/* @__PURE__ */ _(w, { children: "Key Results" }), !k && /* @__PURE__ */ v(b, {
 							size: "sm",
 							variant: "outline",
-							onClick: () => M(!0),
-							children: [/* @__PURE__ */ m(c, { className: "mr-1 h-4 w-4" }), "Add Key Result"]
+							onClick: () => j(!0),
+							children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Add Key Result"]
 						})]
-					}), /* @__PURE__ */ h(y, {
+					}), /* @__PURE__ */ v(S, {
 						className: "space-y-4",
 						children: [
-							k && /* @__PURE__ */ h("div", {
+							k && /* @__PURE__ */ v("div", {
 								className: "space-y-3 rounded-md border border-input p-3",
 								children: [
-									/* @__PURE__ */ m(S, {
+									/* @__PURE__ */ _(T, {
 										placeholder: "Key result title, e.g. Sign 10 new enterprise customers",
-										value: N.title,
-										onChange: (e) => P({
-											...N,
+										value: P.title,
+										onChange: (e) => F({
+											...P,
 											title: e.target.value
 										})
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ v("div", {
 										className: "grid grid-cols-3 gap-3",
 										children: [
-											/* @__PURE__ */ h("select", {
+											/* @__PURE__ */ v("select", {
 												className: "rounded-md border border-input bg-background px-3 py-2 text-sm",
-												value: N.metricType,
-												onChange: (e) => P({
-													...N,
+												value: P.metricType,
+												onChange: (e) => F({
+													...P,
 													metricType: e.target.value
 												}),
 												children: [
-													/* @__PURE__ */ m("option", {
+													/* @__PURE__ */ _("option", {
 														value: "NUMERIC",
 														children: "Numeric"
 													}),
-													/* @__PURE__ */ m("option", {
+													/* @__PURE__ */ _("option", {
 														value: "PERCENTAGE",
 														children: "Percentage"
 													}),
-													/* @__PURE__ */ m("option", {
+													/* @__PURE__ */ _("option", {
 														value: "BOOLEAN",
 														children: "Yes / No"
 													})
 												]
 											}),
-											N.metricType !== "BOOLEAN" && /* @__PURE__ */ m(S, {
+											P.metricType !== "BOOLEAN" && /* @__PURE__ */ _(T, {
 												type: "number",
 												placeholder: "Target value",
-												value: N.targetValue,
-												onChange: (e) => P({
-													...N,
+												value: P.targetValue,
+												onChange: (e) => F({
+													...P,
 													targetValue: e.target.value
 												})
 											}),
-											N.metricType === "NUMERIC" && /* @__PURE__ */ m(S, {
+											P.metricType === "NUMERIC" && /* @__PURE__ */ _(T, {
 												placeholder: "Unit (optional)",
-												value: N.unit,
-												onChange: (e) => P({
-													...N,
+												value: P.unit,
+												onChange: (e) => F({
+													...P,
 													unit: e.target.value
 												})
 											})
 										]
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ v("div", {
 										className: "flex gap-2 justify-end",
-										children: [/* @__PURE__ */ m(_, {
+										children: [/* @__PURE__ */ _(b, {
 											size: "sm",
 											variant: "ghost",
 											onClick: () => {
-												M(!1), P({
+												j(!1), F({
 													title: "",
 													metricType: "NUMERIC",
 													targetValue: "100",
@@ -351,106 +393,82 @@ function M() {
 												});
 											},
 											children: "Cancel"
-										}), /* @__PURE__ */ m(_, {
+										}), /* @__PURE__ */ _(b, {
 											size: "sm",
-											disabled: B || !N.title.trim(),
-											onClick: async () => {
-												if (!N.title.trim() || !E) return;
-												let e = Number(N.metricType === "BOOLEAN" ? 1 : N.targetValue);
-												if (!Number.isNaN(e)) {
-													W(null);
-													try {
-														await r(z({ variables: { input: {
-															objectiveId: E,
-															title: N.title.trim(),
-															metricType: N.metricType,
-															targetValue: e,
-															unit: N.unit.trim() || void 0
-														} } }));
-													} catch (e) {
-														W(e instanceof Error ? e.message : "The key result could not be added.");
-														return;
-													}
-													P({
-														title: "",
-														metricType: "NUMERIC",
-														targetValue: "100",
-														unit: ""
-													}), M(!1), R();
-												}
-											},
-											children: B ? "Adding..." : "Add Key Result"
+											disabled: V || !P.title.trim(),
+											onClick: q,
+											children: V ? "Adding..." : "Add Key Result"
 										})]
 									})
 								]
 							}),
-							G.keyResults.length === 0 && !k && /* @__PURE__ */ m("p", {
+							K.keyResults.length === 0 && !k && /* @__PURE__ */ _("p", {
 								className: "text-sm text-muted-foreground",
 								children: "No key results yet. Add one to make this objective measurable."
 							}),
-							G.keyResults.map((e) => /* @__PURE__ */ m(j, {
+							K.keyResults.map((e) => /* @__PURE__ */ _(N, {
 								kr: e,
-								onUpdated: () => void R(),
-								onDeleted: () => void R()
+								onUpdated: () => void z(),
+								onDeleted: () => void z()
 							}, e.id))
 						]
 					})] })]
-				}), /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ m(x, { children: "Details" }) }), /* @__PURE__ */ h(y, {
+				}), /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ _(w, { children: "Details" }) }), /* @__PURE__ */ v(S, {
 					className: "space-y-3 text-sm",
 					children: [
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ v("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ m(u, { className: "h-4 w-4 text-muted-foreground" }),
-								/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ _(p, { className: "h-4 w-4 text-muted-foreground" }),
+								/* @__PURE__ */ _("span", {
 									className: "text-muted-foreground",
 									children: "Owner:"
 								}),
-								/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ _("span", {
 									className: "font-medium",
-									children: /* @__PURE__ */ m(n, { id: G.ownerId })
+									children: /* @__PURE__ */ _(n, { id: K.ownerId })
 								})
 							]
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ v("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ m(o, { className: "h-4 w-4 text-muted-foreground" }),
-								/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ _(l, { className: "h-4 w-4 text-muted-foreground" }),
+								/* @__PURE__ */ _("span", {
 									className: "text-muted-foreground",
 									children: "Period:"
 								}),
-								/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ _("span", {
 									className: "font-medium",
-									children: G.periodLabel
+									children: K.periodLabel
 								})
 							]
 						}),
-						G.endDate && /* @__PURE__ */ h("div", {
+						K.endDate && /* @__PURE__ */ v("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ m(o, { className: "h-4 w-4 text-muted-foreground" }),
-								/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ _(l, { className: "h-4 w-4 text-muted-foreground" }),
+								/* @__PURE__ */ _("span", {
 									className: "text-muted-foreground",
 									children: "Target end:"
 								}),
-								/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ _("span", {
 									className: "font-medium",
-									children: new Date(G.endDate).toLocaleDateString()
+									children: new Date(K.endDate).toLocaleDateString()
 								})
 							]
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ v("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ m(o, { className: "h-4 w-4 text-muted-foreground" }),
-								/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ _(l, { className: "h-4 w-4 text-muted-foreground" }),
+								/* @__PURE__ */ _("span", {
 									className: "text-muted-foreground",
 									children: "Created:"
 								}),
-								/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ _("span", {
 									className: "font-medium",
-									children: G.createdAt ? new Date(G.createdAt).toLocaleDateString() : "—"
+									children: K.createdAt ? new Date(K.createdAt).toLocaleDateString() : "—"
 								})
 							]
 						})
@@ -458,12 +476,9 @@ function M() {
 				})] })]
 			})
 		]
-	}) : /* @__PURE__ */ m("div", {
-		className: "p-6 text-muted-foreground",
-		children: "Objective not found."
 	});
 }
 //#endregion
-export { M as GoalsObjectiveDetailPagePage };
+export { P as GoalsObjectiveDetailPagePage };
 
 //# sourceMappingURL=GoalsObjectiveDetailPagePage.js.map