@burdenoff/microfe-planmagnet 2026.925.7 → 2026.925.9

package/dist/planmagnet/pages/GoalsObjectiveDetailPagePage.js

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