@burdenoff/microfe-planmagnet 2026.930.23 → 2026.930.25

package/dist/planmagnet/pages/DocsDocDetailPagePage.js

@@ -1,21 +1,26 @@
-import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
-import { PersonName as t } from "../people/People.js";
-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 { DocComments as ae } from "../comments/TargetComments.js";
-import { useState as r } from "react";
-import { ArrowLeft as oe, History as se, Link2 as i, X as ce } from "lucide-react";
-import { useSearchParams as le } from "react-router";
-import { gql as a } from "@apollo/client";
-import { useApolloClient as ue, useMutation as o, useQuery as de } 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 { clearGraphqlFetchResponseCache as fe } from "@burdenoff/fe-libs/shared/graphql";
-import { Markdown as w } from "@burdenoff/fe-libs/shared/components";
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { LEAVES_PAGE_CONTEXT as ee, throwOnError as r } from "../utils/mutationResult.js";
+import { isForbidden as i, mutationErrorMessage as a } from "../utils/graphqlErrors.js";
+import { WorkItemSearchSelect as o } from "../controls/Pickers.js";
+import { MarkdownEditor as s } from "../../components/MarkdownEditor.js";
+import { DOC_STATUSES as te, DocStatusBadge as ne } from "../docs/DocStatusBadge.js";
+import { PresenceAvatars as re } from "../presence/PresenceAvatars.js";
+import { DocComments as ie } from "../comments/TargetComments.js";
+import { usePresence as ae } from "../hooks/usePresence.js";
+import { DocSuggestionsPanel as oe } from "../docs/DocSuggestionsPanel.js";
+import { DocVersionCompare as se } from "../docs/DocVersionCompare.js";
+import { useEffect as c, useRef as ce, useState as l } from "react";
+import { ArrowLeft as le, History as ue, Link2 as de, Lock as u, X as fe } from "lucide-react";
+import { useSearchParams as pe } from "react-router";
+import { gql as d } from "@apollo/client";
+import { useApolloClient as me, useMutation as f, useQuery as he, useSubscription as ge } from "@apollo/client/react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { AlertDialog as _e, AlertDialogAction as h, AlertDialogCancel as g, AlertDialogContent as _, AlertDialogDescription as ve, AlertDialogFooter as ye, AlertDialogHeader as be, AlertDialogTitle as xe, AlertDialogTrigger as Se, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Input as C } from "@burdenoff/fe-libs/ui";
+import { clearGraphqlFetchResponseCache as w } from "@burdenoff/fe-libs/shared/graphql";
+import { Markdown as T } from "@burdenoff/fe-libs/shared/components";
 //#region src/planmagnet/pages/DocsDocDetailPagePage.tsx
-var T = a`
+var E = d`
   query DocDetail($id: ID!) {
     planmagnetDoc(id: $id) {
       id
@@ -27,6 +32,11 @@ var T = a`
       createdAt
       updatedBy
       updatedAt
+      lock {
+        holderId
+        acquiredAt
+        expiresAt
+      }
       revisions {
         id
         version
@@ -43,7 +53,7 @@ var T = a`
       }
     }
   }
-`, pe = a`
+`, Ce = d`
   mutation DocUpdate($id: ID!, $input: PlanmagnetUpdateDocInput!) {
     planmagnetUpdateDoc(id: $id, input: $input) {
       id
@@ -51,131 +61,302 @@ var T = a`
       status
     }
   }
-`, me = a`
+`, we = d`
   mutation DocRevert($id: ID!, $toVersion: Int!, $expectedVersion: Int) {
     planmagnetRevertDoc(id: $id, toVersion: $toVersion, expectedVersion: $expectedVersion) {
       id
       version
     }
   }
-`, he = a`
+`, Te = d`
   mutation DocDelete($id: ID!) {
     planmagnetDeleteDoc(id: $id)
   }
-`, ge = a`
+`, Ee = d`
   mutation DocLinkWorkItem($docId: ID!, $workItemId: ID!) {
     planmagnetLinkDocToWorkItem(docId: $docId, workItemId: $workItemId) {
       id
     }
   }
-`, _e = a`
+`, De = d`
   mutation DocUnlinkWorkItem($docId: ID!, $workItemId: ID!) {
     planmagnetUnlinkDocFromWorkItem(docId: $docId, workItemId: $workItemId)
   }
-`, E = (e, t) => e instanceof Error ? e.message : t, D = (e) => new Date(e).toLocaleString();
-function O() {
-	let [a] = le(), O = a.get("docId") ?? "", k = e(), [A, j] = r(!1), [M, N] = r(""), [P, F] = r(""), [I, L] = r(""), [R, z] = r(null), [B, ve] = r(null), [V, ye] = r(null), { data: H, loading: be, error: U } = de(T, {
-		variables: { id: O },
-		skip: !O,
+`, Oe = d`
+  mutation DocCheckout($docId: ID!) {
+    planmagnetCheckoutDoc(docId: $docId) {
+      id
+      lock {
+        holderId
+        acquiredAt
+        expiresAt
+      }
+    }
+  }
+`, D = d`
+  mutation DocReleaseLock($docId: ID!) {
+    planmagnetReleaseDoc(docId: $docId) {
+      id
+      lock {
+        holderId
+        acquiredAt
+        expiresAt
+      }
+    }
+  }
+`, ke = d`
+  mutation DocBreakLock($docId: ID!) {
+    planmagnetBreakDocLock(docId: $docId) {
+      id
+      lock {
+        holderId
+        acquiredAt
+        expiresAt
+      }
+    }
+  }
+`, Ae = d`
+  mutation DocSuggestEdit($input: PlanmagnetSuggestDocEditInput!) {
+    planmagnetSuggestDocEdit(input: $input) {
+      id
+      status
+    }
+  }
+`, je = d`
+  subscription PlanmagnetOnDocUpdatedFeed($docId: ID!, $workspaceId: ID!) {
+    planmagnetOnDocUpdated(docId: $docId, workspaceId: $workspaceId) {
+      id
+      kind
+      actorId
+      changedFields
+      at
+    }
+  }
+`, Me = (e, t) => e instanceof Error ? e.message : t, O = (e) => new Date(e).toLocaleString();
+function Ne({ lock: e, currentUserId: t, now: ee, onBreakLock: r, breaking: i }) {
+	let a = e.holderId === t, o = Math.max(0, Math.round((new Date(e.expiresAt).getTime() - ee) / 6e4)), s = new Date(e.expiresAt).toLocaleTimeString([], {
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+	return a ? /* @__PURE__ */ m("p", {
+		role: "status",
+		"data-testid": "doc-lock-status",
+		className: "flex items-center gap-1.5 text-sm text-status-warning-text",
+		children: [
+			/* @__PURE__ */ p(u, {
+				className: "h-3.5 w-3.5",
+				"aria-hidden": "true"
+			}),
+			"You are editing — lock expires in ",
+			o,
+			" min."
+		]
+	}) : /* @__PURE__ */ m("div", {
+		"data-testid": "doc-lock-status",
+		className: "flex flex-wrap items-center justify-between gap-2 rounded-md border border-status-warning-border bg-status-warning-subtle p-2",
+		children: [/* @__PURE__ */ m("p", {
+			className: "flex items-center gap-1.5 text-sm text-status-warning-text",
+			children: [
+				/* @__PURE__ */ p(u, {
+					className: "h-3.5 w-3.5",
+					"aria-hidden": "true"
+				}),
+				"Being edited by ",
+				/* @__PURE__ */ p(n, { id: e.holderId }),
+				" until ",
+				s,
+				"."
+			]
+		}), /* @__PURE__ */ p(v, {
+			size: "sm",
+			variant: "outline",
+			disabled: i,
+			onClick: r,
+			"data-testid": "doc-break-lock",
+			children: i ? "Breaking…" : "Break lock"
+		})]
+	});
+}
+function k() {
+	let [u] = pe(), d = u.get("docId") ?? "", k = t(), { workspaceId: A, currentUser: j } = e(), [M, N] = l("view"), [P, Pe] = l(""), [Fe, Ie] = l(""), [F, Le] = l(""), [Re, I] = l(null), [L, ze] = l(null), [R, Be] = l(null), [z, Ve] = l(""), [B, He] = l(""), [V, Ue] = l(""), [We, H] = l(null), [Ge, Ke] = l(null), [qe, Je] = l(""), U = ae("DOC", d || null), { data: Ye, loading: Xe, error: Ze } = he(E, {
+		variables: { id: d },
+		skip: !d,
 		fetchPolicy: "cache-and-network"
-	}), xe = ue(), W = {
+	}), W = me(), G = {
 		refetchQueries: ["DocDetail"],
 		awaitRefetchQueries: !0
-	}, [G, K] = o(pe, W), [Se, Ce] = o(me, W), [we, Te] = o(he, {
+	}, [Qe, K] = f(Ce, G), [$e, et] = f(we, G), [tt, nt] = f(Te, {
 		refetchQueries: ["DocsList"],
-		context: n
-	}), [Ee, De] = o(_e, W), [Oe, ke] = o(ge, {
-		...W,
+		context: ee
+	}), [rt, it] = f(De, G), [at, ot] = f(Ee, {
+		...G,
 		refetchQueries: ["DocDetail", "GetWorkItemDocs"]
-	}), [q, J] = r(""), Y = H?.planmagnetDoc, X = K.loading || Ce.loading || Te.loading, Z = async (e, t) => {
-		z(null);
+	}), [q, st] = l(""), [ct, lt] = f(Oe, G), [ut] = f(D, G), [dt, ft] = f(ke, G), [pt, J] = f(Ae, {
+		refetchQueries: ["DocDetail", "DocSuggestionsPanel"],
+		awaitRefetchQueries: !0
+	}), Y = Ye?.planmagnetDoc, X = K.loading || et.loading || nt.loading, [mt, ht] = l(() => Date.now());
+	c(() => {
+		if (M !== "edit") return;
+		let e = setInterval(() => ht(Date.now()), 3e4);
+		return () => clearInterval(e);
+	}, [M]), c(() => {
+		if (M !== "edit" || !d) return;
+		let e = setInterval(() => {
+			ct({ variables: { docId: d } }).catch(() => void 0);
+		}, 5 * 6e4);
+		return () => clearInterval(e);
+	}, [M, d]);
+	let gt = ce(!1);
+	c(() => {
+		gt.current = M === "edit";
+	}, [M]), c(() => () => {
+		gt.current && d && W.mutate({
+			mutation: D,
+			variables: { docId: d }
+		}).catch(() => void 0);
+	}, []), ge(je, {
+		variables: {
+			docId: d,
+			workspaceId: A ?? ""
+		},
+		skip: !d || !A,
+		onData: () => {
+			w(), W.query({
+				query: E,
+				variables: { id: d },
+				fetchPolicy: "network-only"
+			}).catch(() => void 0);
+		},
+		onError: (e) => {
+			console.debug("[DocsDocDetailPagePage] doc subscription unavailable:", { message: e instanceof Error ? e.message : String(e) });
+		}
+	});
+	let Z = async (e, t) => {
+		I(null);
 		try {
-			return await ee(e()), !0;
+			return await r(e()), !0;
 		} catch (e) {
-			return z(E(e, t)), fe(), await xe.query({
-				query: T,
-				variables: { id: O },
+			return I(Me(e, t)), w(), await W.query({
+				query: E,
+				variables: { id: d },
 				fetchPolicy: "network-only"
 			}).catch(() => void 0), !1;
 		}
 	};
-	if (!O) return /* @__PURE__ */ s("div", {
+	if (!d) return /* @__PURE__ */ p("div", {
 		className: "p-6 text-sm text-muted-foreground",
 		children: "No doc selected."
 	});
-	if (be && !H) return /* @__PURE__ */ s("div", {
+	if (Xe && !Ye) return /* @__PURE__ */ p("div", {
 		className: "p-6 text-sm text-muted-foreground",
 		children: "Loading doc…"
 	});
-	if (U && !Y) return /* @__PURE__ */ c("p", {
+	if (Ze && !Y) return /* @__PURE__ */ m("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: ", Ze.message]
 	});
-	if (!Y) return /* @__PURE__ */ c("div", {
+	if (!Y) return /* @__PURE__ */ m("div", {
 		className: "space-y-3 p-6",
-		children: [/* @__PURE__ */ s("p", {
+		children: [/* @__PURE__ */ p("p", {
 			className: "text-sm text-muted-foreground",
 			children: "This doc does not exist in this workspace, or it was deleted."
-		}), /* @__PURE__ */ s(v, {
+		}), /* @__PURE__ */ p(v, {
 			size: "sm",
 			variant: "outline",
 			onClick: () => k("/docs/docs-page"),
 			children: "Back to docs"
 		})]
 	});
-	let Ae = () => {
-		N(Y.title), F(Y.content), L(""), z(null), ye(Y.version), j(!0);
-	}, je = async () => {
-		await Z(() => G({ variables: {
+	let _t = async () => {
+		I(null);
+		try {
+			await r(ct({ variables: { docId: Y.id } }));
+		} catch (e) {
+			I(i(e) ? "Your role cannot edit this doc." : a(e, "The doc could not be checked out for editing."));
+			return;
+		}
+		Pe(Y.title), Ie(Y.content), Le(""), Be(Y.version), N("edit");
+	}, vt = () => {
+		N("view"), I(null), ut({ variables: { docId: Y.id } }).catch(() => void 0);
+	}, yt = async () => {
+		await Z(() => Qe({ variables: {
 			id: Y.id,
 			input: {
-				title: M.trim(),
-				content: P,
-				...I.trim() ? { changeNote: I.trim() } : {},
-				expectedVersion: V
+				title: P.trim(),
+				content: Fe,
+				...F.trim() ? { changeNote: F.trim() } : {},
+				expectedVersion: R
 			}
-		} }), "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__ */ c("div", {
+		} }), "The doc could not be saved.") && (N("view"), ut({ variables: { docId: Y.id } }).catch(() => void 0));
+	}, bt = async () => {
+		I(null);
+		try {
+			await r(dt({ variables: { docId: Y.id } }));
+		} catch (e) {
+			I(i(e) ? "Your role cannot force-release this lock." : a(e, "The lock could not be broken."));
+		}
+	}, xt = () => {
+		Ve(Y.title), He(Y.content), Ue(""), H(null), Ke(Y.version), Je(Y.title), N("suggest");
+	}, St = () => {
+		N("view"), H(null);
+	}, Ct = async () => {
+		H(null);
+		try {
+			await r(pt({ variables: { input: {
+				docId: Y.id,
+				baseVersion: Ge ?? Y.version,
+				proposedContent: B,
+				...z.trim() === qe ? {} : { proposedTitle: z.trim() },
+				...V.trim() ? { note: V.trim() } : {}
+			} } })), N("view");
+		} catch (e) {
+			H(i(e) ? "Your role cannot suggest edits on this doc." : a(e, "The suggestion could not be submitted."));
+		}
+	}, wt = !!Y.lock && Y.lock.holderId !== j?.id, Q = [...Y.revisions].sort((e, t) => t.version - e.version), $ = L === null ? null : Q.find((e) => e.version === L);
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
 		"data-testid": "doc-detail",
 		children: [
-			/* @__PURE__ */ c(v, {
+			/* @__PURE__ */ m(v, {
 				size: "sm",
 				variant: "ghost",
 				onClick: () => k("/docs/docs-page"),
-				children: [/* @__PURE__ */ s(oe, { className: "mr-1 h-4 w-4" }), "All docs"]
+				children: [/* @__PURE__ */ p(le, { className: "mr-1 h-4 w-4" }), "All docs"]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ c("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "min-w-0 space-y-1",
-					children: [/* @__PURE__ */ s("h1", {
-						className: "text-2xl font-semibold break-words",
-						"data-testid": "doc-title",
-						children: Y.title
-					}), /* @__PURE__ */ c("p", {
-						className: "text-xs text-muted-foreground",
-						children: [
-							/* @__PURE__ */ s(ie, { status: Y.status }),
-							" · version ",
-							Y.version,
-							" · updated",
-							" ",
-							D(Y.updatedAt),
-							" by ",
-							/* @__PURE__ */ s(t, { id: Y.updatedBy ?? Y.createdBy })
-						]
-					})]
-				}), !A && /* @__PURE__ */ c("div", {
+					children: [
+						/* @__PURE__ */ p("h1", {
+							className: "text-2xl font-semibold break-words",
+							"data-testid": "doc-title",
+							children: Y.title
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ p(ne, { status: Y.status }),
+								" · version ",
+								Y.version,
+								" · updated",
+								" ",
+								O(Y.updatedAt),
+								" by ",
+								/* @__PURE__ */ p(n, { id: Y.updatedBy ?? Y.createdBy })
+							]
+						}),
+						/* @__PURE__ */ p(re, { others: U.others })
+					]
+				}), M === "view" && /* @__PURE__ */ m("div", {
 					className: "flex flex-wrap gap-2",
 					children: [
-						re.filter((e) => e !== Y.status).map((e) => /* @__PURE__ */ s(v, {
+						te.filter((e) => e !== Y.status).map((e) => /* @__PURE__ */ p(v, {
 							size: "sm",
 							variant: "outline",
 							disabled: X,
-							onClick: () => Z(() => G({ variables: {
+							onClick: () => Z(() => Qe({ variables: {
 								id: Y.id,
 								input: {
 									status: e,
@@ -184,271 +365,361 @@ function O() {
 							} }), "The status could not be changed."),
 							children: e === "PUBLISHED" ? "Publish" : e === "ARCHIVED" ? "Archive" : "Back to draft"
 						}, e)),
-						/* @__PURE__ */ s(v, {
+						/* @__PURE__ */ p(v, {
+							size: "sm",
+							variant: "outline",
+							onClick: xt,
+							disabled: J.loading,
+							"data-testid": "doc-suggest",
+							children: "Suggest an edit"
+						}),
+						/* @__PURE__ */ p(v, {
 							size: "sm",
-							onClick: Ae,
+							onClick: () => void _t(),
+							disabled: wt || lt.loading,
 							"data-testid": "doc-edit",
-							children: "Edit"
+							children: lt.loading ? "Checking out…" : "Edit"
 						}),
-						/* @__PURE__ */ c(l, { children: [/* @__PURE__ */ s(_, {
+						/* @__PURE__ */ m(_e, { children: [/* @__PURE__ */ p(Se, {
 							asChild: !0,
-							children: /* @__PURE__ */ s(v, {
+							children: /* @__PURE__ */ p(v, {
 								size: "sm",
 								variant: "outline",
 								disabled: X,
 								children: "Delete"
 							})
-						}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ c(h, { children: [/* @__PURE__ */ c(g, { children: [
+						}), /* @__PURE__ */ m(_, { children: [/* @__PURE__ */ m(be, { children: [/* @__PURE__ */ m(xe, { children: [
 							"Delete “",
 							Y.title,
 							"”?"
-						] }), /* @__PURE__ */ c(p, { children: [
+						] }), /* @__PURE__ */ m(ve, { 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__ */ c(m, { children: [/* @__PURE__ */ s(d, { children: "Keep it" }), /* @__PURE__ */ s(u, {
+						] })] }), /* @__PURE__ */ m(ye, { children: [/* @__PURE__ */ p(g, { children: "Keep it" }), /* @__PURE__ */ p(h, {
 							className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
 							onClick: async () => {
-								await Z(() => we({ variables: { id: Y.id } }), "The doc could not be deleted.") && k("/docs/docs-page");
+								await Z(() => tt({ variables: { id: Y.id } }), "The doc could not be deleted.") && k("/docs/docs-page");
 							},
 							children: "Delete"
 						})] })] })] })
 					]
 				})]
 			}),
-			R && /* @__PURE__ */ s("p", {
+			Y.lock && /* @__PURE__ */ p(Ne, {
+				lock: Y.lock,
+				currentUserId: j?.id,
+				now: mt,
+				onBreakLock: () => void bt(),
+				breaking: ft.loading
+			}),
+			Re && /* @__PURE__ */ p("p", {
 				role: "alert",
 				className: "text-sm text-destructive",
 				"data-testid": "doc-error",
-				children: R
+				children: Re
 			}),
-			A && V !== Y.version && /* @__PURE__ */ c("p", {
+			M === "edit" && R !== Y.version && /* @__PURE__ */ m("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,
+					R,
 					". Your text is kept below; copy what you need, then discard and edit the latest."
 				]
 			}),
-			A ? /* @__PURE__ */ s(y, { children: /* @__PURE__ */ c(b, {
+			M === "edit" && /* @__PURE__ */ p(y, { children: /* @__PURE__ */ m(b, {
 				className: "space-y-3 pt-6",
 				children: [
-					/* @__PURE__ */ s(C, {
+					/* @__PURE__ */ p(C, {
 						"aria-label": "Doc title",
-						value: M,
-						onChange: (e) => N(e.target.value)
-					}),
-					/* @__PURE__ */ s(ne, {
 						value: P,
-						onChange: F,
+						onChange: (e) => Pe(e.target.value)
+					}),
+					/* @__PURE__ */ p(s, {
+						value: Fe,
+						onChange: Ie,
 						minHeight: 240
 					}),
-					/* @__PURE__ */ s(C, {
+					/* @__PURE__ */ p(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) => Le(e.target.value)
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ m("div", {
 						className: "flex justify-end gap-2",
-						children: [/* @__PURE__ */ s(v, {
+						children: [/* @__PURE__ */ p(v, {
 							size: "sm",
 							variant: "ghost",
-							onClick: () => {
-								j(!1), z(null);
-							},
-							children: V === Y.version ? "Cancel" : "Discard my edits"
-						}), /* @__PURE__ */ s(v, {
+							onClick: vt,
+							children: R === Y.version ? "Cancel" : "Discard my edits"
+						}), /* @__PURE__ */ p(v, {
 							size: "sm",
-							onClick: je,
-							disabled: K.loading || V !== Y.version,
+							onClick: yt,
+							disabled: K.loading || R !== Y.version,
 							"data-testid": "doc-save",
 							children: K.loading ? "Saving…" : "Save new version"
 						})]
 					})
 				]
-			}) }) : /* @__PURE__ */ s(y, { children: /* @__PURE__ */ s(b, {
+			}) }),
+			M === "suggest" && /* @__PURE__ */ m(y, {
+				"data-testid": "doc-suggest-form",
+				children: [/* @__PURE__ */ p(x, { children: /* @__PURE__ */ p(S, {
+					className: "text-base",
+					children: "Suggest an edit"
+				}) }), /* @__PURE__ */ m(b, {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ m("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								"Proposed against version ",
+								Ge ?? Y.version,
+								". It does not change the doc — someone with edit rights accepts or rejects it below."
+							]
+						}),
+						/* @__PURE__ */ p(C, {
+							"aria-label": "Suggested title",
+							value: z,
+							onChange: (e) => Ve(e.target.value)
+						}),
+						/* @__PURE__ */ p(s, {
+							value: B,
+							onChange: He,
+							minHeight: 240
+						}),
+						/* @__PURE__ */ p(C, {
+							"aria-label": "Note (optional)",
+							placeholder: "Why this change? (optional)",
+							value: V,
+							onChange: (e) => Ue(e.target.value)
+						}),
+						We && /* @__PURE__ */ p("p", {
+							role: "alert",
+							className: "text-sm text-destructive",
+							children: We
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "flex justify-end gap-2",
+							children: [/* @__PURE__ */ p(v, {
+								size: "sm",
+								variant: "ghost",
+								onClick: St,
+								children: "Cancel"
+							}), /* @__PURE__ */ p(v, {
+								size: "sm",
+								onClick: () => void Ct(),
+								disabled: J.loading || !B.trim() || !z.trim(),
+								"data-testid": "doc-suggest-submit",
+								children: J.loading ? "Submitting…" : "Submit suggestion"
+							})]
+						})
+					]
+				})]
+			}),
+			M === "view" && /* @__PURE__ */ p(y, { children: /* @__PURE__ */ p(b, {
 				className: "prose prose-sm max-w-none pt-6 dark:prose-invert",
-				children: Y.content.trim() ? /* @__PURE__ */ s(w, { children: Y.content }) : /* @__PURE__ */ s("p", {
+				children: Y.content.trim() ? /* @__PURE__ */ p(T, { children: Y.content }) : /* @__PURE__ */ p("p", {
 					className: "text-sm text-muted-foreground",
 					children: "This doc is empty."
 				})
 			}) }),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ c(y, {
+				children: [/* @__PURE__ */ m(y, {
 					"data-testid": "doc-history",
-					children: [/* @__PURE__ */ s(x, { children: /* @__PURE__ */ c(S, {
+					children: [/* @__PURE__ */ p(x, { children: /* @__PURE__ */ m(S, {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ s(se, { className: "h-4 w-4" }),
+							/* @__PURE__ */ p(ue, { className: "h-4 w-4" }),
 							" History (",
 							Q.length,
 							")"
 						]
-					}) }), /* @__PURE__ */ c(b, {
+					}) }), /* @__PURE__ */ m(b, {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ s("ol", {
-							className: "space-y-2",
-							children: Q.map((e) => {
-								let n = e.version === Y.version;
-								return /* @__PURE__ */ c("li", {
-									className: "space-y-1 rounded-md border p-2",
-									"data-testid": "doc-revision",
-									children: [/* @__PURE__ */ c("div", {
-										className: "flex flex-wrap items-center justify-between gap-2",
-										children: [/* @__PURE__ */ c("span", {
-											className: "text-sm font-medium",
-											children: [
-												"Version ",
-												e.version,
-												n ? " (current)" : ""
-											]
-										}), /* @__PURE__ */ c("span", {
-											className: "flex gap-1",
-											children: [/* @__PURE__ */ s(v, {
-												size: "sm",
-												variant: "ghost",
-												className: "h-7 text-xs",
-												"aria-expanded": B === e.version,
-												onClick: () => ve(B === e.version ? null : e.version),
-												children: B === e.version ? "Hide" : "View"
-											}), !n && !A && /* @__PURE__ */ c(l, { children: [/* @__PURE__ */ s(_, {
-												asChild: !0,
-												children: /* @__PURE__ */ s(v, {
+						children: [
+							/* @__PURE__ */ p("ol", {
+								className: "space-y-2",
+								children: Q.map((e) => {
+									let t = e.version === Y.version;
+									return /* @__PURE__ */ m("li", {
+										className: "space-y-1 rounded-md border p-2",
+										"data-testid": "doc-revision",
+										children: [/* @__PURE__ */ m("div", {
+											className: "flex flex-wrap items-center justify-between gap-2",
+											children: [/* @__PURE__ */ m("span", {
+												className: "text-sm font-medium",
+												children: [
+													"Version ",
+													e.version,
+													t ? " (current)" : ""
+												]
+											}), /* @__PURE__ */ m("span", {
+												className: "flex gap-1",
+												children: [/* @__PURE__ */ p(v, {
 													size: "sm",
-													variant: "outline",
+													variant: "ghost",
 													className: "h-7 text-xs",
-													disabled: X,
-													"data-testid": "doc-restore",
+													"aria-expanded": L === e.version,
+													onClick: () => ze(L === e.version ? null : e.version),
+													children: L === e.version ? "Hide" : "View"
+												}), !t && M === "view" && /* @__PURE__ */ m(_e, { children: [/* @__PURE__ */ p(Se, {
+													asChild: !0,
+													children: /* @__PURE__ */ p(v, {
+														size: "sm",
+														variant: "outline",
+														className: "h-7 text-xs",
+														disabled: X,
+														"data-testid": "doc-restore",
+														children: "Restore"
+													})
+												}), /* @__PURE__ */ m(_, { children: [/* @__PURE__ */ m(be, { children: [/* @__PURE__ */ m(xe, { children: [
+													"Restore version ",
+													e.version,
+													"?"
+												] }), /* @__PURE__ */ m(ve, { children: [
+													"Its title and text become version ",
+													Y.version + 1,
+													". Nothing is deleted: version ",
+													Y.version,
+													" stays in the history."
+												] })] }), /* @__PURE__ */ m(ye, { children: [/* @__PURE__ */ p(g, { children: "Cancel" }), /* @__PURE__ */ p(h, {
+													onClick: () => Z(() => $e({ variables: {
+														id: Y.id,
+														toVersion: e.version,
+														expectedVersion: Y.version
+													} }), "The version could not be restored."),
 													children: "Restore"
-												})
-											}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ c(h, { children: [/* @__PURE__ */ c(g, { children: [
-												"Restore version ",
-												e.version,
-												"?"
-											] }), /* @__PURE__ */ c(p, { children: [
-												"Its title and text become version ",
-												Y.version + 1,
-												". Nothing is deleted: version ",
-												Y.version,
-												" stays in the history."
-											] })] }), /* @__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
-												} }), "The version could not be restored."),
-												children: "Restore"
-											})] })] })] })]
+												})] })] })] })]
+											})]
+										}), /* @__PURE__ */ m("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												O(e.createdAt),
+												" · ",
+												/* @__PURE__ */ p(n, { id: e.createdBy }),
+												e.changeNote ? ` · ${e.changeNote}` : ""
+											]
 										})]
-									}), /* @__PURE__ */ c("p", {
-										className: "text-xs text-muted-foreground",
-										children: [
-											D(e.createdAt),
-											" · ",
-											/* @__PURE__ */ s(t, { id: e.createdBy }),
-											e.changeNote ? ` · ${e.changeNote}` : ""
-										]
-									})]
-								}, e.id);
+									}, e.id);
+								})
+							}),
+							$ && /* @__PURE__ */ m("div", {
+								className: "space-y-1 rounded-md border bg-muted/40 p-3",
+								"data-testid": "doc-revision-view",
+								children: [/* @__PURE__ */ m("p", {
+									className: "text-sm font-medium",
+									children: [
+										"Version ",
+										$.version,
+										": ",
+										$.title
+									]
+								}), /* @__PURE__ */ p("div", {
+									className: "prose prose-sm max-w-none dark:prose-invert",
+									children: /* @__PURE__ */ p(T, { children: $.content })
+								})]
+							}),
+							/* @__PURE__ */ p(se, {
+								docId: Y.id,
+								versions: Q
 							})
-						}), $ && /* @__PURE__ */ c("div", {
-							className: "space-y-1 rounded-md border bg-muted/40 p-3",
-							"data-testid": "doc-revision-view",
-							children: [/* @__PURE__ */ c("p", {
-								className: "text-sm font-medium",
-								children: [
-									"Version ",
-									$.version,
-									": ",
-									$.title
-								]
-							}), /* @__PURE__ */ s("div", {
-								className: "prose prose-sm max-w-none dark:prose-invert",
-								children: /* @__PURE__ */ s(w, { children: $.content })
-							})]
-						})]
+						]
 					})]
-				}), /* @__PURE__ */ c(y, {
+				}), /* @__PURE__ */ m(y, {
 					"data-testid": "doc-linked-items",
-					children: [/* @__PURE__ */ s(x, { children: /* @__PURE__ */ c(S, {
+					children: [/* @__PURE__ */ p(x, { children: /* @__PURE__ */ m(S, {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ s(i, { className: "h-4 w-4" }),
+							/* @__PURE__ */ p(de, { className: "h-4 w-4" }),
 							" Linked work items (",
 							Y.linkedWorkItems.length,
 							")"
 						]
-					}) }), /* @__PURE__ */ c(b, {
+					}) }), /* @__PURE__ */ m(b, {
 						className: "space-y-2",
 						children: [
-							Y.linkedWorkItems.length === 0 && /* @__PURE__ */ s("p", {
+							Y.linkedWorkItems.length === 0 && /* @__PURE__ */ p("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__ */ c("div", {
+							Y.linkedWorkItems.map((e) => /* @__PURE__ */ m("div", {
 								className: "flex items-center justify-between gap-2 rounded-md border p-2",
-								children: [/* @__PURE__ */ c("button", {
+								children: [/* @__PURE__ */ m("button", {
 									type: "button",
 									className: "min-w-0 truncate text-left text-sm hover:underline",
 									onClick: () => k(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`),
 									children: [
-										/* @__PURE__ */ s("span", {
+										/* @__PURE__ */ p("span", {
 											className: "text-muted-foreground",
 											children: e.key
 										}),
 										" ",
 										e.title
 									]
-								}), /* @__PURE__ */ s(v, {
+								}), /* @__PURE__ */ p(v, {
 									size: "icon",
 									variant: "ghost",
-									disabled: De.loading,
+									disabled: it.loading,
 									"aria-label": `Unlink ${e.title}`,
-									onClick: () => Z(() => Ee({ variables: {
+									onClick: () => Z(() => rt({ variables: {
 										docId: Y.id,
 										workItemId: e.id
 									} }), "The work item could not be unlinked."),
-									children: /* @__PURE__ */ s(ce, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ p(fe, { className: "h-4 w-4" })
 								})]
 							}, e.id)),
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ m("div", {
 								className: "space-y-2 pt-2",
 								"data-testid": "doc-link-work-item",
-								children: [/* @__PURE__ */ s(te, {
+								children: [/* @__PURE__ */ p(o, {
 									id: "doc-link-work-item-select",
 									value: q,
-									onChange: J,
+									onChange: st,
 									exclude: Y.linkedWorkItems.map((e) => e.id)
-								}), /* @__PURE__ */ c(v, {
+								}), /* @__PURE__ */ m(v, {
 									size: "sm",
 									variant: "outline",
-									disabled: !q || ke.loading,
+									disabled: !q || ot.loading,
 									onClick: async () => {
-										await Z(() => Oe({ variables: {
+										await Z(() => at({ variables: {
 											docId: Y.id,
 											workItemId: q
-										} }), "The work item could not be linked.") && J("");
+										} }), "The work item could not be linked.") && st("");
 									},
-									children: [/* @__PURE__ */ s(i, { className: "mr-1 h-4 w-4" }), "Link work item"]
+									children: [/* @__PURE__ */ p(de, { className: "mr-1 h-4 w-4" }), "Link work item"]
 								})]
 							})
 						]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ s(ae, { docId: Y.id })
+			/* @__PURE__ */ p(oe, {
+				docId: Y.id,
+				docTitle: Y.title,
+				docContent: Y.content,
+				revisions: Q,
+				currentUserId: j?.id
+			}),
+			/* @__PURE__ */ p(ie, {
+				docId: Y.id,
+				presence: {
+					typingActorIds: U.typingActorIds,
+					notifyTyping: U.notifyTyping
+				}
+			})
 		]
 	});
 }
 //#endregion
-export { O as DocsDocDetailPagePage };
+export { k as DocsDocDetailPagePage };
 
 //# sourceMappingURL=DocsDocDetailPagePage.js.map