@burdenoff/microfe-planmagnet 2026.927.4 → 2026.927.6

package/dist/planmagnet/pages/DocsDocDetailPagePage.js

@@ -1,20 +1,20 @@
 import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { PersonName as t } from "../people/People.js";
-import { throwOnError as n } from "../utils/mutationResult.js";
-import { WorkItemSearchSelect as ee } from "../controls/Pickers.js";
-import { MarkdownEditor as te } from "../../components/MarkdownEditor.js";
-import { DOC_STATUSES as ne, DocStatusBadge as r } from "../docs/DocStatusBadge.js";
-import { useState as i } from "react";
-import { ArrowLeft as re, History as ie, Link2 as a, X as ae } from "lucide-react";
-import { useSearchParams as oe } from "react-router";
-import { gql as o } from "@apollo/client";
-import { useApolloClient as se, useMutation as s, useQuery as ce } from "@apollo/client/react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { AlertDialog as u, AlertDialogAction as d, AlertDialogCancel as f, AlertDialogContent as p, AlertDialogDescription as m, AlertDialogFooter as h, AlertDialogHeader as g, AlertDialogTitle as _, AlertDialogTrigger as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C, Input as w } from "@burdenoff/fe-libs/ui";
-import { Markdown as T } from "@burdenoff/fe-libs/shared/components";
-import { clearGraphqlFetchResponseCache as le } from "@burdenoff/fe-libs/shared/graphql";
+import { LEAVES_PAGE_CONTEXT as n, throwOnError as ee } from "../utils/mutationResult.js";
+import { WorkItemSearchSelect as te } from "../controls/Pickers.js";
+import { MarkdownEditor as ne } from "../../components/MarkdownEditor.js";
+import { DOC_STATUSES as re, DocStatusBadge as ie } from "../docs/DocStatusBadge.js";
+import { useState as r } from "react";
+import { ArrowLeft as ae, History as oe, Link2 as i, X as se } from "lucide-react";
+import { useSearchParams as ce } from "react-router";
+import { gql as a } from "@apollo/client";
+import { useApolloClient as le, useMutation as o, useQuery as ue } from "@apollo/client/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { AlertDialog as l, AlertDialogAction as u, AlertDialogCancel as d, AlertDialogContent as f, AlertDialogDescription as p, AlertDialogFooter as m, AlertDialogHeader as h, AlertDialogTitle as g, AlertDialogTrigger as _, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Input as C } from "@burdenoff/fe-libs/ui";
+import { Markdown as w } from "@burdenoff/fe-libs/shared/components";
+import { clearGraphqlFetchResponseCache as de } from "@burdenoff/fe-libs/shared/graphql";
 //#region src/planmagnet/pages/DocsDocDetailPagePage.tsx
-var E = o`
+var T = a`
   query DocDetail($id: ID!) {
     planmagnetDoc(id: $id) {
       id
@@ -42,7 +42,7 @@ var E = o`
       }
     }
   }
-`, ue = o`
+`, fe = a`
   mutation DocUpdate($id: ID!, $input: PlanmagnetUpdateDocInput!) {
     planmagnetUpdateDoc(id: $id, input: $input) {
       id
@@ -50,128 +50,131 @@ var E = o`
       status
     }
   }
-`, de = o`
+`, pe = a`
   mutation DocRevert($id: ID!, $toVersion: Int!, $expectedVersion: Int) {
     planmagnetRevertDoc(id: $id, toVersion: $toVersion, expectedVersion: $expectedVersion) {
       id
       version
     }
   }
-`, fe = o`
+`, me = a`
   mutation DocDelete($id: ID!) {
     planmagnetDeleteDoc(id: $id)
   }
-`, pe = o`
+`, he = a`
   mutation DocLinkWorkItem($docId: ID!, $workItemId: ID!) {
     planmagnetLinkDocToWorkItem(docId: $docId, workItemId: $workItemId) {
       id
     }
   }
-`, me = o`
+`, ge = a`
   mutation DocUnlinkWorkItem($docId: ID!, $workItemId: ID!) {
     planmagnetUnlinkDocFromWorkItem(docId: $docId, workItemId: $workItemId)
   }
-`, he = (e, t) => e instanceof Error ? e.message : t, D = (e) => new Date(e).toLocaleString();
-function O() {
-	let [o] = oe(), O = o.get("docId") ?? "", k = e(), [A, j] = i(!1), [M, N] = i(""), [P, F] = i(""), [I, L] = i(""), [R, z] = i(null), [B, ge] = i(null), [V, _e] = i(null), { data: H, loading: ve, error: U } = ce(E, {
-		variables: { id: O },
-		skip: !O,
+`, _e = (e, t) => e instanceof Error ? e.message : t, E = (e) => new Date(e).toLocaleString();
+function D() {
+	let [a] = ce(), D = a.get("docId") ?? "", O = e(), [k, A] = r(!1), [j, M] = r(""), [N, P] = r(""), [F, I] = r(""), [L, R] = r(null), [z, ve] = r(null), [B, ye] = r(null), { data: V, loading: be, error: H } = ue(T, {
+		variables: { id: D },
+		skip: !D,
 		fetchPolicy: "cache-and-network"
-	}), ye = se(), W = {
+	}), xe = le(), U = {
 		refetchQueries: ["DocDetail"],
 		awaitRefetchQueries: !0
-	}, [G, K] = s(ue, W), [be, xe] = s(de, W), [Se, Ce] = s(fe, { refetchQueries: ["DocsList"] }), [we, Te] = s(me, W), [Ee, De] = s(pe, {
-		...W,
+	}, [W, G] = o(fe, U), [Se, Ce] = o(pe, U), [we, Te] = o(me, {
+		refetchQueries: ["DocsList"],
+		context: n
+	}), [Ee, De] = o(ge, U), [K, Oe] = o(he, {
+		...U,
 		refetchQueries: ["DocDetail", "GetWorkItemDocs"]
-	}), [q, J] = i(""), Y = H?.planmagnetDoc, X = K.loading || xe.loading || Ce.loading, Z = async (e, t) => {
-		z(null);
+	}), [q, J] = r(""), Y = V?.planmagnetDoc, X = G.loading || Ce.loading || Te.loading, Z = async (e, t) => {
+		R(null);
 		try {
-			return await n(e()), !0;
+			return await ee(e()), !0;
 		} catch (e) {
-			return z(he(e, t)), le(), await ye.query({
-				query: E,
-				variables: { id: O },
+			return R(_e(e, t)), de(), await xe.query({
+				query: T,
+				variables: { id: D },
 				fetchPolicy: "network-only"
 			}).catch(() => void 0), !1;
 		}
 	};
-	if (!O) return /* @__PURE__ */ c("div", {
+	if (!D) return /* @__PURE__ */ s("div", {
 		className: "p-6 text-sm text-muted-foreground",
 		children: "No doc selected."
 	});
-	if (ve && !H) return /* @__PURE__ */ c("div", {
+	if (be && !V) return /* @__PURE__ */ s("div", {
 		className: "p-6 text-sm text-muted-foreground",
 		children: "Loading doc…"
 	});
-	if (U && !Y) return /* @__PURE__ */ l("p", {
+	if (H && !Y) return /* @__PURE__ */ c("p", {
 		role: "alert",
 		className: "p-6 text-sm text-destructive",
-		children: ["The doc could not be loaded: ", U.message]
+		children: ["The doc could not be loaded: ", H.message]
 	});
-	if (!Y) return /* @__PURE__ */ l("div", {
+	if (!Y) return /* @__PURE__ */ c("div", {
 		className: "space-y-3 p-6",
-		children: [/* @__PURE__ */ c("p", {
+		children: [/* @__PURE__ */ s("p", {
 			className: "text-sm text-muted-foreground",
 			children: "This doc does not exist in this workspace, or it was deleted."
-		}), /* @__PURE__ */ c(y, {
+		}), /* @__PURE__ */ s(v, {
 			size: "sm",
 			variant: "outline",
-			onClick: () => k("/docs/docs-page"),
+			onClick: () => O("/docs/docs-page"),
 			children: "Back to docs"
 		})]
 	});
-	let Oe = () => {
-		N(Y.title), F(Y.content), L(""), z(null), _e(Y.version), j(!0);
-	}, ke = async () => {
-		await Z(() => G({ variables: {
+	let ke = () => {
+		M(Y.title), P(Y.content), I(""), R(null), ye(Y.version), A(!0);
+	}, Ae = async () => {
+		await Z(() => W({ variables: {
 			id: Y.id,
 			input: {
-				title: M.trim(),
-				content: P,
-				...I.trim() ? { changeNote: I.trim() } : {},
-				expectedVersion: V
+				title: j.trim(),
+				content: N,
+				...F.trim() ? { changeNote: F.trim() } : {},
+				expectedVersion: B
 			}
-		} }), "The doc could not be saved.") && j(!1);
-	}, Q = [...Y.revisions].sort((e, t) => t.version - e.version), $ = B === null ? null : Q.find((e) => e.version === B);
-	return /* @__PURE__ */ l("div", {
+		} }), "The doc could not be saved.") && A(!1);
+	}, Q = [...Y.revisions].sort((e, t) => t.version - e.version), $ = z === null ? null : Q.find((e) => e.version === z);
+	return /* @__PURE__ */ c("div", {
 		className: "space-y-6 p-6",
 		"data-testid": "doc-detail",
 		children: [
-			/* @__PURE__ */ l(y, {
+			/* @__PURE__ */ c(v, {
 				size: "sm",
 				variant: "ghost",
-				onClick: () => k("/docs/docs-page"),
-				children: [/* @__PURE__ */ c(re, { className: "mr-1 h-4 w-4" }), "All docs"]
+				onClick: () => O("/docs/docs-page"),
+				children: [/* @__PURE__ */ s(ae, { className: "mr-1 h-4 w-4" }), "All docs"]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ c("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ c("div", {
 					className: "min-w-0 space-y-1",
-					children: [/* @__PURE__ */ c("h1", {
+					children: [/* @__PURE__ */ s("h1", {
 						className: "text-2xl font-semibold break-words",
 						"data-testid": "doc-title",
 						children: Y.title
-					}), /* @__PURE__ */ l("p", {
+					}), /* @__PURE__ */ c("p", {
 						className: "text-xs text-muted-foreground",
 						children: [
-							/* @__PURE__ */ c(r, { status: Y.status }),
+							/* @__PURE__ */ s(ie, { status: Y.status }),
 							" · version ",
 							Y.version,
 							" · updated",
 							" ",
-							D(Y.updatedAt),
+							E(Y.updatedAt),
 							" by ",
-							/* @__PURE__ */ c(t, { id: Y.updatedBy ?? Y.createdBy })
+							/* @__PURE__ */ s(t, { id: Y.updatedBy ?? Y.createdBy })
 						]
 					})]
-				}), !A && /* @__PURE__ */ l("div", {
+				}), !k && /* @__PURE__ */ c("div", {
 					className: "flex flex-wrap gap-2",
 					children: [
-						ne.filter((e) => e !== Y.status).map((e) => /* @__PURE__ */ c(y, {
+						re.filter((e) => e !== Y.status).map((e) => /* @__PURE__ */ s(v, {
 							size: "sm",
 							variant: "outline",
 							disabled: X,
-							onClick: () => Z(() => G({ variables: {
+							onClick: () => Z(() => W({ variables: {
 								id: Y.id,
 								input: {
 									status: e,
@@ -180,144 +183,144 @@ function O() {
 							} }), "The status could not be changed."),
 							children: e === "PUBLISHED" ? "Publish" : e === "ARCHIVED" ? "Archive" : "Back to draft"
 						}, e)),
-						/* @__PURE__ */ c(y, {
+						/* @__PURE__ */ s(v, {
 							size: "sm",
-							onClick: Oe,
+							onClick: ke,
 							"data-testid": "doc-edit",
 							children: "Edit"
 						}),
-						/* @__PURE__ */ l(u, { children: [/* @__PURE__ */ c(v, {
+						/* @__PURE__ */ c(l, { children: [/* @__PURE__ */ s(_, {
 							asChild: !0,
-							children: /* @__PURE__ */ c(y, {
+							children: /* @__PURE__ */ s(v, {
 								size: "sm",
 								variant: "outline",
 								disabled: X,
 								children: "Delete"
 							})
-						}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ l(_, { children: [
+						}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ c(h, { children: [/* @__PURE__ */ c(g, { children: [
 							"Delete “",
 							Y.title,
 							"”?"
-						] }), /* @__PURE__ */ l(m, { children: [
+						] }), /* @__PURE__ */ c(p, { children: [
 							"The doc and its history are removed for everyone, and it is unlinked from",
 							" ",
 							Y.linkedWorkItems.length,
 							" work item",
 							Y.linkedWorkItems.length === 1 ? "" : "s",
 							"."
-						] })] }), /* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(f, { children: "Keep it" }), /* @__PURE__ */ c(d, {
+						] })] }), /* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(d, { children: "Keep it" }), /* @__PURE__ */ s(u, {
 							className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
 							onClick: async () => {
-								await Z(() => Se({ variables: { id: Y.id } }), "The doc could not be deleted.") && k("/docs/docs-page");
+								await Z(() => we({ variables: { id: Y.id } }), "The doc could not be deleted.") && O("/docs/docs-page");
 							},
 							children: "Delete"
 						})] })] })] })
 					]
 				})]
 			}),
-			R && /* @__PURE__ */ c("p", {
+			L && /* @__PURE__ */ s("p", {
 				role: "alert",
 				className: "text-sm text-destructive",
 				"data-testid": "doc-error",
-				children: R
+				children: L
 			}),
-			A && V !== Y.version && /* @__PURE__ */ l("p", {
+			k && B !== Y.version && /* @__PURE__ */ c("p", {
 				className: "text-sm text-status-warning-text",
 				"data-testid": "doc-moved-on",
 				children: [
 					"Someone saved version ",
 					Y.version,
 					" after you started editing version ",
-					V,
+					B,
 					". Your text is kept below; copy what you need, then discard and edit the latest."
 				]
 			}),
-			A ? /* @__PURE__ */ c(b, { children: /* @__PURE__ */ l(x, {
+			k ? /* @__PURE__ */ s(y, { children: /* @__PURE__ */ c(b, {
 				className: "space-y-3 pt-6",
 				children: [
-					/* @__PURE__ */ c(w, {
+					/* @__PURE__ */ s(C, {
 						"aria-label": "Doc title",
-						value: M,
-						onChange: (e) => N(e.target.value)
+						value: j,
+						onChange: (e) => M(e.target.value)
 					}),
-					/* @__PURE__ */ c(te, {
-						value: P,
-						onChange: F,
+					/* @__PURE__ */ s(ne, {
+						value: N,
+						onChange: P,
 						minHeight: 240
 					}),
-					/* @__PURE__ */ c(w, {
+					/* @__PURE__ */ s(C, {
 						"aria-label": "Change note",
 						placeholder: "What changed? (optional, shown in the history)",
-						value: I,
-						onChange: (e) => L(e.target.value)
+						value: F,
+						onChange: (e) => I(e.target.value)
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ c("div", {
 						className: "flex justify-end gap-2",
-						children: [/* @__PURE__ */ c(y, {
+						children: [/* @__PURE__ */ s(v, {
 							size: "sm",
 							variant: "ghost",
 							onClick: () => {
-								j(!1), z(null);
+								A(!1), R(null);
 							},
-							children: V === Y.version ? "Cancel" : "Discard my edits"
-						}), /* @__PURE__ */ c(y, {
+							children: B === Y.version ? "Cancel" : "Discard my edits"
+						}), /* @__PURE__ */ s(v, {
 							size: "sm",
-							onClick: ke,
-							disabled: K.loading || V !== Y.version,
+							onClick: Ae,
+							disabled: G.loading || B !== Y.version,
 							"data-testid": "doc-save",
-							children: K.loading ? "Saving…" : "Save new version"
+							children: G.loading ? "Saving…" : "Save new version"
 						})]
 					})
 				]
-			}) }) : /* @__PURE__ */ c(b, { children: /* @__PURE__ */ c(x, {
+			}) }) : /* @__PURE__ */ s(y, { children: /* @__PURE__ */ s(b, {
 				className: "prose prose-sm max-w-none pt-6 dark:prose-invert",
-				children: Y.content.trim() ? /* @__PURE__ */ c(T, { children: Y.content }) : /* @__PURE__ */ c("p", {
+				children: Y.content.trim() ? /* @__PURE__ */ s(w, { children: Y.content }) : /* @__PURE__ */ s("p", {
 					className: "text-sm text-muted-foreground",
 					children: "This doc is empty."
 				})
 			}) }),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ c("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ l(b, {
+				children: [/* @__PURE__ */ c(y, {
 					"data-testid": "doc-history",
-					children: [/* @__PURE__ */ c(S, { children: /* @__PURE__ */ l(C, {
+					children: [/* @__PURE__ */ s(x, { children: /* @__PURE__ */ c(S, {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ c(ie, { className: "h-4 w-4" }),
+							/* @__PURE__ */ s(oe, { className: "h-4 w-4" }),
 							" History (",
 							Q.length,
 							")"
 						]
-					}) }), /* @__PURE__ */ l(x, {
+					}) }), /* @__PURE__ */ c(b, {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ c("ol", {
+						children: [/* @__PURE__ */ s("ol", {
 							className: "space-y-2",
 							children: Q.map((e) => {
 								let n = e.version === Y.version;
-								return /* @__PURE__ */ l("li", {
+								return /* @__PURE__ */ c("li", {
 									className: "space-y-1 rounded-md border p-2",
 									"data-testid": "doc-revision",
-									children: [/* @__PURE__ */ l("div", {
+									children: [/* @__PURE__ */ c("div", {
 										className: "flex flex-wrap items-center justify-between gap-2",
-										children: [/* @__PURE__ */ l("span", {
+										children: [/* @__PURE__ */ c("span", {
 											className: "text-sm font-medium",
 											children: [
 												"Version ",
 												e.version,
 												n ? " (current)" : ""
 											]
-										}), /* @__PURE__ */ l("span", {
+										}), /* @__PURE__ */ c("span", {
 											className: "flex gap-1",
-											children: [/* @__PURE__ */ c(y, {
+											children: [/* @__PURE__ */ s(v, {
 												size: "sm",
 												variant: "ghost",
 												className: "h-7 text-xs",
-												"aria-expanded": B === e.version,
-												onClick: () => ge(B === e.version ? null : e.version),
-												children: B === e.version ? "Hide" : "View"
-											}), !n && !A && /* @__PURE__ */ l(u, { children: [/* @__PURE__ */ c(v, {
+												"aria-expanded": z === e.version,
+												onClick: () => ve(z === e.version ? null : e.version),
+												children: z === e.version ? "Hide" : "View"
+											}), !n && !k && /* @__PURE__ */ c(l, { children: [/* @__PURE__ */ s(_, {
 												asChild: !0,
-												children: /* @__PURE__ */ c(y, {
+												children: /* @__PURE__ */ s(v, {
 													size: "sm",
 													variant: "outline",
 													className: "h-7 text-xs",
@@ -325,18 +328,18 @@ function O() {
 													"data-testid": "doc-restore",
 													children: "Restore"
 												})
-											}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ l(_, { children: [
+											}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ c(h, { children: [/* @__PURE__ */ c(g, { children: [
 												"Restore version ",
 												e.version,
 												"?"
-											] }), /* @__PURE__ */ l(m, { children: [
+											] }), /* @__PURE__ */ c(p, { children: [
 												"Its title and text become version ",
 												Y.version + 1,
 												". Nothing is deleted: version ",
 												Y.version,
 												" stays in the history."
-											] })] }), /* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(f, { children: "Cancel" }), /* @__PURE__ */ c(d, {
-												onClick: () => Z(() => be({ variables: {
+											] })] }), /* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(d, { children: "Cancel" }), /* @__PURE__ */ s(u, {
+												onClick: () => Z(() => Se({ variables: {
 													id: Y.id,
 													toVersion: e.version,
 													expectedVersion: Y.version
@@ -344,21 +347,21 @@ function O() {
 												children: "Restore"
 											})] })] })] })]
 										})]
-									}), /* @__PURE__ */ l("p", {
+									}), /* @__PURE__ */ c("p", {
 										className: "text-xs text-muted-foreground",
 										children: [
-											D(e.createdAt),
+											E(e.createdAt),
 											" · ",
-											/* @__PURE__ */ c(t, { id: e.createdBy }),
+											/* @__PURE__ */ s(t, { id: e.createdBy }),
 											e.changeNote ? ` · ${e.changeNote}` : ""
 										]
 									})]
 								}, e.id);
 							})
-						}), $ && /* @__PURE__ */ l("div", {
+						}), $ && /* @__PURE__ */ c("div", {
 							className: "space-y-1 rounded-md border bg-muted/40 p-3",
 							"data-testid": "doc-revision-view",
-							children: [/* @__PURE__ */ l("p", {
+							children: [/* @__PURE__ */ c("p", {
 								className: "text-sm font-medium",
 								children: [
 									"Version ",
@@ -366,74 +369,74 @@ function O() {
 									": ",
 									$.title
 								]
-							}), /* @__PURE__ */ c("div", {
+							}), /* @__PURE__ */ s("div", {
 								className: "prose prose-sm max-w-none dark:prose-invert",
-								children: /* @__PURE__ */ c(T, { children: $.content })
+								children: /* @__PURE__ */ s(w, { children: $.content })
 							})]
 						})]
 					})]
-				}), /* @__PURE__ */ l(b, {
+				}), /* @__PURE__ */ c(y, {
 					"data-testid": "doc-linked-items",
-					children: [/* @__PURE__ */ c(S, { children: /* @__PURE__ */ l(C, {
+					children: [/* @__PURE__ */ s(x, { children: /* @__PURE__ */ c(S, {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ c(a, { className: "h-4 w-4" }),
+							/* @__PURE__ */ s(i, { className: "h-4 w-4" }),
 							" Linked work items (",
 							Y.linkedWorkItems.length,
 							")"
 						]
-					}) }), /* @__PURE__ */ l(x, {
+					}) }), /* @__PURE__ */ c(b, {
 						className: "space-y-2",
 						children: [
-							Y.linkedWorkItems.length === 0 && /* @__PURE__ */ c("p", {
+							Y.linkedWorkItems.length === 0 && /* @__PURE__ */ s("p", {
 								className: "text-sm text-muted-foreground",
 								children: "Not linked to any work item yet. Pick one below, or use “Link existing doc” on the task."
 							}),
-							Y.linkedWorkItems.map((e) => /* @__PURE__ */ l("div", {
+							Y.linkedWorkItems.map((e) => /* @__PURE__ */ c("div", {
 								className: "flex items-center justify-between gap-2 rounded-md border p-2",
-								children: [/* @__PURE__ */ l("button", {
+								children: [/* @__PURE__ */ c("button", {
 									type: "button",
 									className: "min-w-0 truncate text-left text-sm hover:underline",
-									onClick: () => k(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`),
+									onClick: () => O(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`),
 									children: [
-										/* @__PURE__ */ c("span", {
+										/* @__PURE__ */ s("span", {
 											className: "text-muted-foreground",
 											children: e.key
 										}),
 										" ",
 										e.title
 									]
-								}), /* @__PURE__ */ c(y, {
+								}), /* @__PURE__ */ s(v, {
 									size: "icon",
 									variant: "ghost",
-									disabled: Te.loading,
+									disabled: De.loading,
 									"aria-label": `Unlink ${e.title}`,
-									onClick: () => Z(() => we({ variables: {
+									onClick: () => Z(() => Ee({ variables: {
 										docId: Y.id,
 										workItemId: e.id
 									} }), "The work item could not be unlinked."),
-									children: /* @__PURE__ */ c(ae, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ s(se, { className: "h-4 w-4" })
 								})]
 							}, e.id)),
-							/* @__PURE__ */ l("div", {
+							/* @__PURE__ */ c("div", {
 								className: "space-y-2 pt-2",
 								"data-testid": "doc-link-work-item",
-								children: [/* @__PURE__ */ c(ee, {
+								children: [/* @__PURE__ */ s(te, {
 									id: "doc-link-work-item-select",
 									value: q,
 									onChange: J,
 									exclude: Y.linkedWorkItems.map((e) => e.id)
-								}), /* @__PURE__ */ l(y, {
+								}), /* @__PURE__ */ c(v, {
 									size: "sm",
 									variant: "outline",
-									disabled: !q || De.loading,
+									disabled: !q || Oe.loading,
 									onClick: async () => {
-										await Z(() => Ee({ variables: {
+										await Z(() => K({ variables: {
 											docId: Y.id,
 											workItemId: q
 										} }), "The work item could not be linked.") && J("");
 									},
-									children: [/* @__PURE__ */ c(a, { className: "mr-1 h-4 w-4" }), "Link work item"]
+									children: [/* @__PURE__ */ s(i, { className: "mr-1 h-4 w-4" }), "Link work item"]
 								})]
 							})
 						]
@@ -444,6 +447,6 @@ function O() {
 	});
 }
 //#endregion
-export { O as DocsDocDetailPagePage };
+export { D as DocsDocDetailPagePage };
 
 //# sourceMappingURL=DocsDocDetailPagePage.js.map