@burdenoff/microfe-planmagnet 2026.930.23 → 2026.930.25

package/dist/planmagnet/comments/CommentThread.js

@@ -4,46 +4,47 @@ import { throwOnError as r } from "../utils/mutationResult.js";
 import { ConfirmButton as i, ErrorLine as a } from "../controls/ConfirmButton.js";
 import { isForbidden as o, mutationErrorMessage as s } from "../utils/graphqlErrors.js";
 import { MentionComposer as c, MentionText as l } from "./MentionComposer.js";
-import { useEffect as u, useState as d } from "react";
-import { CheckCircle2 as f, ChevronDown as p, ChevronRight as m, Reply as h, RotateCcw as g, Trash2 as _ } from "lucide-react";
-import { useMutation as v, useQuery as y } from "@apollo/client/react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Button as C } from "@burdenoff/fe-libs/ui";
+import { TypingLine as u } from "../presence/PresenceAvatars.js";
+import { useEffect as d, useState as f } from "react";
+import { CheckCircle2 as p, ChevronDown as m, ChevronRight as h, Reply as g, RotateCcw as _, Trash2 as v } from "lucide-react";
+import { useMutation as y, useQuery as b } from "@apollo/client/react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Button as w } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/comments/CommentThread.tsx
-var w = 30, T = 1e4, E = (e) => new Date(e).toLocaleString();
-function D({ targetNoun: t, idPrefix: n, query: i, add: l, edit: f, remove: p, resolve: m, refetchQueries: h, onTotalCount: g }) {
-	let { currentUser: _, workspaceId: b, authToken: E, apiGatewayUrl: D } = e(), [k, A] = d(""), [j, M] = d(null), [N, P] = d(!1), [F, I] = d("ALL"), L = {
-		refetchQueries: h,
+var T = 30, E = 1e4, D = (e) => new Date(e).toLocaleString();
+function O({ targetNoun: t, idPrefix: n, query: i, add: l, edit: p, remove: m, resolve: h, refetchQueries: g, onTotalCount: _, presence: v }) {
+	let { currentUser: x, workspaceId: D, authToken: O, apiGatewayUrl: A } = e(), [j, M] = f(""), [N, P] = f(null), [F, I] = f(!1), [L, R] = f("ALL"), z = {
+		refetchQueries: g,
 		awaitRefetchQueries: !0
-	}, { data: R, loading: z, error: B, fetchMore: ee } = y(i.document, {
+	}, { data: B, loading: V, error: H, fetchMore: U } = b(i.document, {
 		variables: {
 			...i.variables,
-			pagination: { first: w }
+			pagination: { first: T }
 		},
 		skip: i.skip
-	}), [V, H] = v(l.document, L), U = R?.[i.dataKey], W = U?.items ?? [], G = F === "ALL" ? W : W.filter((e) => e.status === F), K = W.filter((e) => e.status === "OPEN").length, q = W.length - K, J = k.trim(), Y = J.length > T;
-	u(() => {
-		U && g?.(U.totalCount);
-	}, [U, g]);
-	let X = async (e, t) => {
-		M(null);
+	}), [ee, W] = y(l.document, z), G = B?.[i.dataKey], K = G?.items ?? [], q = L === "ALL" ? K : K.filter((e) => e.status === L), J = K.filter((e) => e.status === "OPEN").length, Y = K.length - J, X = j.trim(), Z = X.length > E;
+	d(() => {
+		G && _?.(G.totalCount);
+	}, [G, _]);
+	let te = async (e, t) => {
+		P(null);
 		try {
-			return await r(V({ variables: l.buildVariables(e, t) })), !0;
+			return await r(ee({ variables: l.buildVariables(e, t) })), !0;
 		} catch (e) {
-			return M(o(e) ? "Your role can read but not comment." : s(e, "The comment could not be posted.")), !1;
+			return P(o(e) ? "Your role can read but not comment." : s(e, "The comment could not be posted.")), !1;
 		}
-	}, Z = async () => {
-		await X(J, null) && A("");
-	}, te = async () => {
-		let e = U?.pageInfo.endCursor;
+	}, ne = async () => {
+		await te(X, null) && M("");
+	}, re = async () => {
+		let e = G?.pageInfo.endCursor;
 		if (e) {
-			P(!0);
+			I(!0);
 			try {
-				await ee({
+				await U({
 					variables: {
 						...i.variables,
 						pagination: {
-							first: w,
+							first: T,
 							after: e
 						}
 					},
@@ -53,96 +54,100 @@ function D({ targetNoun: t, idPrefix: n, query: i, add: l, edit: f, remove: p, r
 					} })
 				});
 			} finally {
-				P(!1);
+				I(!1);
 			}
 		}
 	};
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "space-y-4",
 		"data-testid": "comment-thread",
 		children: [
-			j && /* @__PURE__ */ x(a, { message: j }),
-			z && !R && /* @__PURE__ */ x("p", {
+			N && /* @__PURE__ */ S(a, { message: N }),
+			V && !B && /* @__PURE__ */ S("p", {
 				className: "text-sm text-muted-foreground",
 				children: "Loading comments…"
 			}),
-			B && /* @__PURE__ */ x(a, { message: `Comments could not be loaded: ${B.message}` }),
-			U && W.length > 0 && /* @__PURE__ */ x("div", {
+			H && /* @__PURE__ */ S(a, { message: `Comments could not be loaded: ${H.message}` }),
+			G && K.length > 0 && /* @__PURE__ */ S("div", {
 				role: "group",
 				"aria-label": "Filter comments by resolution",
 				"data-testid": "comment-filter",
 				className: "flex flex-wrap gap-1",
 				children: [
-					["OPEN", `Open (${K})`],
-					["RESOLVED", `Resolved (${q})`],
-					["ALL", `All (${W.length})`]
-				].map(([e, t]) => /* @__PURE__ */ x(C, {
+					["OPEN", `Open (${J})`],
+					["RESOLVED", `Resolved (${Y})`],
+					["ALL", `All (${K.length})`]
+				].map(([e, t]) => /* @__PURE__ */ S(w, {
 					type: "button",
 					size: "sm",
-					variant: F === e ? "default" : "outline",
-					"aria-pressed": F === e,
+					variant: L === e ? "default" : "outline",
+					"aria-pressed": L === e,
 					className: "h-7 px-2.5 text-xs",
-					onClick: () => I(e),
+					onClick: () => R(e),
 					children: t
 				}, e))
 			}),
-			U && G.length === 0 && /* @__PURE__ */ x("p", {
+			G && q.length === 0 && /* @__PURE__ */ S("p", {
 				className: "text-sm text-muted-foreground",
-				children: W.length === 0 ? "No comments yet." : "No comments match this filter."
+				children: K.length === 0 ? "No comments yet." : "No comments match this filter."
 			}),
-			/* @__PURE__ */ x("ol", {
+			/* @__PURE__ */ S("ol", {
 				className: "space-y-3",
-				children: G.map((e) => /* @__PURE__ */ x(O, {
+				children: q.map((e) => /* @__PURE__ */ S(k, {
 					comment: e,
-					currentUserId: _?.id,
-					editMutation: f,
-					removeMutation: p,
-					resolveMutation: m,
+					currentUserId: x?.id,
+					editMutation: p,
+					removeMutation: m,
+					resolveMutation: h,
 					addMutation: l.document,
 					buildReplyVariables: (t) => l.buildVariables(t, e.id),
-					mutationRefetch: L,
-					onError: M,
+					mutationRefetch: z,
+					onError: P,
 					idPrefix: n,
-					workspaceId: b,
-					authToken: E,
-					apiGatewayUrl: D
+					workspaceId: D,
+					authToken: O,
+					apiGatewayUrl: A,
+					onTyping: v?.notifyTyping
 				}, e.id))
 			}),
-			U?.pageInfo.hasNextPage && /* @__PURE__ */ x(C, {
+			G?.pageInfo.hasNextPage && /* @__PURE__ */ S(w, {
 				size: "sm",
 				variant: "outline",
-				onClick: () => void te(),
-				disabled: N,
-				children: N ? "Loading…" : `Show more (${W.length} of ${U.totalCount})`
+				onClick: () => void re(),
+				disabled: F,
+				children: F ? "Loading…" : `Show more (${K.length} of ${G.totalCount})`
 			}),
-			/* @__PURE__ */ S("div", {
+			v && /* @__PURE__ */ S(u, { typingActorIds: v.typingActorIds }),
+			/* @__PURE__ */ C("div", {
 				className: "space-y-2 border-t border-border-default pt-4",
 				children: [
-					/* @__PURE__ */ x("label", {
+					/* @__PURE__ */ S("label", {
 						htmlFor: `${n}-add`,
 						className: "sr-only",
 						children: "Add a comment"
 					}),
-					/* @__PURE__ */ x(c, {
+					/* @__PURE__ */ S(c, {
 						id: `${n}-add`,
 						ariaLabel: `Add a comment on this ${t}`,
 						placeholder: "Add a comment…",
 						className: "min-h-[72px]",
-						value: k,
-						onChange: A,
-						workspaceId: b,
-						authToken: E,
-						apiGatewayUrl: D
+						value: j,
+						onChange: (e) => {
+							M(e), v?.notifyTyping();
+						},
+						workspaceId: D,
+						authToken: O,
+						apiGatewayUrl: A
 					}),
-					Y && /* @__PURE__ */ x(a, { message: `A comment can be at most ${T} characters.` }),
-					/* @__PURE__ */ x("div", {
+					Z && /* @__PURE__ */ S(a, { message: `A comment can be at most ${E} characters.` }),
+					/* @__PURE__ */ S("div", {
 						className: "flex justify-end",
-						children: /* @__PURE__ */ x(C, {
+						children: /* @__PURE__ */ S(w, {
 							size: "sm",
-							onClick: () => void Z(),
-							disabled: !J || Y || H.loading,
+							onClick: () => void ne(),
+							disabled: !X || Z || W.loading,
 							"data-testid": "comment-post",
-							children: H.loading ? "Posting…" : "Comment"
+							children: W.loading ? "Posting…" : "Comment"
 						})
 					})
 				]
@@ -150,115 +155,115 @@ function D({ targetNoun: t, idPrefix: n, query: i, add: l, edit: f, remove: p, r
 		]
 	});
 }
-function O({ comment: e, currentUserId: u, editMutation: y, removeMutation: w, resolveMutation: D, addMutation: O, buildReplyVariables: A, mutationRefetch: j, onError: M, idPrefix: N, workspaceId: P, authToken: F, apiGatewayUrl: I }) {
-	let [L, R] = d(!1), [z, B] = d(e.body), [ee, V] = d(e.status !== "RESOLVED"), [H, U] = d(!1), [W, G] = d(""), [K, q] = d(null), J = n(e.authorId), [Y, X] = v(y, j), [Z, te] = v(w, j), [ne, re] = v(D, j), [ie, ae] = v(O, j), oe = e.authorId === u, Q = e.status === "RESOLVED", se = z.trim().length > T, ce = W.trim().length > T, le = async () => {
+function k({ comment: e, currentUserId: u, editMutation: d, removeMutation: b, resolveMutation: T, addMutation: O, buildReplyVariables: k, mutationRefetch: j, onError: M, idPrefix: N, workspaceId: P, authToken: F, apiGatewayUrl: I, onTyping: L }) {
+	let [R, z] = f(!1), [B, V] = f(e.body), [H, U] = f(e.status !== "RESOLVED"), [ee, W] = f(!1), [G, K] = f(""), [q, J] = f(null), Y = n(e.authorId), [X, Z] = y(d, j), [te, ne] = y(b, j), [re, ie] = y(T, j), [ae, oe] = y(O, j), se = e.authorId === u, Q = e.status === "RESOLVED", ce = B.trim().length > E, le = G.trim().length > E, ue = async () => {
 		M(null);
 		try {
-			await r(Y({ variables: {
+			await r(X({ variables: {
 				id: e.id,
-				body: z.trim()
-			} })), R(!1);
+				body: B.trim()
+			} })), z(!1);
 		} catch (e) {
 			M(s(e, "The comment could not be saved."));
 		}
-	}, ue = async () => {
+	}, de = async () => {
 		M(null);
 		try {
-			await r(Z({ variables: { id: e.id } }));
+			await r(te({ variables: { id: e.id } }));
 		} catch (e) {
 			M(s(e, "The comment could not be deleted."));
 		}
-	}, de = async () => {
+	}, fe = async () => {
 		M(null);
 		try {
-			await r(ne({ variables: {
+			await r(re({ variables: {
 				id: e.id,
 				resolved: !Q
 			} }));
 		} catch (e) {
 			M(o(e) ? "Your role can read but not resolve comments." : s(e, "The resolution could not be changed."));
 		}
-	}, fe = (e, t, n) => {
-		q(e), G(t && n ? `@[${n}](${t}) ` : ""), U(!0), V(!0);
-	}, pe = async () => {
-		let e = W.trim();
+	}, pe = (e, t, n) => {
+		J(e), K(t && n ? `@[${n}](${t}) ` : ""), W(!0), U(!0);
+	}, me = async () => {
+		let e = G.trim();
 		if (e) {
 			M(null);
 			try {
-				await r(ie({ variables: A(e) })), G(""), U(!1), q(null);
+				await r(ae({ variables: k(e) })), K(""), W(!1), J(null);
 			} catch (e) {
 				M(o(e) ? "Your role can read but not comment." : s(e, "The reply could not be posted."));
 			}
 		}
 	}, $ = `${N}-comment-${e.id}`;
-	return /* @__PURE__ */ x("li", {
+	return /* @__PURE__ */ S("li", {
 		className: "rounded-md border border-border-default p-3 space-y-2",
 		"data-testid": "comment-thread-item",
-		children: Q && !ee ? /* @__PURE__ */ S("div", {
+		children: Q && !H ? /* @__PURE__ */ C("div", {
 			className: "flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ S("p", {
+			children: [/* @__PURE__ */ C("p", {
 				className: "min-w-0 truncate text-sm text-muted-foreground",
 				children: [
-					/* @__PURE__ */ x(f, {
+					/* @__PURE__ */ S(p, {
 						className: "mr-1 inline h-3.5 w-3.5 text-status-success-text",
 						"aria-hidden": "true"
 					}),
 					"Resolved by ",
-					/* @__PURE__ */ x(t, { id: e.resolvedBy }),
-					e.resolvedAt ? ` · ${E(e.resolvedAt)}` : "",
+					/* @__PURE__ */ S(t, { id: e.resolvedBy }),
+					e.resolvedAt ? ` · ${D(e.resolvedAt)}` : "",
 					e.replies.length > 0 ? ` · ${e.replies.length} repl${e.replies.length === 1 ? "y" : "ies"}` : ""
 				]
-			}), /* @__PURE__ */ S(C, {
+			}), /* @__PURE__ */ C(w, {
 				size: "sm",
 				variant: "ghost",
 				className: "h-6 shrink-0 px-2 text-xs",
 				"aria-expanded": !1,
 				"aria-controls": $,
-				onClick: () => V(!0),
-				children: [/* @__PURE__ */ x(m, {
+				onClick: () => U(!0),
+				children: [/* @__PURE__ */ S(h, {
 					className: "mr-1 h-3.5 w-3.5",
 					"aria-hidden": "true"
 				}), "Expand"]
 			})]
-		}) : /* @__PURE__ */ S("div", {
+		}) : /* @__PURE__ */ C("div", {
 			id: $,
 			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ C("div", {
 					className: "flex items-start justify-between gap-2 text-xs text-muted-foreground",
-					children: [/* @__PURE__ */ S("span", { children: [
-						/* @__PURE__ */ x("span", {
+					children: [/* @__PURE__ */ C("span", { children: [
+						/* @__PURE__ */ S("span", {
 							className: "font-medium text-foreground",
-							children: /* @__PURE__ */ x(t, { id: e.authorId })
+							children: /* @__PURE__ */ S(t, { id: e.authorId })
 						}),
 						" ",
 						"· ",
-						E(e.createdAt),
-						e.editedAt && /* @__PURE__ */ x("span", {
-							title: `Edited ${E(e.editedAt)}`,
+						D(e.createdAt),
+						e.editedAt && /* @__PURE__ */ S("span", {
+							title: `Edited ${D(e.editedAt)}`,
 							children: " · edited"
 						}),
-						Q && /* @__PURE__ */ S("span", {
+						Q && /* @__PURE__ */ C("span", {
 							className: "ml-1 inline-flex items-center gap-1 text-status-success-text",
-							children: [/* @__PURE__ */ x(f, {
+							children: [/* @__PURE__ */ S(p, {
 								className: "h-3.5 w-3.5",
 								"aria-hidden": "true"
 							}), "Resolved"]
 						})
-					] }), /* @__PURE__ */ S("span", {
+					] }), /* @__PURE__ */ C("span", {
 						className: "flex shrink-0 items-center gap-1",
 						children: [
-							oe && !L && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(C, {
+							se && !R && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(w, {
 								size: "sm",
 								variant: "ghost",
 								className: "h-6 px-2 text-xs",
-								onClick: () => R(!0),
+								onClick: () => z(!0),
 								children: "Edit"
-							}), /* @__PURE__ */ x(i, {
+							}), /* @__PURE__ */ S(i, {
 								label: "",
 								ariaLabel: "Delete comment",
 								variant: "outline",
-								icon: /* @__PURE__ */ x(_, {
+								icon: /* @__PURE__ */ S(v, {
 									className: "h-3.5 w-3.5",
 									"aria-hidden": "true"
 								}),
@@ -266,32 +271,32 @@ function O({ comment: e, currentUserId: u, editMutation: y, removeMutation: w, r
 								description: "It is removed from the discussion for everyone, replies included. This cannot be undone here.",
 								confirmLabel: "Delete",
 								destructive: !0,
-								disabled: te.loading,
-								onConfirm: () => void ue()
+								disabled: ne.loading,
+								onConfirm: () => void de()
 							})] }),
-							/* @__PURE__ */ x(C, {
+							/* @__PURE__ */ S(w, {
 								size: "sm",
 								variant: Q ? "outline" : "ghost",
 								className: "h-6 px-2 text-xs",
 								"data-testid": "comment-resolve",
-								disabled: re.loading,
-								onClick: () => void de(),
-								children: Q ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(g, {
+								disabled: ie.loading,
+								onClick: () => void fe(),
+								children: Q ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(_, {
 									className: "mr-1 h-3.5 w-3.5",
 									"aria-hidden": "true"
-								}), "Reopen"] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(f, {
+								}), "Reopen"] }) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(p, {
 									className: "mr-1 h-3.5 w-3.5",
 									"aria-hidden": "true"
 								}), "Resolve"] })
 							}),
-							Q && /* @__PURE__ */ S(C, {
+							Q && /* @__PURE__ */ C(w, {
 								size: "sm",
 								variant: "ghost",
 								className: "h-6 px-2 text-xs",
 								"aria-expanded": !0,
 								"aria-controls": $,
-								onClick: () => V(!1),
-								children: [/* @__PURE__ */ x(p, {
+								onClick: () => U(!1),
+								children: [/* @__PURE__ */ S(m, {
 									className: "mr-1 h-3.5 w-3.5",
 									"aria-hidden": "true"
 								}), "Collapse"]
@@ -299,98 +304,100 @@ function O({ comment: e, currentUserId: u, editMutation: y, removeMutation: w, r
 						]
 					})]
 				}),
-				L ? /* @__PURE__ */ S("div", {
+				R ? /* @__PURE__ */ C("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ x(c, {
+						/* @__PURE__ */ S(c, {
 							id: `${$}-edit`,
 							ariaLabel: "Edit comment",
 							className: "min-h-[60px]",
-							value: z,
-							onChange: B,
+							value: B,
+							onChange: V,
 							workspaceId: P,
 							authToken: F,
 							apiGatewayUrl: I
 						}),
-						se && /* @__PURE__ */ x(a, { message: `A comment can be at most ${T} characters.` }),
-						/* @__PURE__ */ S("div", {
+						ce && /* @__PURE__ */ S(a, { message: `A comment can be at most ${E} characters.` }),
+						/* @__PURE__ */ C("div", {
 							className: "flex justify-end gap-2",
-							children: [/* @__PURE__ */ x(C, {
+							children: [/* @__PURE__ */ S(w, {
 								size: "sm",
 								variant: "outline",
 								onClick: () => {
-									R(!1), B(e.body), M(null);
+									z(!1), V(e.body), M(null);
 								},
 								children: "Cancel"
-							}), /* @__PURE__ */ x(C, {
+							}), /* @__PURE__ */ S(w, {
 								size: "sm",
-								onClick: () => void le(),
-								disabled: !z.trim() || se || X.loading,
-								children: X.loading ? "Saving…" : "Save"
+								onClick: () => void ue(),
+								disabled: !B.trim() || ce || Z.loading,
+								children: Z.loading ? "Saving…" : "Save"
 							})]
 						})
 					]
-				}) : /* @__PURE__ */ x(l, { text: e.body }),
-				!L && /* @__PURE__ */ S(C, {
+				}) : /* @__PURE__ */ S(l, { text: e.body }),
+				!R && /* @__PURE__ */ C(w, {
 					size: "sm",
 					variant: "ghost",
 					className: "h-6 px-2 text-xs",
 					"data-testid": "comment-reply",
-					onClick: () => fe(J?.displayName ?? "this comment", e.authorId, J?.displayName),
-					children: [/* @__PURE__ */ x(h, {
+					onClick: () => pe(Y?.displayName ?? "this comment", e.authorId, Y?.displayName),
+					children: [/* @__PURE__ */ S(g, {
 						className: "mr-1 h-3.5 w-3.5",
 						"aria-hidden": "true"
 					}), "Reply"]
 				}),
-				e.replies.length > 0 && /* @__PURE__ */ x("ol", {
+				e.replies.length > 0 && /* @__PURE__ */ S("ol", {
 					className: "ml-5 space-y-2 border-l border-border-default pl-3",
-					children: e.replies.map((e) => /* @__PURE__ */ x(k, {
+					children: e.replies.map((e) => /* @__PURE__ */ S(A, {
 						reply: e,
 						currentUserId: u,
-						editMutation: y,
-						removeMutation: w,
+						editMutation: d,
+						removeMutation: b,
 						mutationRefetch: j,
 						onError: M,
 						idPrefix: N,
 						workspaceId: P,
 						authToken: F,
 						apiGatewayUrl: I,
-						onReply: fe
+						onReply: pe
 					}, e.id))
 				}),
-				H && /* @__PURE__ */ S("div", {
+				ee && /* @__PURE__ */ C("div", {
 					className: "ml-5 space-y-2 border-l border-border-default pl-3",
 					children: [
-						K && /* @__PURE__ */ S("p", {
+						q && /* @__PURE__ */ C("p", {
 							className: "text-xs text-muted-foreground",
-							children: ["Replying to ", K]
+							children: ["Replying to ", q]
 						}),
-						/* @__PURE__ */ x(c, {
+						/* @__PURE__ */ S(c, {
 							id: `${$}-reply`,
 							ariaLabel: "Write a reply",
 							className: "min-h-[60px]",
-							value: W,
-							onChange: G,
+							value: G,
+							onChange: (e) => {
+								K(e), L?.();
+							},
 							autoFocus: !0,
 							workspaceId: P,
 							authToken: F,
 							apiGatewayUrl: I
 						}),
-						ce && /* @__PURE__ */ x(a, { message: `A comment can be at most ${T} characters.` }),
-						/* @__PURE__ */ S("div", {
+						le && /* @__PURE__ */ S(a, { message: `A comment can be at most ${E} characters.` }),
+						/* @__PURE__ */ C("div", {
 							className: "flex justify-end gap-2",
-							children: [/* @__PURE__ */ x(C, {
+							children: [/* @__PURE__ */ S(w, {
 								size: "sm",
 								variant: "outline",
 								onClick: () => {
-									U(!1), G(""), q(null);
+									W(!1), K(""), J(null);
 								},
 								children: "Cancel"
-							}), /* @__PURE__ */ x(C, {
+							}), /* @__PURE__ */ S(w, {
 								size: "sm",
-								onClick: () => void pe(),
-								disabled: !W.trim() || ce || ae.loading,
-								children: ae.loading ? "Posting…" : "Reply"
+								onClick: () => void me(),
+								disabled: !G.trim() || le || oe.loading,
+								children: oe.loading ? "Posting…" : "Reply"
 							})]
 						})
 					]
@@ -399,8 +406,8 @@ function O({ comment: e, currentUserId: u, editMutation: y, removeMutation: w, r
 		})
 	});
 }
-function k({ reply: e, currentUserId: o, editMutation: u, removeMutation: f, mutationRefetch: p, onError: m, idPrefix: g, workspaceId: y, authToken: b, apiGatewayUrl: w, onReply: D }) {
-	let [O, k] = d(!1), [A, j] = d(e.body), M = n(e.authorId), [N, P] = v(u, p), [F, I] = v(f, p), L = e.authorId === o, R = A.trim().length > T, z = async () => {
+function A({ reply: e, currentUserId: o, editMutation: u, removeMutation: d, mutationRefetch: p, onError: m, idPrefix: h, workspaceId: _, authToken: b, apiGatewayUrl: x, onReply: T }) {
+	let [O, k] = f(!1), [A, j] = f(e.body), M = n(e.authorId), [N, P] = y(u, p), [F, I] = y(d, p), L = e.authorId === o, R = A.trim().length > E, z = async () => {
 		m(null);
 		try {
 			await r(N({ variables: {
@@ -418,37 +425,37 @@ function k({ reply: e, currentUserId: o, editMutation: u, removeMutation: f, mut
 			m(s(e, "The reply could not be deleted."));
 		}
 	};
-	return /* @__PURE__ */ S("li", {
+	return /* @__PURE__ */ C("li", {
 		className: "space-y-1",
 		"data-testid": "comment-reply-item",
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flex items-start justify-between gap-2 text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ S("span", { children: [
-					/* @__PURE__ */ x("span", {
+				children: [/* @__PURE__ */ C("span", { children: [
+					/* @__PURE__ */ S("span", {
 						className: "font-medium text-foreground",
-						children: /* @__PURE__ */ x(t, { id: e.authorId })
+						children: /* @__PURE__ */ S(t, { id: e.authorId })
 					}),
 					" ",
 					"· ",
-					E(e.createdAt),
-					e.editedAt && /* @__PURE__ */ x("span", {
-						title: `Edited ${E(e.editedAt)}`,
+					D(e.createdAt),
+					e.editedAt && /* @__PURE__ */ S("span", {
+						title: `Edited ${D(e.editedAt)}`,
 						children: " · edited"
 					})
-				] }), L && !O && /* @__PURE__ */ S("span", {
+				] }), L && !O && /* @__PURE__ */ C("span", {
 					className: "flex shrink-0 items-center gap-1",
-					children: [/* @__PURE__ */ x(C, {
+					children: [/* @__PURE__ */ S(w, {
 						size: "sm",
 						variant: "ghost",
 						className: "h-6 px-2 text-xs",
 						onClick: () => k(!0),
 						children: "Edit"
-					}), /* @__PURE__ */ x(i, {
+					}), /* @__PURE__ */ S(i, {
 						label: "",
 						ariaLabel: "Delete reply",
 						variant: "outline",
-						icon: /* @__PURE__ */ x(_, {
+						icon: /* @__PURE__ */ S(v, {
 							className: "h-3.5 w-3.5",
 							"aria-hidden": "true"
 						}),
@@ -461,30 +468,30 @@ function k({ reply: e, currentUserId: o, editMutation: u, removeMutation: f, mut
 					})]
 				})]
 			}),
-			O ? /* @__PURE__ */ S("div", {
+			O ? /* @__PURE__ */ C("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ x(c, {
-						id: `${g}-reply-${e.id}-edit`,
+					/* @__PURE__ */ S(c, {
+						id: `${h}-reply-${e.id}-edit`,
 						ariaLabel: "Edit reply",
 						className: "min-h-[56px]",
 						value: A,
 						onChange: j,
-						workspaceId: y,
+						workspaceId: _,
 						authToken: b,
-						apiGatewayUrl: w
+						apiGatewayUrl: x
 					}),
-					R && /* @__PURE__ */ x(a, { message: `A comment can be at most ${T} characters.` }),
-					/* @__PURE__ */ S("div", {
+					R && /* @__PURE__ */ S(a, { message: `A comment can be at most ${E} characters.` }),
+					/* @__PURE__ */ C("div", {
 						className: "flex justify-end gap-2",
-						children: [/* @__PURE__ */ x(C, {
+						children: [/* @__PURE__ */ S(w, {
 							size: "sm",
 							variant: "outline",
 							onClick: () => {
 								k(!1), j(e.body), m(null);
 							},
 							children: "Cancel"
-						}), /* @__PURE__ */ x(C, {
+						}), /* @__PURE__ */ S(w, {
 							size: "sm",
 							onClick: () => void z(),
 							disabled: !A.trim() || R || P.loading,
@@ -492,14 +499,14 @@ function k({ reply: e, currentUserId: o, editMutation: u, removeMutation: f, mut
 						})]
 					})
 				]
-			}) : /* @__PURE__ */ x(l, { text: e.body }),
-			!O && /* @__PURE__ */ S(C, {
+			}) : /* @__PURE__ */ S(l, { text: e.body }),
+			!O && /* @__PURE__ */ C(w, {
 				size: "sm",
 				variant: "ghost",
 				className: "h-6 px-2 text-xs",
 				"data-testid": "comment-reply",
-				onClick: () => D(M?.displayName ?? "this reply", e.authorId, M?.displayName),
-				children: [/* @__PURE__ */ x(h, {
+				onClick: () => T(M?.displayName ?? "this reply", e.authorId, M?.displayName),
+				children: [/* @__PURE__ */ S(g, {
 					className: "mr-1 h-3.5 w-3.5",
 					"aria-hidden": "true"
 				}), "Reply"]
@@ -508,6 +515,6 @@ function k({ reply: e, currentUserId: o, editMutation: u, removeMutation: f, mut
 	});
 }
 //#endregion
-export { D as CommentThread };
+export { O as CommentThread };
 
 //# sourceMappingURL=CommentThread.js.map