@burdenoff/microfe-planmagnet 2026.1001.6 → 2026.1001.8

package/dist/planmagnet/pages/DocsDocDetailPagePage.js

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