@box/threaded-annotations 3.2.3 → 4.0.1

package/dist/chunks/delete-confirmation-popover.js

@@ -7,13 +7,13 @@ import '../styles/delete-confirmation-popover.css';var c = {
 	deletePopover: "_deletePopover_1c8ll_2",
 	footer: "_footer_1c8ll_6"
 }, l = {
-	headerContainer: "_headerContainer_hkxx4_7",
-	information: "_information_hkxx4_15",
-	textContainer: "_textContainer_hkxx4_22",
-	author: "_author_hkxx4_30",
-	optionsMenu: "_optionsMenu_hkxx4_37",
-	deletePopoverAnchorWrapper: "_deletePopoverAnchorWrapper_hkxx4_56",
-	deletePopoverAnchor: "_deletePopoverAnchor_hkxx4_56"
+	headerContainer: "_headerContainer_1kmrp_29",
+	information: "_information_1kmrp_37",
+	textContainer: "_textContainer_1kmrp_44",
+	author: "_author_1kmrp_52",
+	optionsMenu: "_optionsMenu_1kmrp_59",
+	deletePopoverAnchorWrapper: "_deletePopoverAnchorWrapper_1kmrp_78",
+	deletePopoverAnchor: "_deletePopoverAnchor_1kmrp_78"
 }, u = ({ hasReplies: u = !1, isAnnotation: d = !1, open: f, onOpenChange: p, onConfirm: m, onCancel: h }) => {
 	let g = a();
 	return /* @__PURE__ */ o("div", {

package/dist/chunks/mention-component.js

@@ -6,7 +6,7 @@ import { useCallback as i, useEffect as a, useRef as o, useState as s } from "re
 import { useIntl as c } from "react-intl";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { CollaborationPopover as d } from "@box/collaboration-popover";
-import '../styles/mention-component.css';var f = { mention: "_mention_1cdf1_5" }, p = ({ mentionedUserName: p, mentionedUserId: m, mentionedUserEmail: h, authorId: g, mentionId: _ }) => {
+import '../styles/mention-component.css';var f = { mention: "_mention_hc7gc_27" }, p = ({ mentionedUserName: p, mentionedUserId: m, mentionedUserEmail: h, authorId: g, mentionId: _ }) => {
 	let v = c(), y = o(!1), { collaborationPopoverProps: b, getAvatarUrl: x, fetchCollaboratorState: S, fetchEmail: C, openPopoverMentionId: w, openPopoverForMentionId: T, closeAllPopovers: E } = n(), [D, O] = s(!1), [k, A] = s(!1), [j, M] = s(h);
 	a(() => {
 		M(h);

package/dist/chunks/message-editor.module.js

@@ -1,12 +1,12 @@
 import '../styles/message-editor.css';var e = {
-	editorDisabled: "_editorDisabled_1nmfa_7",
-	editor: "_editor_1nmfa_7",
-	messageEditor: "_messageEditor_1nmfa_14",
-	errorMessage: "_errorMessage_1nmfa_17",
-	errorText: "_errorText_1nmfa_23",
-	actionsContainer: "_actionsContainer_1nmfa_26",
-	editorContainer: "_editorContainer_1nmfa_34",
-	editorError: "_editorError_1nmfa_73",
-	anchorElement: "_anchorElement_1nmfa_82"
+	editorDisabled: "_editorDisabled_ng6un_29",
+	editor: "_editor_ng6un_29",
+	messageEditor: "_messageEditor_ng6un_36",
+	errorMessage: "_errorMessage_ng6un_39",
+	errorText: "_errorText_ng6un_45",
+	actionsContainer: "_actionsContainer_ng6un_48",
+	editorContainer: "_editorContainer_ng6un_56",
+	editorError: "_editorError_ng6un_95",
+	anchorElement: "_anchorElement_ng6un_104"
 };
 export { e as t };

package/dist/chunks/message-editor2.module.js

@@ -1,29 +1,29 @@
 import '../styles/message-editor2.css';var e = {
-	messageEditorWrapper: "_messageEditorWrapper_12g8n_7",
-	editActionsColumn: "_editActionsColumn_12g8n_12",
-	editActionsRow: "_editActionsRow_12g8n_19",
-	characterLimitCounter: "_characterLimitCounter_12g8n_25",
-	characterLimitCounterExceeded: "_characterLimitCounterExceeded_12g8n_28",
-	messageEditor: "_messageEditor_12g8n_7",
-	editorEditMode: "_editorEditMode_12g8n_46",
-	editorFirstAnnotation: "_editorFirstAnnotation_12g8n_53",
-	editorError: "_editorError_12g8n_53",
-	editorViewport: "_editorViewport_12g8n_61",
-	editorContainer: "_editorContainer_12g8n_67",
-	editor: "_editor_12g8n_46",
-	editorFade: "_editorFade_12g8n_113",
-	editorFadeHidden: "_editorFadeHidden_12g8n_124",
-	editorFullWidth: "_editorFullWidth_12g8n_127",
-	actionsWrapper: "_actionsWrapper_12g8n_131",
-	actionsWrapperInner: "_actionsWrapperInner_12g8n_141",
-	timestampToggle: "_timestampToggle_12g8n_148",
-	errorMessage: "_errorMessage_12g8n_151",
-	errorText: "_errorText_12g8n_160",
-	editorHasScroll: "_editorHasScroll_12g8n_169",
-	editorCharacterLimitExceeded: "_editorCharacterLimitExceeded_12g8n_180",
-	characterLimitExceeded: "_characterLimitExceeded_12g8n_202",
-	scrolledToBottom: "_scrolledToBottom_12g8n_205",
-	anchorElement: "_anchorElement_12g8n_209",
-	withTimestampToggle: "_withTimestampToggle_12g8n_218"
+	messageEditorWrapper: "_messageEditorWrapper_1hnvj_29",
+	editActionsColumn: "_editActionsColumn_1hnvj_34",
+	editActionsRow: "_editActionsRow_1hnvj_41",
+	characterLimitCounter: "_characterLimitCounter_1hnvj_47",
+	characterLimitCounterExceeded: "_characterLimitCounterExceeded_1hnvj_50",
+	messageEditor: "_messageEditor_1hnvj_29",
+	editorEditMode: "_editorEditMode_1hnvj_68",
+	editorFirstAnnotation: "_editorFirstAnnotation_1hnvj_75",
+	editorError: "_editorError_1hnvj_75",
+	editorViewport: "_editorViewport_1hnvj_83",
+	editorContainer: "_editorContainer_1hnvj_89",
+	editor: "_editor_1hnvj_68",
+	editorFade: "_editorFade_1hnvj_135",
+	editorFadeHidden: "_editorFadeHidden_1hnvj_146",
+	editorFullWidth: "_editorFullWidth_1hnvj_149",
+	actionsWrapper: "_actionsWrapper_1hnvj_153",
+	actionsWrapperInner: "_actionsWrapperInner_1hnvj_163",
+	timestampToggle: "_timestampToggle_1hnvj_170",
+	errorMessage: "_errorMessage_1hnvj_173",
+	errorText: "_errorText_1hnvj_182",
+	editorHasScroll: "_editorHasScroll_1hnvj_191",
+	editorCharacterLimitExceeded: "_editorCharacterLimitExceeded_1hnvj_202",
+	characterLimitExceeded: "_characterLimitExceeded_1hnvj_224",
+	scrolledToBottom: "_scrolledToBottom_1hnvj_227",
+	anchorElement: "_anchorElement_1hnvj_231",
+	withTimestampToggle: "_withTimestampToggle_1hnvj_240"
 };
 export { e as t };

package/dist/chunks/message-header.js

@@ -5,11 +5,11 @@ import { useState as r } from "react";
 import { ReadableTime as i } from "@box/readable-time";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import '../styles/message-header.css';var s = {
-	headerContainer: "_headerContainer_1jcw4_7",
-	information: "_information_1jcw4_15",
-	textContainer: "_textContainer_1jcw4_22",
-	author: "_author_1jcw4_30",
-	deleteAction: "_deleteAction_1jcw4_36"
+	headerContainer: "_headerContainer_18dlz_29",
+	information: "_information_18dlz_37",
+	textContainer: "_textContainer_18dlz_44",
+	author: "_author_18dlz_52",
+	deleteAction: "_deleteAction_18dlz_58"
 }, c = ({ author: c, createdAt: l, isDeleteAllowed: u = !0, onAvatarClick: d, onDelete: f }) => {
 	let [p, m] = r(!1);
 	return /* @__PURE__ */ o("div", {

package/dist/chunks/messages-view.js

@@ -7,34 +7,34 @@ import o from "clsx";
 import { useRef as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import '../styles/messages-view.css';var u = {
-	messagesViewWrapper: "_messagesViewWrapper_gor1q_7",
-	overflowing: "_overflowing_gor1q_12",
-	scrollable: "_scrollable_gor1q_12",
-	withEditorBelow: "_withEditorBelow_gor1q_15",
-	messagesView: "_messagesView_gor1q_7",
-	repliesContainer: "_repliesContainer_gor1q_56",
-	messagesFade: "_messagesFade_gor1q_62"
+	messagesViewWrapper: "_messagesViewWrapper_1awp7_29",
+	overflowing: "_overflowing_1awp7_34",
+	scrollable: "_scrollable_1awp7_34",
+	withEditorBelow: "_withEditorBelow_1awp7_37",
+	messagesView: "_messagesView_1awp7_29",
+	repliesContainer: "_repliesContainer_1awp7_78",
+	messagesFade: "_messagesFade_1awp7_84"
 }, d = ({ messages: d, isResolved: f = !1, resolvedBy: p, resolvedAt: m, maxCharacterCount: h, onDelete: g, onThreadDelete: _, onAvatarClick: v, onCopyLink: y, onEdit: b, onEditError: x, onResolve: S, onUnresolve: C, userSelectorProps: w, annotationTarget: T, onAnnotationBadgeClick: E, originalContentDeleted: D }) => {
-	let { viewState: O, dispatch: k, isAnnotations: A, scrollTargetMessageId: j } = t(), M = s(null), N = O !== e.Collapsed, P = O === e.Composing, F = d.length > 2, I = F && !N, { handleScroll: L, isOverflowing: R } = a({
+	let { viewState: O, dispatch: k, isAnnotations: A } = t(), j = s(null), M = O !== e.Collapsed, N = O === e.Composing, P = d.length > 2, F = P && !M, { handleScroll: I, isOverflowing: L } = a({
 		messageCount: d.length,
-		containerRef: M,
+		containerRef: j,
 		enabled: A,
-		isExpanded: N,
-		suppressAutoScroll: I || !!j
-	}), z = d[0], B = d.slice(1), V = B.length >= 1, H = B[B.length - 1], U = B.slice(0, -1), W = F && !N;
-	if (!z) return null;
-	let G = U[U.length - 1]?.author, K = U.length >= 2 ? U[U.length - 2].author : void 0, q = () => k({ type: "EXPAND" });
+		isExpanded: M,
+		suppressAutoScroll: F
+	}), R = d[0], z = d.slice(1), B = z.length >= 1, V = z[z.length - 1], H = z.slice(0, -1), U = P && !M;
+	if (!R) return null;
+	let W = H[H.length - 1]?.author, G = H.length >= 2 ? H[H.length - 2].author : void 0, K = () => k({ type: "EXPAND" });
 	return /* @__PURE__ */ l("div", {
-		className: o(u.messagesViewWrapper, R && u.overflowing, R && P && u.withEditorBelow),
+		className: o(u.messagesViewWrapper, L && u.overflowing, L && N && u.withEditorBelow),
 		children: [/* @__PURE__ */ l("div", {
-			ref: M,
+			ref: j,
 			className: o(u.messagesView, A && u.scrollable),
-			onScroll: L,
+			onScroll: I,
 			children: [
 				/* @__PURE__ */ c(i, {
-					...z,
-					hasReplies: V,
-					showThreadedIndicator: V || f,
+					...R,
+					hasReplies: B,
+					showThreadedIndicator: B || f,
 					isResolved: f,
 					maxCharacterCount: h,
 					onDelete: g,
@@ -51,15 +51,15 @@ import '../styles/messages-view.css';var u = {
 					onAnnotationBadgeClick: E,
 					originalContentDeleted: D
 				}),
-				W && G && /* @__PURE__ */ c(r, {
-					lastUser: G,
-					repliesCount: U.length,
-					secondLastUser: K,
-					onShowReplies: q
+				U && W && /* @__PURE__ */ c(r, {
+					lastUser: W,
+					repliesCount: H.length,
+					secondLastUser: G,
+					onShowReplies: K
 				}),
-				N && U.length > 0 && /* @__PURE__ */ c("div", {
+				M && H.length > 0 && /* @__PURE__ */ c("div", {
 					className: u.repliesContainer,
-					children: U.map((e) => /* @__PURE__ */ c(i, {
+					children: H.map((e) => /* @__PURE__ */ c(i, {
 						...e,
 						showThreadedIndicator: !0,
 						isResolved: f,
@@ -74,8 +74,8 @@ import '../styles/messages-view.css';var u = {
 						userSelectorProps: w
 					}, e.id))
 				}),
-				H && /* @__PURE__ */ c(i, {
-					...H,
+				V && /* @__PURE__ */ c(i, {
+					...V,
 					showThreadedIndicator: f,
 					isResolved: f,
 					maxCharacterCount: h,
@@ -93,7 +93,7 @@ import '../styles/messages-view.css';var u = {
 					createdAt: m
 				})
 			]
-		}), R && /* @__PURE__ */ c("div", { className: u.messagesFade })]
+		}), L && /* @__PURE__ */ c("div", { className: u.messagesFade })]
 	});
 };
 export { d as t };

package/dist/chunks/resolved-state.js

@@ -6,12 +6,12 @@ import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { bpGreenLight125 as o } from "@box/blueprint-web-assets/tokens/tokens";
 import { CheckmarkCircle as s } from "@box/blueprint-web-assets/icons/MediumFilled";
 import '../styles/resolved-state.css';var c = {
-	resolvedState: "_resolvedState_12vpz_7",
-	leftContainer: "_leftContainer_12vpz_15",
-	rightContainer: "_rightContainer_12vpz_19",
-	statusLine: "_statusLine_12vpz_25",
-	authorName: "_authorName_12vpz_33",
-	statusText: "_statusText_12vpz_40"
+	resolvedState: "_resolvedState_1ts95_29",
+	leftContainer: "_leftContainer_1ts95_37",
+	rightContainer: "_rightContainer_1ts95_41",
+	statusLine: "_statusLine_1ts95_47",
+	authorName: "_authorName_1ts95_55",
+	statusText: "_statusText_1ts95_62"
 }, l = ({ authorName: l, createdAt: u }) => {
 	let d = n();
 	return /* @__PURE__ */ a("div", {

package/dist/chunks/text-message.module.js

@@ -1,14 +1,14 @@
 import '../styles/text-message2.css';var e = {
-	textMessage: "_textMessage_1nzt2_7",
-	contentWrapper: "_contentWrapper_1nzt2_16",
-	threadedIndicator: "_threadedIndicator_1nzt2_21",
-	threadedIndicatorHidden: "_threadedIndicatorHidden_1nzt2_37",
-	messageContent: "_messageContent_1nzt2_40",
-	inlineEditSlot: "_inlineEditSlot_1nzt2_47",
-	annotationBadgeWrapper: "_annotationBadgeWrapper_1nzt2_50",
-	messageFooter: "_messageFooter_1nzt2_59",
-	readableTimeWrapper: "_readableTimeWrapper_1nzt2_67",
-	replyButton: "_replyButton_1nzt2_71",
-	seeMoreButton: "_seeMoreButton_1nzt2_86"
+	textMessage: "_textMessage_1mths_29",
+	contentWrapper: "_contentWrapper_1mths_38",
+	threadedIndicator: "_threadedIndicator_1mths_43",
+	threadedIndicatorHidden: "_threadedIndicatorHidden_1mths_59",
+	messageContent: "_messageContent_1mths_62",
+	inlineEditSlot: "_inlineEditSlot_1mths_69",
+	annotationBadgeWrapper: "_annotationBadgeWrapper_1mths_72",
+	messageFooter: "_messageFooter_1mths_81",
+	readableTimeWrapper: "_readableTimeWrapper_1mths_89",
+	replyButton: "_replyButton_1mths_93",
+	seeMoreButton: "_seeMoreButton_1mths_108"
 };
 export { e as t };

package/dist/chunks/threaded-annotations2.js

@@ -2,91 +2,85 @@ import { THREADED_ANNOTATIONS_PORTAL as e } from "../esm/lib/v2/constants.js";
 import { MessageEditor as t } from "../esm/lib/components/v2/message-editor/message-editor.js";
 import { ThreadViewState as n, ThreadedAnnotationsProvider as r, useThreadedAnnotationsContext as i } from "../esm/lib/v2/threaded-annotations-context.js";
 import { t as a } from "./messages-view.js";
-import { useScrollToMessage as o } from "../esm/lib/v2/hooks/useScrollToMessage.js";
-import { buildMentionContent as s } from "../esm/lib/v2/utils/build-mention-content.js";
-import c from "clsx";
-import { useCallback as l, useEffect as u, useMemo as d, useRef as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import '../styles/threaded-annotations2.css';var h = {
+import { buildMentionContent as o } from "../esm/lib/v2/utils/build-mention-content.js";
+import s from "clsx";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import '../styles/threaded-annotations2.css';var m = {
 	threadedAnnotations: "_threadedAnnotations_16hhz_1",
 	expandable: "_expandable_16hhz_10",
 	annotations: "_annotations_16hhz_18",
 	highlighted: "_highlighted_16hhz_18"
-}, g = ({ messages: r, isResolved: g = !1, resolvedBy: _, resolvedAt: v, maxCharacterCount: y, onDelete: b, onThreadDelete: x, onAvatarClick: S, onCopyLink: C, onEdit: w, onEditError: T, onResolve: E, onUnresolve: D, onPost: O, onPostError: k, userSelectorProps: A, onEditorOpenChange: j, annotationTarget: M, onAnnotationBadgeClick: N, originalContentDeleted: P, scrollToMessageId: F, onScrollToMessageComplete: I, isHighlighted: L = !1 }) => {
-	let { viewState: R, dispatch: z, editingMessageId: B, replyMention: V, isReplyDisabled: H, isAnnotations: U } = i(), W = f(null), G = R !== n.Collapsed, K = r.length > 2, q = R === n.Collapsed && (K || !H && !g);
-	o({
-		containerRef: W,
-		messages: r,
-		scrollToMessageId: F,
-		onScrollToMessageComplete: I
-	}), u(() => {
-		B && !r.some((e) => e.id === B) && z({ type: "CLEAR_EDIT" });
+}, h = ({ messages: r, isResolved: h = !1, resolvedBy: g, resolvedAt: _, maxCharacterCount: v, onDelete: y, onThreadDelete: b, onAvatarClick: x, onCopyLink: S, onEdit: C, onEditError: w, onResolve: T, onUnresolve: E, onPost: D, onPostError: O, userSelectorProps: k, onEditorOpenChange: A, annotationTarget: j, onAnnotationBadgeClick: M, originalContentDeleted: N, isHighlighted: P = !1 }) => {
+	let { viewState: F, dispatch: I, editingMessageId: L, replyMention: R, isReplyDisabled: z, isAnnotations: B } = i(), V = d(null), H = F !== n.Collapsed, U = r.length > 2, W = F === n.Collapsed && (U || !z && !h);
+	l(() => {
+		L && !r.some((e) => e.id === L) && I({ type: "CLEAR_EDIT" });
 	}, [
-		B,
+		L,
 		r,
-		z
-	]), u(() => {
-		j?.(G);
-	}, [G, j]), u(() => {
-		if (!G) return;
+		I
+	]), l(() => {
+		A?.(H);
+	}, [H, A]), l(() => {
+		if (!H) return;
 		let t = `[${Object.keys(e)[0]}]`, n = (e) => {
 			let n = e.target;
-			W.current?.contains(n) || document.querySelector(t)?.contains(n) || z({ type: "COLLAPSE" });
+			V.current?.contains(n) || document.querySelector(t)?.contains(n) || I({ type: "COLLAPSE" });
 		};
 		return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-	}, [G, z]);
-	let J = r.length === 0, Y = l(() => z({ type: "CLEAR_MENTION" }), [z]), X = d(() => V ? s(V) : null, [V]), Z = l((e) => {
-		if (!q) return;
+	}, [H, I]);
+	let G = r.length === 0, K = c(() => I({ type: "CLEAR_MENTION" }), [I]), q = u(() => R ? o(R) : null, [R]), J = c((e) => {
+		if (!W) return;
 		let t = e.target;
-		!e.currentTarget.contains(t) || t.closest("[data-no-expand]") || z({ type: "EXPAND" });
-	}, [q, z]);
-	return U && J ? /* @__PURE__ */ p(t, {
+		!e.currentTarget.contains(t) || t.closest("[data-no-expand]") || I({ type: "EXPAND" });
+	}, [W, I]);
+	return B && G ? /* @__PURE__ */ f(t, {
 		isFirstAnnotation: !0,
-		maxCharacterCount: y,
-		onPost: O,
-		onPostError: k,
-		onPostSuccess: Y,
-		userSelectorProps: A
-	}) : /* @__PURE__ */ m("div", {
-		ref: W,
-		className: c(h.threadedAnnotations, q && h.expandable, U && h.annotations, L && h.highlighted),
-		"data-thread-expandable": q ? !0 : void 0,
-		"data-thread-highlighted": L ? !0 : void 0,
-		onClick: q ? Z : void 0,
-		children: [/* @__PURE__ */ p(a, {
+		maxCharacterCount: v,
+		onPost: D,
+		onPostError: O,
+		onPostSuccess: K,
+		userSelectorProps: k
+	}) : /* @__PURE__ */ p("div", {
+		ref: V,
+		className: s(m.threadedAnnotations, W && m.expandable, B && m.annotations, P && m.highlighted),
+		"data-thread-expandable": W ? !0 : void 0,
+		"data-thread-highlighted": P ? !0 : void 0,
+		onClick: W ? J : void 0,
+		children: [/* @__PURE__ */ f(a, {
 			messages: r,
-			isResolved: g,
-			resolvedBy: _,
-			resolvedAt: v,
-			maxCharacterCount: y,
-			onDelete: b,
-			onThreadDelete: x,
-			onAvatarClick: S,
-			onCopyLink: C,
-			onEdit: w,
-			onEditError: T,
-			onResolve: E,
-			onUnresolve: D,
-			userSelectorProps: A,
-			annotationTarget: M,
-			onAnnotationBadgeClick: N,
-			originalContentDeleted: P
-		}), R === n.Composing && /* @__PURE__ */ p(t, {
-			initialContent: X,
-			maxCharacterCount: y,
-			onPost: O,
-			onPostError: k,
-			onPostSuccess: Y,
+			isResolved: h,
+			resolvedBy: g,
+			resolvedAt: _,
+			maxCharacterCount: v,
+			onDelete: y,
+			onThreadDelete: b,
+			onAvatarClick: x,
+			onCopyLink: S,
+			onEdit: C,
+			onEditError: w,
+			onResolve: T,
+			onUnresolve: E,
+			userSelectorProps: k,
+			annotationTarget: j,
+			onAnnotationBadgeClick: M,
+			originalContentDeleted: N
+		}), F === n.Composing && /* @__PURE__ */ f(t, {
+			initialContent: q,
+			maxCharacterCount: v,
+			onPost: D,
+			onPostError: O,
+			onPostSuccess: K,
 			isReply: !0,
-			userSelectorProps: A
+			userSelectorProps: k
 		})]
 	});
-}, _ = (e) => /* @__PURE__ */ p(r, {
-	defaultExpanded: e.messages.length === 0,
+}, g = (e) => /* @__PURE__ */ f(r, {
+	defaultExpanded: e.defaultExpanded || e.messages.length === 0,
 	isReplyDisabled: e.isReplyDisabled || e.isResolved,
 	isEditDisabled: e.isEditDisabled || e.isResolved,
 	isAnnotations: e.isAnnotations,
 	collapsed: e.collapsed,
-	children: /* @__PURE__ */ p(g, { ...e })
+	children: /* @__PURE__ */ f(h, { ...e })
 });
-export { _ as t };
+export { g as t };

package/dist/chunks/virtualized-messages.js

@@ -1,13 +1,13 @@
 import { t as e } from "./text-message.js";
 import { jsx as t } from "react/jsx-runtime";
 import '../styles/virtualized-messages.css';var n = {
-	messagesView: "_messagesView_124mt_7",
-	moreRepliesButton: "_moreRepliesButton_124mt_17",
-	repliesContainer: "_repliesContainer_124mt_20",
-	threadIndicator: "_threadIndicator_124mt_27",
-	virtualizedMessages: "_virtualizedMessages_124mt_32",
-	messageWrapper: "_messageWrapper_124mt_37",
-	singleMessageWrapper: "_singleMessageWrapper_124mt_71"
+	messagesView: "_messagesView_h8l31_29",
+	moreRepliesButton: "_moreRepliesButton_h8l31_39",
+	repliesContainer: "_repliesContainer_h8l31_42",
+	threadIndicator: "_threadIndicator_h8l31_49",
+	virtualizedMessages: "_virtualizedMessages_h8l31_54",
+	messageWrapper: "_messageWrapper_h8l31_59",
+	singleMessageWrapper: "_singleMessageWrapper_h8l31_93"
 }, r = ({ messages: r, totalSize: i, virtualItems: a, measureElement: o, onDelete: s, onAvatarClick: c, isDeleteAllowed: l }) => /* @__PURE__ */ t("div", {
 	className: n.virtualizedMessages,
 	style: { height: `${i}px` },

package/dist/esm/lib/v2/threaded-annotations-context.js

@@ -3,15 +3,15 @@ import { jsx as o } from "react/jsx-runtime";
 var s = /* @__PURE__ */ function(e) {
 	return e.Collapsed = "collapsed", e.RepliesOnly = "repliesOnly", e.Composing = "composing", e;
 }({}), c = /*#__PURE__*/ e(void 0), l = ({ children: e, defaultExpanded: n = !1, isReplyDisabled: s = !1, isEditDisabled: l = !1, collapsed: u = !1, isAnnotations: d = !1 }) => {
-	let [f, p] = a(() => n ? s ? "repliesOnly" : "composing" : "collapsed"), [m, h] = a(null), [g, _] = a(null), [v, y] = a(null);
+	let [f, p] = a(() => n ? s ? "repliesOnly" : "composing" : "collapsed"), [m, h] = a(null), [g, _] = a(null);
 	r(() => {
 		s ? (p((e) => e === "composing" ? "collapsed" : e), h(null)) : p((e) => e === "repliesOnly" ? "composing" : e);
 	}, [s]), r(() => {
 		l && _(null);
 	}, [l]), r(() => {
-		u && (p("collapsed"), h(null), _(null), y(null));
+		u && (p("collapsed"), h(null), _(null));
 	}, [u]);
-	let b = t((e) => {
+	let v = t((e) => {
 		switch (e.type) {
 			case "EXPAND":
 				p((e) => e === "collapsed" ? s ? "repliesOnly" : "composing" : e);
@@ -26,39 +26,31 @@ var s = /* @__PURE__ */ function(e) {
 				_(null);
 				break;
 			case "COLLAPSE":
-				p("collapsed"), h(null), _(null), y(null);
+				p("collapsed"), h(null), _(null);
 				break;
 			case "CLEAR_MENTION":
 				h(null);
 				break;
-			case "SET_SCROLL_TARGET":
-				y(e.id), p((e) => e === "collapsed" ? s ? "repliesOnly" : "composing" : e);
-				break;
-			case "CLEAR_SCROLL_TARGET":
-				y(null);
-				break;
 		}
-	}, [s, l]), x = i(() => ({
+	}, [s, l]), y = i(() => ({
 		viewState: f,
 		replyMention: m,
 		editingMessageId: g,
-		scrollTargetMessageId: v,
 		isAnnotations: d,
 		isReplyDisabled: s,
 		isEditDisabled: l,
-		dispatch: b
+		dispatch: v
 	}), [
 		f,
 		m,
 		g,
-		v,
 		d,
 		s,
 		l,
-		b
+		v
 	]);
 	return /* @__PURE__ */ o(c.Provider, {
-		value: x,
+		value: y,
 		children: e
 	});
 }, u = () => {

package/dist/styles/delete-confirmation-popover.css

@@ -1 +1 @@
-._deletePopover_1c8ll_2{width:17rem;margin:0}._deletePopover_1c8ll_2 ._footer_1c8ll_6{gap:var(--space-2);justify-content:flex-end;display:flex}._headerContainer_hkxx4_7{gap:var(--space-4);justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}._headerContainer_hkxx4_7 ._information_hkxx4_15{gap:var(--space-2);justify-content:flex-start;align-items:center;width:100%;display:flex}._headerContainer_hkxx4_7 ._information_hkxx4_15 ._textContainer_hkxx4_22{word-break:break-all;overflow-wrap:break-word;width:fit-content;min-width:0;max-width:100%;overflow:hidden}._headerContainer_hkxx4_7 ._information_hkxx4_15 ._textContainer_hkxx4_22 ._author_hkxx4_30{-webkit-line-clamp:1;-webkit-box-orient:vertical;width:fit-content;display:-webkit-box;overflow:hidden}._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37{gap:var(--space-1);opacity:0;align-items:center;transition:opacity .1s;display:flex;position:relative}[data-message-wrapper]:hover ._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37,[data-message-wrapper]:focus-within ._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37{opacity:1}@media (pointer:coarse),(hover:none){._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37{opacity:1}}._headerContainer_hkxx4_7 ._optionsMenu_hkxx4_37[data-state=open]{opacity:1}._headerContainer_hkxx4_7 ._deletePopoverAnchorWrapper_hkxx4_56{width:0;height:0;position:absolute;bottom:0;right:0}._headerContainer_hkxx4_7 ._deletePopoverAnchor_hkxx4_56{pointer-events:none;width:1px;height:1px;position:absolute;top:100%;right:0}
+._deletePopover_1c8ll_2{width:17rem;margin:0}._deletePopover_1c8ll_2 ._footer_1c8ll_6{gap:var(--space-2);justify-content:flex-end;display:flex}._headerContainer_1kmrp_29{gap:var(--space-4);justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}._headerContainer_1kmrp_29 ._information_1kmrp_37{gap:var(--space-2);justify-content:flex-start;align-items:center;width:100%;display:flex}._headerContainer_1kmrp_29 ._information_1kmrp_37 ._textContainer_1kmrp_44{word-break:break-all;overflow-wrap:break-word;width:fit-content;min-width:0;max-width:100%;overflow:hidden}._headerContainer_1kmrp_29 ._information_1kmrp_37 ._textContainer_1kmrp_44 ._author_1kmrp_52{-webkit-line-clamp:1;-webkit-box-orient:vertical;width:fit-content;display:-webkit-box;overflow:hidden}._headerContainer_1kmrp_29 ._optionsMenu_1kmrp_59{gap:var(--space-1);opacity:0;align-items:center;transition:opacity .1s;display:flex;position:relative}[data-message-wrapper]:hover ._headerContainer_1kmrp_29 ._optionsMenu_1kmrp_59,[data-message-wrapper]:focus-within ._headerContainer_1kmrp_29 ._optionsMenu_1kmrp_59{opacity:1}@media (pointer:coarse),(hover:none){._headerContainer_1kmrp_29 ._optionsMenu_1kmrp_59{opacity:1}}._headerContainer_1kmrp_29 ._optionsMenu_1kmrp_59[data-state=open]{opacity:1}._headerContainer_1kmrp_29 ._deletePopoverAnchorWrapper_1kmrp_78{width:0;height:0;position:absolute;bottom:0;right:0}._headerContainer_1kmrp_29 ._deletePopoverAnchor_1kmrp_78{pointer-events:none;width:1px;height:1px;position:absolute;top:100%;right:0}

package/dist/styles/mention-component.css

@@ -1 +1 @@
-._mention_1cdf1_5{vertical-align:baseline;cursor:pointer;pointer-events:auto;color:var(--box-blue-100)!important}
+._mention_hc7gc_27{vertical-align:baseline;cursor:pointer;pointer-events:auto;color:var(--box-blue-100)!important}

package/dist/styles/message-editor.css

@@ -1 +1 @@
-._editorDisabled_1nmfa_7{opacity:.5}._editorDisabled_1nmfa_7 ._editor_1nmfa_7{pointer-events:none}._messageEditor_1nmfa_14{position:relative}._messageEditor_1nmfa_14 ._errorMessage_1nmfa_17{gap:var(--space-1);padding-top:var(--space-2);align-items:center;display:flex}._messageEditor_1nmfa_14 ._errorMessage_1nmfa_17 ._errorText_1nmfa_23{color:var(--text-text-destructive-on-light)}._messageEditor_1nmfa_14 ._actionsContainer_1nmfa_26{gap:var(--space-3);width:100%;margin-top:var(--space-2);justify-content:flex-end;display:flex}._editorContainer_1nmfa_34{position:relative}._editorContainer_1nmfa_34 ._editor_1nmfa_7{scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent}@supports not (scrollbar-color:gray transparent){._editorContainer_1nmfa_34 ._editor_1nmfa_7{scrollbar-width:initial}._editorContainer_1nmfa_34 ._editor_1nmfa_7::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._editorContainer_1nmfa_34 ._editor_1nmfa_7::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._editorContainer_1nmfa_34 ._editor_1nmfa_7::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._editorContainer_1nmfa_34 ._editor_1nmfa_7{box-sizing:border-box;min-height:var(--size-20);max-height:8.75rem;padding:.625rem var(--space-3);border-radius:var(--radius-2);outline:var(--border-1) solid var(--border-input-border);overflow-y:auto}._editorContainer_1nmfa_34 ._editor_1nmfa_7:focus{outline-width:var(--border-2);outline-color:var(--border-input-border-focus)}._editorContainer_1nmfa_34._editorError_1nmfa_73 ._editor_1nmfa_7,._editorContainer_1nmfa_34._editorError_1nmfa_73 ._editor_1nmfa_7:focus{outline-width:var(--border-2);outline-color:var(--border-input-border-error)}._anchorElement_1nmfa_82{width:100%;position:absolute;top:100%;left:0}
+._editorDisabled_ng6un_29{opacity:.5}._editorDisabled_ng6un_29 ._editor_ng6un_29{pointer-events:none}._messageEditor_ng6un_36{position:relative}._messageEditor_ng6un_36 ._errorMessage_ng6un_39{gap:var(--space-1);padding-top:var(--space-2);align-items:center;display:flex}._messageEditor_ng6un_36 ._errorMessage_ng6un_39 ._errorText_ng6un_45{color:var(--text-text-destructive-on-light)}._messageEditor_ng6un_36 ._actionsContainer_ng6un_48{gap:var(--space-3);width:100%;margin-top:var(--space-2);justify-content:flex-end;display:flex}._editorContainer_ng6un_56{position:relative}._editorContainer_ng6un_56 ._editor_ng6un_29{scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent}@supports not (scrollbar-color:gray transparent){._editorContainer_ng6un_56 ._editor_ng6un_29{scrollbar-width:initial}._editorContainer_ng6un_56 ._editor_ng6un_29::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._editorContainer_ng6un_56 ._editor_ng6un_29::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._editorContainer_ng6un_56 ._editor_ng6un_29::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._editorContainer_ng6un_56 ._editor_ng6un_29{box-sizing:border-box;min-height:var(--size-20);max-height:8.75rem;padding:.625rem var(--space-3);border-radius:var(--radius-2);outline:var(--border-1) solid var(--border-input-border);overflow-y:auto}._editorContainer_ng6un_56 ._editor_ng6un_29:focus{outline-width:var(--border-2);outline-color:var(--border-input-border-focus)}._editorContainer_ng6un_56._editorError_ng6un_95 ._editor_ng6un_29,._editorContainer_ng6un_56._editorError_ng6un_95 ._editor_ng6un_29:focus{outline-width:var(--border-2);outline-color:var(--border-input-border-error)}._anchorElement_ng6un_104{width:100%;position:absolute;top:100%;left:0}

package/dist/styles/message-editor2.css

@@ -1 +1 @@
-._messageEditorWrapper_12g8n_7{cursor:auto;width:100%}._editActionsColumn_12g8n_12{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_12g8n_19{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_12g8n_25{white-space:nowrap}._characterLimitCounter_12g8n_25._characterLimitCounterExceeded_12g8n_28{font-weight:var(--font-weights-bold)}._messageEditor_12g8n_7{--gradient-fade-height:var(--bp-size-040);box-sizing:border-box;padding:.625rem var(--bp-space-005) .625rem var(--bp-space-040);background-color:var(--surface-surface);outline:var(--bp-border-01) solid var(--border-divider-border);border-radius:var(--bp-radius-10);gap:var(--bp-space-020) var(--bp-space-010);cursor:auto;flex-wrap:wrap;width:100%;display:flex;position:relative}._messageEditor_12g8n_7._editorEditMode_12g8n_46{--gradient-fade-height:var(--bp-size-050)}._messageEditor_12g8n_7:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_12g8n_7._editorFirstAnnotation_12g8n_53:not(._editorError_12g8n_53):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_12g8n_7._editorError_12g8n_53{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_12g8n_7 ._editorViewport_12g8n_61{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;position:relative;overflow-y:scroll}@supports not (scrollbar-color:gray transparent){._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{scrollbar-width:initial}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67 ._editor_12g8n_46{outline:none;width:100%}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67 ._editor_12g8n_46 [data-placeholder]:first-child:before{font-family:var(--font-families-sans);font-size:var(--bp-font-size-05);font-weight:var(--font-weights-regular);line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01);color:var(--text-text-on-light-tertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorFade_12g8n_113{height:var(--bp-size-060);background:linear-gradient(to bottom, transparent, var(--bp-canvas-background,var(--surface-surface)));pointer-events:none;opacity:1;transition:opacity .15s ease-out;position:absolute;bottom:0;left:0;right:0}._messageEditor_12g8n_7 ._editorViewport_12g8n_61 ._editorFade_12g8n_113._editorFadeHidden_12g8n_124{opacity:0}._messageEditor_12g8n_7 ._editorFullWidth_12g8n_127{width:100%;min-width:100%}._messageEditor_12g8n_7 ._actionsWrapper_12g8n_131{min-height:var(--bp-size-080);width:fit-content;padding-right:var(--bp-space-020);flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}._messageEditor_12g8n_7 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_12g8n_7 ._timestampToggle_12g8n_148{margin-right:auto}._messageEditor_12g8n_7 ._errorMessage_12g8n_151{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_12g8n_7 ._errorMessage_12g8n_151>:first-child{flex-shrink:0}._messageEditor_12g8n_7 ._errorMessage_12g8n_151 ._errorText_12g8n_160{color:var(--bp-text-text-destructive-on-light);-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._editorHasScroll_12g8n_169{gap:unset;padding-bottom:0}._editorHasScroll_12g8n_169 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_12g8n_169 ._editorViewport_12g8n_61 ._editorFade_12g8n_113{display:none}._editorHasScroll_12g8n_169._editorCharacterLimitExceeded_12g8n_180 ._editorViewport_12g8n_61 ._editorContainer_12g8n_67{padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040));scroll-padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040))}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141{bottom:.625rem;left:0;right:var(--bp-space-020);pointer-events:none;background:linear-gradient(to bottom, #fff0 10%, #ffffffbf 18%, #fffffff7 28%, var(--bp-canvas-background,var(--surface-surface)) 71%);justify-content:flex-end;width:auto;position:absolute}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141>*{pointer-events:auto}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141._characterLimitExceeded_12g8n_202{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_12g8n_169 ._actionsWrapper_12g8n_131 ._actionsWrapperInner_12g8n_141._scrolledToBottom_12g8n_205{background:0 0}._anchorElement_12g8n_209{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}._messageEditor_12g8n_7 ._actionsWrapper_12g8n_131._withTimestampToggle_12g8n_218,._messageEditor_12g8n_7 ._actionsWrapper_12g8n_131._withTimestampToggle_12g8n_218 ._actionsWrapperInner_12g8n_141{width:100%}
+._messageEditorWrapper_1hnvj_29{cursor:auto;width:100%}._editActionsColumn_1hnvj_34{align-items:flex-end;gap:var(--bp-space-010);flex-direction:column;display:flex}._editActionsRow_1hnvj_41{align-items:center;gap:var(--bp-space-020);display:flex}._characterLimitCounter_1hnvj_47{white-space:nowrap}._characterLimitCounter_1hnvj_47._characterLimitCounterExceeded_1hnvj_50{font-weight:var(--font-weights-bold)}._messageEditor_1hnvj_29{--gradient-fade-height:var(--bp-size-040);box-sizing:border-box;padding:.625rem var(--bp-space-005) .625rem var(--bp-space-040);background-color:var(--surface-surface);outline:var(--bp-border-01) solid var(--border-divider-border);border-radius:var(--bp-radius-10);gap:var(--bp-space-020) var(--bp-space-010);cursor:auto;flex-wrap:wrap;width:100%;display:flex;position:relative}._messageEditor_1hnvj_29._editorEditMode_1hnvj_68{--gradient-fade-height:var(--bp-size-050)}._messageEditor_1hnvj_29:focus-within{outline-width:var(--bp-border-02);outline-color:var(--border-input-border-focus)}._messageEditor_1hnvj_29._editorFirstAnnotation_1hnvj_75:not(._editorError_1hnvj_75):focus-within{outline-width:var(--bp-border-01);outline-color:var(--border-divider-border)}._messageEditor_1hnvj_29._editorError_1hnvj_75{outline-color:var(--bp-border-message-border-error);outline-width:var(--bp-border-02)}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83{width:fit-content;min-width:calc(100% - 2.875rem);margin:auto 0;position:relative}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;position:relative;overflow-y:scroll}@supports not (scrollbar-color:gray transparent){._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89{scrollbar-width:initial}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89{max-height:10rem;padding:.375rem .625rem .375rem 0}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89 ._editor_1hnvj_68{outline:none;width:100%}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89 ._editor_1hnvj_68 [data-placeholder]:first-child:before{font-family:var(--font-families-sans);font-size:var(--bp-font-size-05);font-weight:var(--font-weights-regular);line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01);color:var(--text-text-on-light-tertiary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorFade_1hnvj_135{height:var(--bp-size-060);background:linear-gradient(to bottom, transparent, var(--bp-canvas-background,var(--surface-surface)));pointer-events:none;opacity:1;transition:opacity .15s ease-out;position:absolute;bottom:0;left:0;right:0}._messageEditor_1hnvj_29 ._editorViewport_1hnvj_83 ._editorFade_1hnvj_135._editorFadeHidden_1hnvj_146{opacity:0}._messageEditor_1hnvj_29 ._editorFullWidth_1hnvj_149{width:100%;min-width:100%}._messageEditor_1hnvj_29 ._actionsWrapper_1hnvj_153{min-height:var(--bp-size-080);width:fit-content;padding-right:var(--bp-space-020);flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}._messageEditor_1hnvj_29 ._actionsWrapper_1hnvj_153 ._actionsWrapperInner_1hnvj_163{align-items:center;gap:var(--bp-space-020);width:fit-content;display:flex;position:relative}._messageEditor_1hnvj_29 ._timestampToggle_1hnvj_170{margin-right:auto}._messageEditor_1hnvj_29 ._errorMessage_1hnvj_173{gap:var(--bp-space-010);align-items:center;min-width:0;display:flex}._messageEditor_1hnvj_29 ._errorMessage_1hnvj_173>:first-child{flex-shrink:0}._messageEditor_1hnvj_29 ._errorMessage_1hnvj_173 ._errorText_1hnvj_182{color:var(--bp-text-text-destructive-on-light);-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._editorHasScroll_1hnvj_191{gap:unset;padding-bottom:0}._editorHasScroll_1hnvj_191 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89{padding-bottom:var(--bp-space-040);scroll-padding-bottom:var(--bp-space-040)}._editorHasScroll_1hnvj_191 ._editorViewport_1hnvj_83 ._editorFade_1hnvj_135{display:none}._editorHasScroll_1hnvj_191._editorCharacterLimitExceeded_1hnvj_202 ._editorViewport_1hnvj_83 ._editorContainer_1hnvj_89{padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040));scroll-padding-bottom:calc(var(--gradient-fade-height,var(--bp-size-040)) + var(--bp-space-040))}._editorHasScroll_1hnvj_191 ._actionsWrapper_1hnvj_153{min-width:100%;height:1.875rem;padding-right:0}._editorHasScroll_1hnvj_191 ._actionsWrapper_1hnvj_153 ._actionsWrapperInner_1hnvj_163{bottom:.625rem;left:0;right:var(--bp-space-020);pointer-events:none;background:linear-gradient(to bottom, #fff0 10%, #ffffffbf 18%, #fffffff7 28%, var(--bp-canvas-background,var(--surface-surface)) 71%);justify-content:flex-end;width:auto;position:absolute}._editorHasScroll_1hnvj_191 ._actionsWrapper_1hnvj_153 ._actionsWrapperInner_1hnvj_163>*{pointer-events:auto}._editorHasScroll_1hnvj_191 ._actionsWrapper_1hnvj_153 ._actionsWrapperInner_1hnvj_163._characterLimitExceeded_1hnvj_224{padding-top:var(--gradient-fade-height,var(--bp-size-040))}._editorHasScroll_1hnvj_191 ._actionsWrapper_1hnvj_153 ._actionsWrapperInner_1hnvj_163._scrolledToBottom_1hnvj_227{background:0 0}._anchorElement_1hnvj_231{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}._messageEditor_1hnvj_29 ._actionsWrapper_1hnvj_153._withTimestampToggle_1hnvj_240,._messageEditor_1hnvj_29 ._actionsWrapper_1hnvj_153._withTimestampToggle_1hnvj_240 ._actionsWrapperInner_1hnvj_163{width:100%}

package/dist/styles/message-header.css

@@ -1 +1 @@
-._headerContainer_1jcw4_7{gap:var(--space-4);justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}._headerContainer_1jcw4_7 ._information_1jcw4_15{gap:var(--space-4);justify-content:flex-start;align-items:center;width:100%;display:flex}._headerContainer_1jcw4_7 ._information_1jcw4_15 ._textContainer_1jcw4_22{word-break:break-all;overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;overflow:hidden}._headerContainer_1jcw4_7 ._information_1jcw4_15 ._textContainer_1jcw4_22 ._author_1jcw4_30{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36{opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36,[data-message-wrapper]:focus-within ._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36{opacity:1}@media (pointer:coarse),(hover:none){._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36{opacity:1}}._headerContainer_1jcw4_7 ._deleteAction_1jcw4_36[data-state=open]{opacity:1}
+._headerContainer_18dlz_29{gap:var(--space-4);justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}._headerContainer_18dlz_29 ._information_18dlz_37{gap:var(--space-4);justify-content:flex-start;align-items:center;width:100%;display:flex}._headerContainer_18dlz_29 ._information_18dlz_37 ._textContainer_18dlz_44{word-break:break-all;overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;overflow:hidden}._headerContainer_18dlz_29 ._information_18dlz_37 ._textContainer_18dlz_44 ._author_18dlz_52{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}._headerContainer_18dlz_29 ._deleteAction_18dlz_58{opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._headerContainer_18dlz_29 ._deleteAction_18dlz_58,[data-message-wrapper]:focus-within ._headerContainer_18dlz_29 ._deleteAction_18dlz_58{opacity:1}@media (pointer:coarse),(hover:none){._headerContainer_18dlz_29 ._deleteAction_18dlz_58{opacity:1}}._headerContainer_18dlz_29 ._deleteAction_18dlz_58[data-state=open]{opacity:1}

package/dist/styles/messages-view.css

@@ -1 +1 @@
-._messagesViewWrapper_gor1q_7{z-index:0;width:100%;position:relative}._messagesViewWrapper_gor1q_7._overflowing_gor1q_12 ._scrollable_gor1q_12{padding-bottom:var(--space-4)}._messagesViewWrapper_gor1q_7._withEditorBelow_gor1q_15{margin-bottom:-1.125rem}._messagesView_gor1q_7{width:100%;height:100%;padding-top:var(--space-1);padding-bottom:var(--bp-border-02);padding-left:var(--space-1);flex-direction:column;display:flex}._messagesView_gor1q_7._scrollable_gor1q_12{max-height:27rem;margin-right:calc(-1 * var(--space-3) + .125rem);padding-right:calc(var(--space-3) - .125rem);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;overflow:hidden auto}@supports not (scrollbar-color:gray transparent){._messagesView_gor1q_7._scrollable_gor1q_12{scrollbar-width:initial}._messagesView_gor1q_7._scrollable_gor1q_12::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messagesView_gor1q_7._scrollable_gor1q_12::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messagesView_gor1q_7._scrollable_gor1q_12::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messagesView_gor1q_7 ._repliesContainer_gor1q_56{flex-direction:column;width:100%;display:flex}._messagesFade_gor1q_62{z-index:1;height:var(--size-8);background:linear-gradient(to bottom, transparent, var(--fade-bg,var(--surface-surface)));pointer-events:none;position:absolute;bottom:0;left:0;right:0}
+._messagesViewWrapper_1awp7_29{z-index:0;width:100%;position:relative}._messagesViewWrapper_1awp7_29._overflowing_1awp7_34 ._scrollable_1awp7_34{padding-bottom:var(--space-4)}._messagesViewWrapper_1awp7_29._withEditorBelow_1awp7_37{margin-bottom:-1.125rem}._messagesView_1awp7_29{width:100%;height:100%;padding-top:var(--space-1);padding-bottom:var(--bp-border-02);padding-left:var(--space-1);flex-direction:column;display:flex}._messagesView_1awp7_29._scrollable_1awp7_34{max-height:27rem;margin-right:calc(-1 * var(--space-3) + .125rem);padding-right:calc(var(--space-3) - .125rem);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent;overflow:hidden auto}@supports not (scrollbar-color:gray transparent){._messagesView_1awp7_29._scrollable_1awp7_34{scrollbar-width:initial}._messagesView_1awp7_29._scrollable_1awp7_34::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messagesView_1awp7_29._scrollable_1awp7_34::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messagesView_1awp7_29._scrollable_1awp7_34::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._messagesView_1awp7_29 ._repliesContainer_1awp7_78{flex-direction:column;width:100%;display:flex}._messagesFade_1awp7_84{z-index:1;height:var(--size-8);background:linear-gradient(to bottom, transparent, var(--fade-bg,var(--surface-surface)));pointer-events:none;position:absolute;bottom:0;left:0;right:0}

package/dist/styles/resolved-state.css

@@ -1 +1 @@
-._resolvedState_12vpz_7{gap:var(--space-3);padding-left:var(--space-05);align-items:flex-start;width:100%;display:flex}._leftContainer_12vpz_15{flex-shrink:0}._rightContainer_12vpz_19{flex-direction:column;min-width:0;display:flex;overflow:hidden}._rightContainer_12vpz_19 ._statusLine_12vpz_25{gap:var(--space-1);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;display:flex;overflow:hidden}._rightContainer_12vpz_19 ._statusLine_12vpz_25 ._authorName_12vpz_33{-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._rightContainer_12vpz_19 ._statusLine_12vpz_25 ._statusText_12vpz_40{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
+._resolvedState_1ts95_29{gap:var(--space-3);padding-left:var(--space-05);align-items:flex-start;width:100%;display:flex}._leftContainer_1ts95_37{flex-shrink:0}._rightContainer_1ts95_41{flex-direction:column;min-width:0;display:flex;overflow:hidden}._rightContainer_1ts95_41 ._statusLine_1ts95_47{gap:var(--space-1);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;display:flex;overflow:hidden}._rightContainer_1ts95_41 ._statusLine_1ts95_47 ._authorName_1ts95_55{-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}._rightContainer_1ts95_41 ._statusLine_1ts95_47 ._statusText_1ts95_62{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

package/dist/styles/text-message2.css

@@ -1 +1 @@
-._textMessage_1nzt2_7{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:visible}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16{gap:var(--space-2);margin-top:.125rem;display:flex}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._threadedIndicator_1nzt2_21{width:var(--space-7);flex-shrink:0;position:relative}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._threadedIndicator_1nzt2_21:after{content:"";left:50%;top:var(--space-05);bottom:var(--space-05);width:var(--border-2);background-color:var(--border-divider-border);border-radius:var(--radius-1);position:absolute;transform:translate(-50%)}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._threadedIndicatorHidden_1nzt2_37:after{visibility:hidden}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageContent_1nzt2_40{overflow-wrap:break-word;flex-direction:column;flex:1;min-width:0;display:flex}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageContent_1nzt2_40 ._inlineEditSlot_1nzt2_47{margin-top:var(--space-2)}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageContent_1nzt2_40 ._annotationBadgeWrapper_1nzt2_50{min-width:0;max-width:100%;padding-bottom:var(--space-1);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageFooter_1nzt2_59{align-items:center;gap:var(--space-1);padding-bottom:var(--space-2);margin-top:var(--space-1);flex-direction:row;display:flex}._textMessage_1nzt2_7 ._contentWrapper_1nzt2_16 ._messageFooter_1nzt2_59 ._readableTimeWrapper_1nzt2_67{cursor:auto}._replyButton_1nzt2_71{padding-top:var(--space-05);padding-bottom:var(--space-05);opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._replyButton_1nzt2_71,[data-message-wrapper]:focus-within ._replyButton_1nzt2_71{opacity:1}@media (pointer:coarse),(hover:none){._replyButton_1nzt2_71{opacity:1}}._seeMoreButton_1nzt2_86{margin-inline-start:var(--bp-space-010)}
+._textMessage_1mths_29{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative;overflow:visible}._textMessage_1mths_29 ._contentWrapper_1mths_38{gap:var(--space-2);margin-top:.125rem;display:flex}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._threadedIndicator_1mths_43{width:var(--space-7);flex-shrink:0;position:relative}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._threadedIndicator_1mths_43:after{content:"";left:50%;top:var(--space-05);bottom:var(--space-05);width:var(--border-2);background-color:var(--border-divider-border);border-radius:var(--radius-1);position:absolute;transform:translate(-50%)}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._threadedIndicatorHidden_1mths_59:after{visibility:hidden}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._messageContent_1mths_62{overflow-wrap:break-word;flex-direction:column;flex:1;min-width:0;display:flex}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._messageContent_1mths_62 ._inlineEditSlot_1mths_69{margin-top:var(--space-2)}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._messageContent_1mths_62 ._annotationBadgeWrapper_1mths_72{min-width:0;max-width:100%;padding-bottom:var(--space-1);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._messageFooter_1mths_81{align-items:center;gap:var(--space-1);padding-bottom:var(--space-2);margin-top:var(--space-1);flex-direction:row;display:flex}._textMessage_1mths_29 ._contentWrapper_1mths_38 ._messageFooter_1mths_81 ._readableTimeWrapper_1mths_89{cursor:auto}._replyButton_1mths_93{padding-top:var(--space-05);padding-bottom:var(--space-05);opacity:0;transition:opacity .1s}[data-message-wrapper]:hover ._replyButton_1mths_93,[data-message-wrapper]:focus-within ._replyButton_1mths_93{opacity:1}@media (pointer:coarse),(hover:none){._replyButton_1mths_93{opacity:1}}._seeMoreButton_1mths_108{margin-inline-start:var(--bp-space-010)}

package/dist/styles/virtualized-messages.css

@@ -1 +1 @@
-._messagesView_124mt_7{min-height:0;padding-top:var(--size-1);padding-right:var(--size-2);contain:content;scrollbar-gutter:stable;flex:1;position:relative;overflow-y:auto}._messagesView_124mt_7 ._moreRepliesButton_124mt_17{margin-top:var(--space-4)}._messagesView_124mt_7 ._repliesContainer_124mt_20{gap:var(--space-4);width:100%;margin-top:var(--space-6);padding-bottom:var(--space-2);display:flex}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._threadIndicator_124mt_27{width:var(--size-1);background-color:var(--border-divider-border);border-radius:var(--radius-1)}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._virtualizedMessages_124mt_32{flex:1;display:flex;position:relative}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._virtualizedMessages_124mt_32 ._messageWrapper_124mt_37{width:100%;padding-bottom:var(--space-6);position:absolute;top:0;left:0}._messagesView_124mt_7 ._repliesContainer_124mt_20 ._virtualizedMessages_124mt_32 ._messageWrapper_124mt_37:last-child{padding-bottom:0}._messagesView_124mt_7{scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent}@supports not (scrollbar-color:gray transparent){._messagesView_124mt_7{scrollbar-width:initial}._messagesView_124mt_7::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messagesView_124mt_7::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messagesView_124mt_7::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._singleMessageWrapper_124mt_71{overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;overflow:hidden}
+._messagesView_h8l31_29{min-height:0;padding-top:var(--size-1);padding-right:var(--size-2);contain:content;scrollbar-gutter:stable;flex:1;position:relative;overflow-y:auto}._messagesView_h8l31_29 ._moreRepliesButton_h8l31_39{margin-top:var(--space-4)}._messagesView_h8l31_29 ._repliesContainer_h8l31_42{gap:var(--space-4);width:100%;margin-top:var(--space-6);padding-bottom:var(--space-2);display:flex}._messagesView_h8l31_29 ._repliesContainer_h8l31_42 ._threadIndicator_h8l31_49{width:var(--size-1);background-color:var(--border-divider-border);border-radius:var(--radius-1)}._messagesView_h8l31_29 ._repliesContainer_h8l31_42 ._virtualizedMessages_h8l31_54{flex:1;display:flex;position:relative}._messagesView_h8l31_29 ._repliesContainer_h8l31_42 ._virtualizedMessages_h8l31_54 ._messageWrapper_h8l31_59{width:100%;padding-bottom:var(--space-6);position:absolute;top:0;left:0}._messagesView_h8l31_29 ._repliesContainer_h8l31_42 ._virtualizedMessages_h8l31_54 ._messageWrapper_h8l31_59:last-child{padding-bottom:0}._messagesView_h8l31_29{scrollbar-width:thin;scrollbar-color:var(--black-opacity-50) transparent}@supports not (scrollbar-color:gray transparent){._messagesView_h8l31_29{scrollbar-width:initial}._messagesView_h8l31_29::-webkit-scrollbar{width:var(--size-2);background-color:#0000}._messagesView_h8l31_29::-webkit-scrollbar-thumb{background:var(--black-opacity-50);border-radius:var(--radius-2)}._messagesView_h8l31_29::-webkit-scrollbar-thumb:hover{background:var(--black-opacity-50)}}._singleMessageWrapper_h8l31_93{overflow-wrap:break-word;width:100%;min-width:0;max-width:100%;overflow:hidden}

package/dist/types/lib/v2/stories/shared.d.ts

@@ -7,13 +7,12 @@ export declare const defaultUserSelectorProps: Omit<import('@box/user-selector')
 export declare const DefaultThreadedAnnotations: (props: ThreadedAnnotationsProps) => import("react/jsx-runtime").JSX.Element;
 interface InteractiveModuleBaseProps {
     initialMessages?: TextMessageType[];
+    defaultExpanded?: boolean;
     isEditDisabled?: boolean;
     isHighlighted?: boolean;
     isReplyDisabled?: boolean;
     maxCharacterCount?: number;
     onCopyLink?: (id: string) => void;
-    scrollToMessageId?: string;
-    onScrollToMessageComplete?: (messageId: string, found: boolean) => void;
 }
 type InteractiveModuleProps = (InteractiveModuleBaseProps & {
     isAnnotations: true;

package/dist/types/lib/v2/threaded-annotations-context.d.ts

@@ -30,13 +30,6 @@ export type ThreadEvent = {
     type: 'COLLAPSE';
 } | {
     type: 'CLEAR_MENTION';
-}
-/** Mark a message as the pending scroll target and expand the thread so hidden replies mount. */
- | {
-    type: 'SET_SCROLL_TARGET';
-    id: string;
-} | {
-    type: 'CLEAR_SCROLL_TARGET';
 };
 export interface ThreadedAnnotationsContextValue {
     viewState: ThreadViewState;
@@ -46,11 +39,6 @@ export interface ThreadedAnnotationsContextValue {
      * `isEditDisabled` or `collapsed` flip true, or when the id disappears from the messages list.
      */
     editingMessageId: string | null;
-    /**
-     * Id of the message to scroll into view, or null. Set via SET_SCROLL_TARGET (which also expands
-     * the thread). Cleared once the scroll runs, or on COLLAPSE / when `collapsed` flips true.
-     */
-    scrollTargetMessageId: string | null;
     /** Whether the component is rendered in annotation mode (scrollable, fixed-height) vs comments mode. */
     isAnnotations: boolean;
     /** When true, globally disables replies (hides reply buttons and blocks editor opening on click). */

package/dist/types/lib/v2/threaded-annotations.d.ts

@@ -44,13 +44,11 @@ interface ThreadedAnnotationsBaseProps {
     /** When true, collapses the editor and replies panel. */
     collapsed?: boolean;
     /**
-     * Scrolls the message with this id into view (comments mode only). When the message is a
-     * hidden (middle) reply, the thread expands first so the row mounts. Ignored when the id
-     * is not in `messages`, or in annotations mode where the messages list scrolls internally.
+     * When true, the thread mounts expanded (all replies visible, editor open unless replies are
+     * disabled) instead of collapsed. Initial state only — changing it after mount has no effect,
+     * and `collapsed` always wins. Threads with no messages always mount expanded.
      */
-    scrollToMessageId?: string;
-    /** Called after a scroll attempt. `found` is false when `scrollToMessageId` was not in the DOM. */
-    onScrollToMessageComplete?: (messageId: string, found: boolean) => void;
+    defaultExpanded?: boolean;
     /** When true, applies a visual highlight (border + background tint) to the thread card. Not a focus state. */
     isHighlighted?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "3.2.3",
+    "version": "4.0.1",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@floating-ui/dom": "^1.6.0",
@@ -17,23 +17,23 @@
         "uuid": "^9.0.1"
     },
     "peerDependencies": {
-        "@box/blueprint-web": "^16.7.0",
-        "@box/blueprint-web-assets": "^5.4.1",
-        "@box/collaboration-popover": "^2.1.21",
-        "@box/readable-time": "^2.1.21",
-        "@box/user-selector": "^2.1.22",
+        "@box/blueprint-web": "^16.7.1",
+        "@box/blueprint-web-assets": "^5.4.2",
+        "@box/collaboration-popover": "^2.1.22",
+        "@box/readable-time": "^2.1.22",
+        "@box/user-selector": "^2.1.23",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^16.7.0",
-        "@box/blueprint-web-assets": "^5.4.1",
+        "@box/blueprint-web": "^16.7.1",
+        "@box/blueprint-web-assets": "^5.4.2",
         "@box/eslint-plugin-blueprint": "2.1.9",
-        "@box/readable-time": "^2.1.21",
-        "@box/storybook-utils": "^1.1.20",
-        "@box/user-selector": "^2.1.22",
+        "@box/readable-time": "^2.1.22",
+        "@box/storybook-utils": "^1.1.21",
+        "@box/user-selector": "^2.1.23",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
     },

package/dist/esm/lib/v2/hooks/useScrollToMessage.js

@@ -1,37 +0,0 @@
-import { useThreadedAnnotationsContext as e } from "../threaded-annotations-context.js";
-import { useEffect as t, useLayoutEffect as n } from "react";
-var r = ({ containerRef: r, messages: i, scrollToMessageId: a, onScrollToMessageComplete: o }) => {
-	let { scrollTargetMessageId: s, dispatch: c, isAnnotations: l } = e();
-	t(() => {
-		if (!(l || !a)) {
-			if (!i.some((e) => e.id === a)) {
-				o?.(a, !1);
-				return;
-			}
-			c({
-				type: "SET_SCROLL_TARGET",
-				id: a
-			});
-		}
-	}, [
-		l,
-		a,
-		i,
-		c,
-		o
-	]), n(() => {
-		if (l || !s) return;
-		let e = r.current?.querySelector(`[data-message-id="${CSS.escape(s)}"]`);
-		e?.scrollIntoView({
-			behavior: "smooth",
-			block: "nearest"
-		}), o?.(s, !!e), c({ type: "CLEAR_SCROLL_TARGET" });
-	}, [
-		l,
-		s,
-		c,
-		o,
-		r
-	]);
-};
-export { r as useScrollToMessage };

package/dist/types/lib/v2/hooks/useScrollToMessage.d.ts

@@ -1,24 +0,0 @@
-import { RefObject } from 'react';
-import { TextMessageType } from '../types/message-types';
-interface UseScrollToMessageProps {
-    /** Scroll container that holds the message elements (`[data-message-id]`). */
-    containerRef: RefObject<HTMLElement | null>;
-    /** Messages in the thread; used to ignore unknown `scrollToMessageId` values. */
-    messages: TextMessageType[];
-    /**
-     * Id of the message to scroll into view. Setting it expands the thread (so hidden replies
-     * mount) and then scrolls the matching element into view. Ignored when not in `messages`.
-     * Only active in comments mode (no internal messages scroll); ignored in annotations mode.
-     */
-    scrollToMessageId?: string;
-    /** Called after a scroll attempt. `found` is false when the id was not in the DOM. */
-    onScrollToMessageComplete?: (messageId: string, found: boolean) => void;
-}
-/**
- * Wires the declarative `scrollToMessageId` prop to the thread's scroll behavior in comments
- * mode: registers the target (which expands the thread), then scrolls the matching element
- * into view via the nearest outer scroll container. No-op in annotations mode where the
- * messages list has its own internal scroll.
- */
-export declare const useScrollToMessage: ({ containerRef, messages, scrollToMessageId, onScrollToMessageComplete, }: UseScrollToMessageProps) => void;
-export {};