@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

package/dist/{Message-CWzi5F_Q.js → Message-DnnCoSef.js}

@@ -1,8 +1,10 @@
+import { t as Txt } from "./Txt-5efBsb2p.js";
+import "./primitives/message-surface.es.js";
 import { t as cn } from "./utils-DQx8TpNT.js";
+import { t as CopyButton } from "./copy-button-B-_Z6N6y.js";
+import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "./tooltip-DJcze2VZ.js";
+import { useClock } from "./hooks/use-clock.es.js";
 import { formatDate, toDate } from "./utils/date-format.es.js";
-import { t as Txt } from "./Txt-BM6TVV_c.js";
-import { t as CopyButton } from "./copy-button-BXrbevLn.js";
-import "./primitives/message-surface.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/ds/components/Message/message.tsx
 function Message({ from, avatar, footer, attachments, pending, children, className, ...props }) {
@@ -62,15 +64,24 @@ function MessageCopyButton({ text }) {
 	});
 }
 // src/ds/components/Message/message-timestamp.tsx
+/** `just now` for a message's first minute, then `7 minutes ago`, `yesterday`, `last week`. */
+function sentAgo(time, now) {
+	return now - time.getTime() < 6e4 ? "just now" : formatDate(time, "relative-long", { now });
+}
+/** When a message was sent, as how long ago, kept current; the full date and time show on hover. */
 function MessageTimestamp({ value }) {
 	const time = toDate(value);
+	const ago = useClock((now) => time && sentAgo(time, now));
 	if (!time) return null;
-	return /* @__PURE__ */ jsx(MessageMetadata, { children: /* @__PURE__ */ jsx("time", {
-		dateTime: time.toISOString(),
-		title: formatDate(time, "date-time"),
-		children: formatDate(time, "time")
-	}) });
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		render: /* @__PURE__ */ jsx(MessageMetadata, { tabIndex: 0 }),
+		children: /* @__PURE__ */ jsx("time", {
+			dateTime: time.toISOString(),
+			className: "whitespace-nowrap",
+			children: ago
+		})
+	}), /* @__PURE__ */ jsx(TooltipContent, { children: formatDate(time, "date-time") })] });
 }
 export { MessageMetadata as a, MessageActions as i, MessageCopyButton as n, Message as r, MessageTimestamp as t };
 
-//# sourceMappingURL=Message-CWzi5F_Q.js.map
+//# sourceMappingURL=Message-DnnCoSef.js.map

package/dist/{Message-CWzi5F_Q.js.map → Message-DnnCoSef.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Message-CWzi5F_Q.js","names":[],"sources":["../src/ds/components/Message/message.tsx","../src/ds/components/Message/message-copy-button.tsx","../src/ds/components/Message/message-timestamp.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { messageSurfaceStyle } from '@/ds/primitives/message-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface MessageProps extends ComponentProps<'div'> {\n  from: 'user' | 'assistant';\n  avatar?: ReactNode;\n  footer?: ReactNode;\n  /** Sent files, displayed above and outside the text bubble. */\n  attachments?: ReactNode;\n  pending?: boolean;\n}\n\nexport function Message({ from, avatar, footer, attachments, pending, children, className, ...props }: MessageProps) {\n  const isUser = from === 'user';\n\n  return (\n    <div\n      {...props}\n      data-slot=\"message\"\n      data-from={from}\n      data-message-pending={pending || undefined}\n      className={cn(\n        'group/message max-w-full min-w-0',\n        isUser && 'my-3 ml-auto flex w-fit max-w-[70%] items-start gap-2',\n        !isUser && footer && 'mb-3',\n        className,\n      )}\n    >\n      {avatar}\n      <div className={cn('min-w-0', isUser && 'flex flex-col items-end')}>\n        {attachments && (\n          <div data-slot=\"message-attachments\" className=\"mb-2 max-w-full min-w-0\">\n            {attachments}\n          </div>\n        )}\n        {children !== undefined && children !== null && children !== false && (\n          <div\n            data-slot=\"message-content\"\n            className={cn(\n              'max-w-full min-w-0 text-body break-words',\n              isUser && cn(messageSurfaceStyle, 'px-4 py-2'),\n              isUser && pending && 'border border-dashed border-border',\n              !isUser && footer && '[&>:last-child]:mb-0',\n            )}\n          >\n            {children}\n          </div>\n        )}\n        {footer && <div className=\"mt-1 max-w-full\">{footer}</div>}\n      </div>\n    </div>\n  );\n}\n\nexport interface MessageActionsProps extends ComponentProps<'div'> {\n  visibility?: 'hover' | 'always';\n}\n\nexport function MessageActions({ visibility = 'hover', children, className, ...props }: MessageActionsProps) {\n  return (\n    <div\n      {...props}\n      data-slot=\"message-actions\"\n      className={cn(\n        'flex flex-wrap items-center gap-1 group-data-[from=user]/message:flex-row-reverse',\n        'motion-safe:transition-opacity [&_button]:pointer-coarse:min-h-11 [&_button]:pointer-coarse:min-w-11',\n        visibility === 'hover' &&\n          'group-focus-within/message:opacity-100 group-hover/message:opacity-100 pointer-fine:opacity-0',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function MessageMetadata({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <Txt\n      {...props}\n      as=\"span\"\n      variant=\"caption\"\n      tone=\"muted\"\n      className={cn('inline-flex items-center gap-1', className)}\n    />\n  );\n}\n","import { CopyButton } from '../CopyButton';\n\nexport function MessageCopyButton({ text }: { text: string }) {\n  return <CopyButton content={text} size=\"icon-sm\" variant=\"ghost\" tooltip=\"Copy message\" showToast={false} />;\n}\n","import { MessageMetadata } from './message';\nimport { formatDate, toDate } from '@/utils/date-format';\n\nexport function MessageTimestamp({ value }: { value: Date | string }) {\n  const time = toDate(value);\n  if (!time) return null;\n\n  return (\n    <MessageMetadata>\n      <time dateTime={time.toISOString()} title={formatDate(time, 'date-time')}>\n        {formatDate(time, 'time')}\n      </time>\n    </MessageMetadata>\n  );\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,QAAQ,EAAE,MAAM,QAAQ,QAAQ,aAAa,SAAS,UAAU,WAAW,GAAG,SAAuB;CACnH,MAAM,SAAS,SAAS;CAExB,OACE,qBAAC,OAAD;EACE,GAAI;EACJ,aAAU;EACV,aAAW;EACX,wBAAsB,WAAW,KAAA;EACjC,WAAW,GACT,oCACA,UAAU,yDACV,CAAC,UAAU,UAAU,QACrB,SACF;EAVF,UAAA,CAYG,QACD,qBAAC,OAAD;GAAK,WAAW,GAAG,WAAW,UAAU,yBAAyB;GAAjE,UAAA;IACG,eACC,oBAAC,OAAD;KAAK,aAAU;KAAsB,WAAU;KAC5C,UAAA;IACE,CAAA;IAEN,aAAa,KAAA,KAAa,aAAa,QAAQ,aAAa,SAC3D,oBAAC,OAAD;KACE,aAAU;KACV,WAAW,GACT,4CACA,UAAU,GAAA,yEAAwB,WAAW,GAC7C,UAAU,WAAW,sCACrB,CAAC,UAAU,UAAU,sBACvB;KAEC;IACE,CAAA;IAEN,UAAU,oBAAC,OAAD;KAAK,WAAU;KAAmB,UAAA;IAAY,CAAA;GACtD;EACF,CAAA,CAAA;;AAET;AAMA,SAAgB,eAAe,EAAE,aAAa,SAAS,UAAU,WAAW,GAAG,SAA8B;CAC3G,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,aAAU;EACV,WAAW,GACT,qFACA,wGACA,eAAe,WACb,iGACF,SACF;EAEC;CACE,CAAA;AAET;AAEA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,SAAiC;CAC/E,OACE,oBAAC,KAAD;EACE,GAAI;EACJ,IAAG;EACH,SAAQ;EACR,MAAK;EACL,WAAW,GAAG,kCAAkC,SAAS;CAC1D,CAAA;AAEL;;ACtFA,SAAgB,kBAAkB,EAAE,QAA0B;CAC5D,OAAO,oBAAC,YAAD;EAAY,SAAS;EAAM,MAAK;EAAU,SAAQ;EAAQ,SAAQ;EAAe,WAAW;CAAQ,CAAA;AAC7G;;ACDA,SAAgB,iBAAiB,EAAE,SAAmC;CACpE,MAAM,OAAO,OAAO,KAAK;CACzB,IAAI,CAAC,MAAM,OAAO;CAElB,OACE,oBAAC,iBAAD,EAAA,UACE,oBAAC,QAAD;EAAM,UAAU,KAAK,YAAY;EAAG,OAAO,WAAW,MAAM,WAAW;EACpE,UAAA,WAAW,MAAM,MAAM;CACpB,CAAA,EACS,CAAA;AAErB"}
+{"version":3,"file":"Message-DnnCoSef.js","names":[],"sources":["../src/ds/components/Message/message.tsx","../src/ds/components/Message/message-copy-button.tsx","../src/ds/components/Message/message-timestamp.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { messageSurfaceStyle } from '@/ds/primitives/message-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface MessageProps extends ComponentProps<'div'> {\n  from: 'user' | 'assistant';\n  avatar?: ReactNode;\n  footer?: ReactNode;\n  /** Sent files, displayed above and outside the text bubble. */\n  attachments?: ReactNode;\n  pending?: boolean;\n}\n\nexport function Message({ from, avatar, footer, attachments, pending, children, className, ...props }: MessageProps) {\n  const isUser = from === 'user';\n\n  return (\n    <div\n      {...props}\n      data-slot=\"message\"\n      data-from={from}\n      data-message-pending={pending || undefined}\n      className={cn(\n        'group/message max-w-full min-w-0',\n        isUser && 'my-3 ml-auto flex w-fit max-w-[70%] items-start gap-2',\n        !isUser && footer && 'mb-3',\n        className,\n      )}\n    >\n      {avatar}\n      <div className={cn('min-w-0', isUser && 'flex flex-col items-end')}>\n        {attachments && (\n          <div data-slot=\"message-attachments\" className=\"mb-2 max-w-full min-w-0\">\n            {attachments}\n          </div>\n        )}\n        {children !== undefined && children !== null && children !== false && (\n          <div\n            data-slot=\"message-content\"\n            className={cn(\n              'max-w-full min-w-0 text-body break-words',\n              isUser && cn(messageSurfaceStyle, 'px-4 py-2'),\n              isUser && pending && 'border border-dashed border-border',\n              !isUser && footer && '[&>:last-child]:mb-0',\n            )}\n          >\n            {children}\n          </div>\n        )}\n        {footer && <div className=\"mt-1 max-w-full\">{footer}</div>}\n      </div>\n    </div>\n  );\n}\n\nexport interface MessageActionsProps extends ComponentProps<'div'> {\n  visibility?: 'hover' | 'always';\n}\n\nexport function MessageActions({ visibility = 'hover', children, className, ...props }: MessageActionsProps) {\n  return (\n    <div\n      {...props}\n      data-slot=\"message-actions\"\n      className={cn(\n        'flex flex-wrap items-center gap-1 group-data-[from=user]/message:flex-row-reverse',\n        'motion-safe:transition-opacity [&_button]:pointer-coarse:min-h-11 [&_button]:pointer-coarse:min-w-11',\n        visibility === 'hover' &&\n          'group-focus-within/message:opacity-100 group-hover/message:opacity-100 pointer-fine:opacity-0',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function MessageMetadata({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <Txt\n      {...props}\n      as=\"span\"\n      variant=\"caption\"\n      tone=\"muted\"\n      className={cn('inline-flex items-center gap-1', className)}\n    />\n  );\n}\n","import { CopyButton } from '../CopyButton';\n\nexport function MessageCopyButton({ text }: { text: string }) {\n  return <CopyButton content={text} size=\"icon-sm\" variant=\"ghost\" tooltip=\"Copy message\" showToast={false} />;\n}\n","import { MessageMetadata } from './message';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useClock } from '@/hooks/use-clock';\nimport { formatDate, toDate } from '@/utils/date-format';\n\n/** `just now` for a message's first minute, then `7 minutes ago`, `yesterday`, `last week`. */\nfunction sentAgo(time: Date, now: number) {\n  return now - time.getTime() < 60_000 ? 'just now' : formatDate(time, 'relative-long', { now });\n}\n\n/** When a message was sent, as how long ago, kept current; the full date and time show on hover. */\nexport function MessageTimestamp({ value }: { value: Date | string }) {\n  const time = toDate(value);\n  const ago = useClock(now => time && sentAgo(time, now));\n  if (!time) return null;\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={<MessageMetadata tabIndex={0} />}>\n        <time dateTime={time.toISOString()} className=\"whitespace-nowrap\">\n          {ago}\n        </time>\n      </TooltipTrigger>\n      <TooltipContent>{formatDate(time, 'date-time')}</TooltipContent>\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,QAAQ,EAAE,MAAM,QAAQ,QAAQ,aAAa,SAAS,UAAU,WAAW,GAAG,SAAuB;CACnH,MAAM,SAAS,SAAS;CAExB,OACE,qBAAC,OAAD;EACE,GAAI;EACJ,aAAU;EACV,aAAW;EACX,wBAAsB,WAAW,KAAA;EACjC,WAAW,GACT,oCACA,UAAU,yDACV,CAAC,UAAU,UAAU,QACrB,SACF;EAVF,UAAA,CAYG,QACD,qBAAC,OAAD;GAAK,WAAW,GAAG,WAAW,UAAU,yBAAyB;GAAjE,UAAA;IACG,eACC,oBAAC,OAAD;KAAK,aAAU;KAAsB,WAAU;KAC5C,UAAA;IACE,CAAA;IAEN,aAAa,KAAA,KAAa,aAAa,QAAQ,aAAa,SAC3D,oBAAC,OAAD;KACE,aAAU;KACV,WAAW,GACT,4CACA,UAAU,GAAA,yEAAwB,WAAW,GAC7C,UAAU,WAAW,sCACrB,CAAC,UAAU,UAAU,sBACvB;KAEC;IACE,CAAA;IAEN,UAAU,oBAAC,OAAD;KAAK,WAAU;KAAmB,UAAA;IAAY,CAAA;GACtD;EACF,CAAA,CAAA;;AAET;AAMA,SAAgB,eAAe,EAAE,aAAa,SAAS,UAAU,WAAW,GAAG,SAA8B;CAC3G,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,aAAU;EACV,WAAW,GACT,qFACA,wGACA,eAAe,WACb,iGACF,SACF;EAEC;CACE,CAAA;AAET;AAEA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,SAAiC;CAC/E,OACE,oBAAC,KAAD;EACE,GAAI;EACJ,IAAG;EACH,SAAQ;EACR,MAAK;EACL,WAAW,GAAG,kCAAkC,SAAS;CAC1D,CAAA;AAEL;;ACtFA,SAAgB,kBAAkB,EAAE,QAA0B;CAC5D,OAAO,oBAAC,YAAD;EAAY,SAAS;EAAM,MAAK;EAAU,SAAQ;EAAQ,SAAQ;EAAe,WAAW;CAAQ,CAAA;AAC7G;;;ACEA,SAAS,QAAQ,MAAY,KAAa;CACxC,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAS,aAAa,WAAW,MAAM,iBAAiB,EAAE,IAAI,CAAC;AAC/F;;AAGA,SAAgB,iBAAiB,EAAE,SAAmC;CACpE,MAAM,OAAO,OAAO,KAAK;CACzB,MAAM,MAAM,UAAS,QAAO,QAAQ,QAAQ,MAAM,GAAG,CAAC;CACtD,IAAI,CAAC,MAAM,OAAO;CAElB,OACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EAAgB,QAAQ,oBAAC,iBAAD,EAAiB,UAAU,EAAI,CAAA;EACrD,UAAA,oBAAC,QAAD;GAAM,UAAU,KAAK,YAAY;GAAG,WAAU;GAC3C,UAAA;EACG,CAAA;CACQ,CAAA,GAChB,oBAAC,gBAAD,EAAA,UAAiB,WAAW,MAAM,WAAW,EAAkB,CAAA,CACxD,EAAA,CAAA;AAEb"}

package/dist/{MessageScroller-CGsfTd1Z.cjs → MessageScroller-D-mK1uuu.cjs}

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
-const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
 const require_merge_refs = require("./merge-refs-C0BDbPAW.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -26,6 +26,9 @@ var useRequiredContext = (context, hookName) => {
 var useRequiredMessageScrollerActionsContext = (hookName) => useRequiredContext(MessageScrollerActionsContext, hookName);
 var useRequiredMessageScrollerScrollableContext = (hookName) => useRequiredContext(MessageScrollerScrollableContext, hookName);
 var useRequiredMessageScrollerVisibilityContext = (hookName) => useRequiredContext(MessageScrollerVisibilityContext, hookName);
+// src/ds/components/MessageScroller/message-scroller-geometry.ts
+/** Sub-pixel slack, so a message resting exactly on the anchor line still counts. */
+var VISIBILITY_EPSILON = .5;
 var getContentPadding = (contentElement) => {
 	if (!contentElement) return {
 		start: 0,
@@ -60,7 +63,13 @@ var getScrollTarget = ({ align, contentElement, element, scrollMargin, viewportE
 	return elementTop - contentPadding.start - scrollMargin;
 };
 /**
-* Where the reader must sit for the last row to rest at the end of the view.
+* Whether a row has a box to measure. A row hidden by `display: none` — its own or
+* an ancestor's — stays registered but has none, and reports a zero rect at the
+* window origin: read as a position, it sits wherever the reader happens to be.
+*/
+var isDrawn = (element) => element.getClientRects().length > 0;
+/**
+* Where the reader must sit for the last drawn row to rest at the end of the view.
 *
 * Not the end of the scroll: a chat reserves room under a live turn so a reply
 * grows into empty space, and docks its composer in the flow. Both sit below the
@@ -70,7 +79,7 @@ var getScrollTarget = ({ align, contentElement, element, scrollMargin, viewportE
 */
 var getFollowTarget = ({ contentElement, items, viewportElement }) => {
 	const end = getMaxScroll(viewportElement);
-	const lastRow = items.at(-1)?.[1].element;
+	const lastRow = items.findLast(([, item]) => isDrawn(item.element))?.[1].element;
 	if (!lastRow || !contentElement) return end;
 	const contentBottom = getRelativeTop(contentElement, viewportElement) + contentElement.getBoundingClientRect().height;
 	const belowContent = Math.max(0, viewportElement.scrollHeight - contentBottom);
@@ -80,8 +89,15 @@ var getFollowTarget = ({ contentElement, items, viewportElement }) => {
 var getCurrentAnchorId = ({ fallbackAnchorId, items, scrollMargin, scrollPreviousItemPeek, visibleMessageIds, viewportElement }) => {
 	const anchorLine = viewportElement.getBoundingClientRect().top + scrollMargin + scrollPreviousItemPeek;
 	const anchors = items.filter(([, item]) => item.scrollAnchor);
-	let anchoredAboveViewport;
-	for (const [messageId, item] of anchors) if (item.element.getBoundingClientRect().top <= anchorLine + .5) anchoredAboveViewport = messageId;
+	const passedLine = (index) => (anchors[index]?.[1].element.getBoundingClientRect().top ?? Infinity) <= anchorLine + VISIBILITY_EPSILON;
+	let firstUnpassed = 0;
+	let lastCandidate = anchors.length;
+	while (firstUnpassed < lastCandidate) {
+		const middle = firstUnpassed + lastCandidate >>> 1;
+		if (passedLine(middle)) firstUnpassed = middle + 1;
+		else lastCandidate = middle;
+	}
+	const anchoredAboveViewport = anchors[firstUnpassed - 1]?.[0];
 	if (anchoredAboveViewport) return anchoredAboveViewport;
 	return anchors.find(([messageId]) => visibleMessageIds.has(messageId))?.[0] ?? fallbackAnchorId;
 };
@@ -184,9 +200,26 @@ function startTrip(viewportElement, getTarget, onEnd) {
 		window.cancelAnimationFrame(frame);
 	} };
 }
+// src/ds/components/MessageScroller/message-scroller-visibility-store.ts
+var visibilityMatches = (left, right) => left.currentAnchorId === right.currentAnchorId && left.visibleMessageIds.length === right.visibleMessageIds.length && left.visibleMessageIds.every((messageId, index) => messageId === right.visibleMessageIds[index]);
+function createVisibilityStore() {
+	let visibility = DEFAULT_VISIBILITY;
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		getSnapshot: () => visibility,
+		subscribe: (onChange) => {
+			listeners.add(onChange);
+			return () => listeners.delete(onChange);
+		},
+		publish: (next) => {
+			if (visibilityMatches(visibility, next)) return;
+			visibility = next;
+			for (const listener of listeners) listener();
+		}
+	};
+}
 // src/ds/components/MessageScroller/message-scroller.tsx
 var scrollableMatches = (left, right) => left.start === right.start && left.end === right.end;
-var visibilityMatches = (left, right) => left.currentAnchorId === right.currentAnchorId && left.visibleMessageIds.length === right.visibleMessageIds.length && left.visibleMessageIds.every((messageId, index) => messageId === right.visibleMessageIds[index]);
 var orderItemsByDocumentPosition = (items) => items.sort(([, left], [, right]) => {
 	const position = left.element.compareDocumentPosition(right.element);
 	if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
@@ -233,7 +266,8 @@ function MessageScrollerProvider({ autoScroll = false, children, defaultScrollPo
 	const seenAnchorElements = seenAnchorElementsRef.current;
 	const turnAnchoringArmedRef = react.useRef(false);
 	const [scrollable, setScrollable] = react.useState(DEFAULT_SCROLLABLE);
-	const [visibility, setVisibility] = react.useState(DEFAULT_VISIBILITY);
+	const [visibilityStore] = react.useState(createVisibilityStore);
+	const publishVisibility = visibilityStore.publish;
 	const atEndRef = react.useRef(true);
 	const followingRef = react.useRef(true);
 	const tripRef = react.useRef(null);
@@ -256,9 +290,6 @@ function MessageScrollerProvider({ autoScroll = false, children, defaultScrollPo
 		}
 		setScrollable((current) => scrollableMatches(current, nextScrollable) ? current : nextScrollable);
 	}, [rootElement, viewportElement]);
-	const publishVisibility = react.useCallback((nextVisibility) => {
-		setVisibility((current) => visibilityMatches(current, nextVisibility) ? current : nextVisibility);
-	}, []);
 	const getOrderedItems = react.useCallback(() => {
 		orderedItemsRef.current ??= orderItemsByDocumentPosition(Array.from(itemsRegistry.entries()));
 		return orderedItemsRef.current;
@@ -688,16 +719,12 @@ function MessageScrollerProvider({ autoScroll = false, children, defaultScrollPo
 		end: scrollable.end,
 		start: scrollable.start
 	}), [scrollable.end, scrollable.start]);
-	const visibilityContextValue = react.useMemo(() => ({
-		currentAnchorId: visibility.currentAnchorId,
-		visibleMessageIds: visibility.visibleMessageIds
-	}), [visibility.currentAnchorId, visibility.visibleMessageIds]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageScrollerActionsContext.Provider, {
 		value: actionsContextValue,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageScrollerScrollableContext.Provider, {
 			value: scrollableContextValue,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageScrollerVisibilityContext.Provider, {
-				value: visibilityContextValue,
+				value: visibilityStore,
 				children
 			})
 		})
@@ -825,6 +852,8 @@ var MessageScrollerButton = react.forwardRef(({ behavior = "smooth", direction =
 });
 MessageScrollerButton.displayName = "MessageScrollerButton";
 // src/ds/components/MessageScroller/message-scroller-hooks.ts
+var subscribeNowhere = () => () => {};
+var noVisibility = () => void 0;
 var useMessageScroller = () => {
 	const { scrollToEnd, scrollToMessage, scrollToStart } = useRequiredMessageScrollerActionsContext("useMessageScroller");
 	return react.useMemo(() => ({
@@ -863,18 +892,13 @@ var useOptionalMessageScrollerScrollable = () => {
 	} : void 0, [context]);
 };
 var useMessageScrollerVisibility = () => {
-	const { currentAnchorId, visibleMessageIds } = useRequiredMessageScrollerVisibilityContext("useMessageScrollerVisibility");
-	return react.useMemo(() => ({
-		currentAnchorId,
-		visibleMessageIds
-	}), [currentAnchorId, visibleMessageIds]);
+	const store = useRequiredMessageScrollerVisibilityContext("useMessageScrollerVisibility");
+	return react.useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
 };
 var useOptionalMessageScrollerVisibility = () => {
-	const context = react.useContext(MessageScrollerVisibilityContext);
-	return react.useMemo(() => context ? {
-		currentAnchorId: context.currentAnchorId,
-		visibleMessageIds: context.visibleMessageIds
-	} : void 0, [context]);
+	const store = react.useContext(MessageScrollerVisibilityContext);
+	const getSnapshot = store?.getSnapshot ?? noVisibility;
+	return react.useSyncExternalStore(store?.subscribe ?? subscribeNowhere, getSnapshot, getSnapshot);
 };
 Object.defineProperty(exports, "MessageScroller", {
 	enumerable: true,
@@ -949,4 +973,4 @@ Object.defineProperty(exports, "useOptionalMessageScrollerVisibility", {
 	}
 });
 
-//# sourceMappingURL=MessageScroller-CGsfTd1Z.cjs.map
+//# sourceMappingURL=MessageScroller-D-mK1uuu.cjs.map

package/dist/MessageScroller-D-mK1uuu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageScroller-D-mK1uuu.cjs","names":["React","React","mergeRefs","cn","overlaySurfaceStyle","_Fragment","ArrowDownIcon","React"],"sources":["../src/ds/components/MessageScroller/message-scroller-context.ts","../src/ds/components/MessageScroller/message-scroller-geometry.ts","../src/ds/components/MessageScroller/message-scroller-glide.ts","../src/ds/components/MessageScroller/message-scroller-trip.ts","../src/ds/components/MessageScroller/message-scroller-visibility-store.ts","../src/ds/components/MessageScroller/message-scroller.tsx","../src/ds/components/MessageScroller/message-scroller-hooks.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { MessageScrollerVisibilityStore } from './message-scroller-visibility-store';\n\nexport type MessageScrollerDefaultScrollPosition = 'start' | 'end' | 'last-anchor';\nexport type MessageScrollerButtonDirection = 'start' | 'end';\nexport type MessageScrollerScrollAlign = 'start' | 'center' | 'end' | 'nearest';\n\nexport type MessageScrollerScrollOptions = {\n  align?: MessageScrollerScrollAlign;\n  behavior?: ScrollBehavior;\n  scrollMargin?: number;\n};\n\nexport type MessageScrollerScrollable = {\n  start: boolean;\n  end: boolean;\n};\n\nexport type MessageScrollerVisibility = {\n  currentAnchorId: string | undefined;\n  visibleMessageIds: string[];\n};\n\nexport type MessageScrollerActionsContextValue = {\n  notifyContentResize: () => void;\n  notifyScroll: () => void;\n  registerItem: (messageId: string, element: HTMLElement, scrollAnchor: boolean) => () => void;\n  scrollToEnd: (options?: MessageScrollerScrollOptions) => boolean;\n  scrollToMessage: (messageId: string, options?: MessageScrollerScrollOptions) => boolean;\n  scrollToStart: (options?: MessageScrollerScrollOptions) => boolean;\n  setContentElement: (element: HTMLDivElement | null) => void;\n  setRootElement: (element: HTMLDivElement | null) => void;\n  setViewportElement: (element: HTMLDivElement | null) => void;\n  syncAfterScroll: () => void;\n};\n\nexport const DEFAULT_SCROLLABLE: MessageScrollerScrollable = { start: false, end: false };\nexport const DEFAULT_VISIBILITY: MessageScrollerVisibility = { currentAnchorId: undefined, visibleMessageIds: [] };\nexport const DEFAULT_SCROLL_EDGE_THRESHOLD = 8;\nexport const DEFAULT_SCROLL_MARGIN = 0;\nexport const DEFAULT_SCROLL_PREVIOUS_ITEM_PEEK = 64;\nexport const DEFAULT_REACH_START_THRESHOLD = 160;\n\n// Looser than the edge threshold, which only decides whether the scroll buttons\n// are active: how far from the end a reader may sit and still be carried along\n// by growing content.\nexport const AUTO_SCROLL_ATTACH_THRESHOLD = 160;\n\nexport const MessageScrollerActionsContext = React.createContext<MessageScrollerActionsContextValue | null>(null);\nexport const MessageScrollerScrollableContext = React.createContext<MessageScrollerScrollable | null>(null);\nexport const MessageScrollerVisibilityContext = React.createContext<MessageScrollerVisibilityStore | null>(null);\n\nconst useRequiredContext = <TValue>(context: React.Context<TValue | null>, hookName: string) => {\n  const value = React.useContext(context);\n  if (!value) throw new Error(`${hookName} must be used within MessageScrollerProvider.`);\n  return value;\n};\n\nexport const useRequiredMessageScrollerActionsContext = (hookName: string) =>\n  useRequiredContext(MessageScrollerActionsContext, hookName);\n\nexport const useRequiredMessageScrollerScrollableContext = (hookName: string) =>\n  useRequiredContext(MessageScrollerScrollableContext, hookName);\n\nexport const useRequiredMessageScrollerVisibilityContext = (hookName: string) =>\n  useRequiredContext(MessageScrollerVisibilityContext, hookName);\n","import type { MessageScrollerScrollAlign } from './message-scroller-context';\n\n/**\n * Geometry behind the scroller: how far to scroll for a given alignment, and\n * which anchored message the reader is currently on. Split out from the\n * component so each rule can be reasoned about — and tested — on its own.\n */\n\n/** A message the scroller tracks, and whether a turn is anchored to it. */\nexport type MessageScrollerItemRecord = {\n  element: HTMLElement;\n  scrollAnchor: boolean;\n};\n\n/** Sub-pixel slack, so a message resting exactly on the anchor line still counts. */\nexport const VISIBILITY_EPSILON = 0.5;\n\nexport const getContentPadding = (contentElement: HTMLElement | null) => {\n  if (!contentElement) return { start: 0, end: 0 };\n  const styles = window.getComputedStyle(contentElement);\n  return {\n    start: Number.parseFloat(styles.paddingBlockStart || styles.paddingTop) || 0,\n    end: Number.parseFloat(styles.paddingBlockEnd || styles.paddingBottom) || 0,\n  };\n};\n\nexport const getMaxScroll = (viewportElement: HTMLElement) =>\n  Math.max(0, viewportElement.scrollHeight - viewportElement.clientHeight);\n\nexport const getRelativeTop = (element: HTMLElement, viewportElement: HTMLElement) => {\n  const elementRect = element.getBoundingClientRect();\n  const viewportRect = viewportElement.getBoundingClientRect();\n  return elementRect.top - viewportRect.top + viewportElement.scrollTop;\n};\n\nexport const getScrollTarget = ({\n  align,\n  contentElement,\n  element,\n  scrollMargin,\n  viewportElement,\n}: {\n  align: MessageScrollerScrollAlign;\n  /** The padding framing the transcript lives here, however deep the rows nest. */\n  contentElement: HTMLElement | null;\n  element: HTMLElement;\n  scrollMargin: number;\n  viewportElement: HTMLElement;\n}) => {\n  const contentPadding = getContentPadding(contentElement);\n  const elementTop = getRelativeTop(element, viewportElement);\n  const elementHeight = element.getBoundingClientRect().height;\n  const visibleHeight = Math.max(0, viewportElement.clientHeight - contentPadding.start - contentPadding.end);\n\n  if (align === 'center') return elementTop - contentPadding.start - (visibleHeight - elementHeight) / 2 - scrollMargin;\n  if (align === 'end')\n    return elementTop - viewportElement.clientHeight + elementHeight + contentPadding.end + scrollMargin;\n\n  if (align === 'nearest') {\n    const elementBottom = elementTop + elementHeight;\n    const viewportTop = viewportElement.scrollTop + contentPadding.start;\n    const viewportBottom = viewportElement.scrollTop + viewportElement.clientHeight - contentPadding.end;\n    if (elementTop >= viewportTop && elementBottom <= viewportBottom) return viewportElement.scrollTop;\n    return elementTop < viewportTop\n      ? elementTop - contentPadding.start - scrollMargin\n      : elementBottom - viewportElement.clientHeight + contentPadding.end + scrollMargin;\n  }\n\n  return elementTop - contentPadding.start - scrollMargin;\n};\n\n/**\n * Whether a row has a box to measure. A row hidden by `display: none` — its own or\n * an ancestor's — stays registered but has none, and reports a zero rect at the\n * window origin: read as a position, it sits wherever the reader happens to be.\n */\nconst isDrawn = (element: HTMLElement) => element.getClientRects().length > 0;\n\n/**\n * Where the reader must sit for the last drawn row to rest at the end of the view.\n *\n * Not the end of the scroll: a chat reserves room under a live turn so a reply\n * grows into empty space, and docks its composer in the flow. Both sit below the\n * last row, so scrolling to the end of the box carries that row — and the message\n * that opened the turn — out of the view above. Reading it from the rows means no\n * one has to publish a height for anyone else to subtract.\n */\nexport const getFollowTarget = ({\n  contentElement,\n  items,\n  viewportElement,\n}: {\n  contentElement: HTMLElement | null;\n  items: Array<readonly [string, MessageScrollerItemRecord]>;\n  viewportElement: HTMLElement;\n}) => {\n  const end = getMaxScroll(viewportElement);\n  const lastRow = items.findLast(([, item]) => isDrawn(item.element))?.[1].element;\n  if (!lastRow || !contentElement) return end;\n\n  const contentBottom = getRelativeTop(contentElement, viewportElement) + contentElement.getBoundingClientRect().height;\n  const belowContent = Math.max(0, viewportElement.scrollHeight - contentBottom);\n  const rowBottom = getRelativeTop(lastRow, viewportElement) + lastRow.getBoundingClientRect().height;\n\n  return Math.min(end, Math.max(0, rowBottom + belowContent - viewportElement.clientHeight));\n};\n\nexport const getCurrentAnchorId = ({\n  fallbackAnchorId,\n  items,\n  scrollMargin,\n  scrollPreviousItemPeek,\n  visibleMessageIds,\n  viewportElement,\n}: {\n  fallbackAnchorId: string | undefined;\n  items: Array<readonly [string, MessageScrollerItemRecord]>;\n  scrollMargin: number;\n  scrollPreviousItemPeek: number;\n  visibleMessageIds: Set<string>;\n  viewportElement: HTMLElement;\n}) => {\n  const anchorLine = viewportElement.getBoundingClientRect().top + scrollMargin + scrollPreviousItemPeek;\n  const anchors = items.filter(([, item]) => item.scrollAnchor);\n  const passedLine = (index: number) =>\n    (anchors[index]?.[1].element.getBoundingClientRect().top ?? Infinity) <= anchorLine + VISIBILITY_EPSILON;\n  // Anchors stack top to bottom in document order, so their tops only grow: a scroll reads log(n) of them.\n  let firstUnpassed = 0;\n  let lastCandidate = anchors.length;\n  while (firstUnpassed < lastCandidate) {\n    const middle = (firstUnpassed + lastCandidate) >>> 1;\n    if (passedLine(middle)) firstUnpassed = middle + 1;\n    else lastCandidate = middle;\n  }\n\n  const anchoredAboveViewport = anchors[firstUnpassed - 1]?.[0];\n  if (anchoredAboveViewport) return anchoredAboveViewport;\n  return anchors.find(([messageId]) => visibleMessageIds.has(messageId))?.[0] ?? fallbackAnchorId;\n};\n","/** Longest single growth worth smoothing. Past it the move is one the reader asked for. */\nconst GLIDE_MAX = 240;\nconst GLIDE_MS = 220;\nconst GLIDE_EASE = 'cubic-bezier(0.33, 1, 0.68, 1)';\n\nfunction currentOffset(element: HTMLElement): number {\n  if (typeof DOMMatrixReadOnly === 'undefined') return 0;\n  const { transform } = getComputedStyle(element);\n  if (!transform || transform === 'none') return 0;\n  return new DOMMatrixReadOnly(transform).m42;\n}\n\nconst travels = new WeakMap<HTMLElement, AbortController>();\n\nfunction release(element: HTMLElement): void {\n  travels.get(element)?.abort();\n  travels.delete(element);\n  element.style.transition = '';\n  element.style.transform = '';\n}\n\nfunction calm(): boolean {\n  if (typeof window === 'undefined' || !window.matchMedia) return false;\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/**\n * Hides a scroll that has already happened. The end is pinned instantly, as it must\n * be, then the content is put back where the reader last saw it and travels to zero\n * on the compositor — so a reply growing a line at a time reads as one movement\n * rather than a snap per wrapped line.\n *\n * Transform, not layout: `scrollHeight` never changes, so nothing here can feed the\n * resize that called it. A line landing mid-travel only adds to the distance left.\n */\nexport function glideContent(element: HTMLElement | null, delta: number): void {\n  if (!element || delta <= 0 || calm()) return;\n\n  const offset = currentOffset(element) + delta;\n  if (offset > GLIDE_MAX) {\n    release(element);\n    return;\n  }\n\n  element.style.transition = 'none';\n  element.style.transform = `translateY(${offset}px)`;\n  // Commit the displaced position, or the browser only ever sees the settled one.\n  void element.offsetHeight;\n  element.style.transition = `transform ${GLIDE_MS}ms ${GLIDE_EASE}`;\n  element.style.transform = 'translateY(0)';\n  // A settled transform would leave the content a containing block for anything\n  // fixed inside it, so the styles come off once the travel is spent. Descendants'\n  // transitions bubble here too, so only the content's own settle counts.\n  travels.get(element)?.abort();\n  const travel = new AbortController();\n  travels.set(element, travel);\n  const settle = (event: TransitionEvent) => {\n    if (event.target !== element) return;\n    if (currentOffset(element) === 0) release(element);\n  };\n  element.addEventListener('transitionend', settle, { signal: travel.signal });\n  element.addEventListener('transitioncancel', settle, { signal: travel.signal });\n}\n","import { VISIBILITY_EPSILON } from './message-scroller-geometry';\n\n/** One designed curve for the one scripted trip: fast liftoff, long settle. */\nconst TRIP_MS = 560;\n/** How long past its clock a trip may chase a destination the layout hasn't released yet. */\nconst TRIP_OVERTIME_MS = 240;\n\nconst easeOutQuint = (t: number) => 1 - (1 - t) ** 5;\n\nexport type TripEndReason = 'arrived' | 'interrupted' | 'expired';\n\nexport interface TripAnimation {\n  cancel: () => void;\n}\n\n/**\n * Drives the viewport to a destination the way a transition would, not the way\n * `scrollTo({ behavior: 'smooth' })` does: the destination is re-read every frame,\n * so a layout still settling under the trip — the reserved room opening beneath a\n * new turn — bends the path instead of restarting the curve. Writes are clamped by\n * the browser, so until the room has opened far enough the trip simply rides the\n * end of the box down.\n *\n * The reader keeps the last word: a scroll position this trip didn't write ends it.\n */\nexport function startTrip(\n  viewportElement: HTMLElement,\n  getTarget: () => number | undefined,\n  onEnd: (reason: TripEndReason) => void,\n): TripAnimation {\n  const reduceMotion =\n    typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const duration = reduceMotion ? 0 : TRIP_MS;\n  const startedAt = performance.now();\n  const from = viewportElement.scrollTop;\n  let lastWritten = from;\n  let frame = 0;\n  let ended = false;\n\n  const end = (reason: TripEndReason) => {\n    ended = true;\n    onEnd(reason);\n  };\n\n  const step = () => {\n    if (Math.abs(viewportElement.scrollTop - lastWritten) > 1) return end('interrupted');\n    const target = getTarget();\n    if (target === undefined) return end('expired');\n    const elapsed = performance.now() - startedAt;\n    const progress = duration === 0 ? 1 : Math.min(1, elapsed / duration);\n    viewportElement.scrollTop = from + (target - from) * easeOutQuint(progress);\n    lastWritten = viewportElement.scrollTop;\n    if (progress === 1 && Math.abs(lastWritten - target) <= VISIBILITY_EPSILON) return end('arrived');\n    if (elapsed >= duration + TRIP_OVERTIME_MS) return end('expired');\n    frame = window.requestAnimationFrame(step);\n  };\n\n  frame = window.requestAnimationFrame(step);\n\n  return {\n    cancel: () => {\n      if (ended) return;\n      ended = true;\n      window.cancelAnimationFrame(frame);\n    },\n  };\n}\n","import { DEFAULT_VISIBILITY } from './message-scroller-context';\nimport type { MessageScrollerVisibility } from './message-scroller-context';\n\n/** Changes nearly every scroll frame: a context value would make React walk the whole transcript on each change. */\nexport interface MessageScrollerVisibilityStore {\n  getSnapshot: () => MessageScrollerVisibility;\n  subscribe: (onChange: () => void) => () => void;\n  publish: (next: MessageScrollerVisibility) => void;\n}\n\nconst visibilityMatches = (left: MessageScrollerVisibility, right: MessageScrollerVisibility) =>\n  left.currentAnchorId === right.currentAnchorId &&\n  left.visibleMessageIds.length === right.visibleMessageIds.length &&\n  left.visibleMessageIds.every((messageId, index) => messageId === right.visibleMessageIds[index]);\n\nexport function createVisibilityStore(): MessageScrollerVisibilityStore {\n  let visibility = DEFAULT_VISIBILITY;\n  const listeners = new Set<() => void>();\n\n  return {\n    getSnapshot: () => visibility,\n    subscribe: onChange => {\n      listeners.add(onChange);\n      return () => listeners.delete(onChange);\n    },\n    publish: next => {\n      if (visibilityMatches(visibility, next)) return;\n      visibility = next;\n      for (const listener of listeners) listener();\n    },\n  };\n}\n","import { ArrowDownIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n  AUTO_SCROLL_ATTACH_THRESHOLD,\n  DEFAULT_REACH_START_THRESHOLD,\n  DEFAULT_SCROLL_EDGE_THRESHOLD,\n  DEFAULT_SCROLL_MARGIN,\n  DEFAULT_SCROLL_PREVIOUS_ITEM_PEEK,\n  DEFAULT_SCROLLABLE,\n  DEFAULT_VISIBILITY,\n  MessageScrollerActionsContext,\n  MessageScrollerScrollableContext,\n  MessageScrollerVisibilityContext,\n  useRequiredMessageScrollerActionsContext,\n  useRequiredMessageScrollerScrollableContext,\n} from './message-scroller-context';\nimport type {\n  MessageScrollerActionsContextValue,\n  MessageScrollerButtonDirection,\n  MessageScrollerDefaultScrollPosition,\n  MessageScrollerScrollAlign,\n  MessageScrollerScrollOptions,\n  MessageScrollerScrollable,\n} from './message-scroller-context';\n\nimport {\n  VISIBILITY_EPSILON,\n  getCurrentAnchorId,\n  getFollowTarget,\n  getMaxScroll,\n  getScrollTarget,\n} from './message-scroller-geometry';\nimport type { MessageScrollerItemRecord } from './message-scroller-geometry';\nimport { glideContent } from './message-scroller-glide';\nimport { startTrip } from './message-scroller-trip';\nimport type { TripAnimation } from './message-scroller-trip';\nimport { createVisibilityStore } from './message-scroller-visibility-store';\n\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { mergeRefs } from '@/lib/merge-refs';\nimport { cn } from '@/lib/utils';\n\nexport type {\n  MessageScrollerButtonDirection,\n  MessageScrollerDefaultScrollPosition,\n  MessageScrollerScrollAlign,\n  MessageScrollerScrollOptions,\n  MessageScrollerScrollable,\n  MessageScrollerVisibility,\n} from './message-scroller-context';\n\nconst scrollableMatches = (left: MessageScrollerScrollable, right: MessageScrollerScrollable) =>\n  left.start === right.start && left.end === right.end;\n\nconst orderItemsByDocumentPosition = (items: Array<readonly [string, MessageScrollerItemRecord]>) =>\n  items.sort(([, left], [, right]) => {\n    const position = left.element.compareDocumentPosition(right.element);\n    if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;\n    if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;\n    return 0;\n  });\n\nconst scrollViewportTo = (viewportElement: HTMLElement, top: number, behavior: ScrollBehavior) => {\n  if (typeof viewportElement.scrollTo === 'function') {\n    viewportElement.scrollTo({ top, behavior });\n    return;\n  }\n\n  viewportElement.scrollTop = top;\n};\n\nconst scheduleScrollSync = (callback: () => void) => {\n  if (typeof window.requestAnimationFrame === 'function') {\n    window.requestAnimationFrame(callback);\n    return;\n  }\n\n  window.setTimeout(callback, 0);\n};\n\nexport interface MessageScrollerProviderProps {\n  /** Carry the reader with the stream, re-attaching on a new turn. Off still parks a new turn, without following the reply. */\n  autoScroll?: boolean;\n  children?: React.ReactNode;\n  defaultScrollPosition?: MessageScrollerDefaultScrollPosition;\n  /** Called when the reader scrolls near the start — where older history is loaded. */\n  onReachStart?: () => void;\n  /** Hold the reading position when older items are added above the current ones. */\n  preserveScrollOnPrepend?: boolean;\n  reachStartThreshold?: number;\n  scrollEdgeThreshold?: number;\n  scrollMargin?: number;\n  scrollPreviousItemPeek?: number;\n}\n\nexport function MessageScrollerProvider({\n  autoScroll = false,\n  children,\n  defaultScrollPosition = 'end',\n  onReachStart,\n  preserveScrollOnPrepend = false,\n  reachStartThreshold = DEFAULT_REACH_START_THRESHOLD,\n  scrollEdgeThreshold = DEFAULT_SCROLL_EDGE_THRESHOLD,\n  scrollMargin = DEFAULT_SCROLL_MARGIN,\n  scrollPreviousItemPeek = DEFAULT_SCROLL_PREVIOUS_ITEM_PEEK,\n}: MessageScrollerProviderProps) {\n  const itemsRef = React.useRef<Map<string, MessageScrollerItemRecord> | null>(null);\n  itemsRef.current ??= new Map<string, MessageScrollerItemRecord>();\n  const itemsRegistry = itemsRef.current;\n  // Rebuilt on register/unregister only — scroll runs this too often to sort per event.\n  const orderedItemsRef = React.useRef<Array<readonly [string, MessageScrollerItemRecord]> | null>(null);\n  const visibleMessageIdsRef = React.useRef<Set<string> | null>(null);\n  visibleMessageIdsRef.current ??= new Set<string>();\n  const intersectingMessageIds = visibleMessageIdsRef.current;\n  const [itemsVersion, setItemsVersion] = React.useState(0);\n  const [rootElement, setRootElement] = React.useState<HTMLDivElement | null>(null);\n  const [viewportElement, setViewportElement] = React.useState<HTMLDivElement | null>(null);\n  const [contentElement, setContentElement] = React.useState<HTMLDivElement | null>(null);\n  const defaultScrollAppliedRef = React.useRef(false);\n  const deferDefaultScrollRef = React.useRef(false);\n  const defaultScrollScheduledRef = React.useRef(false);\n  const seenAnchorIdsRef = React.useRef<Set<string> | null>(null);\n  seenAnchorIdsRef.current ??= new Set<string>();\n  const seenAnchorIds = seenAnchorIdsRef.current;\n  // Message ID reconciliation keeps the row element while replacing its ID.\n  const seenAnchorElementsRef = React.useRef<WeakSet<HTMLElement> | null>(null);\n  seenAnchorElementsRef.current ??= new WeakSet<HTMLElement>();\n  const seenAnchorElements = seenAnchorElementsRef.current;\n  const turnAnchoringArmedRef = React.useRef(false);\n  const [scrollable, setScrollable] = React.useState<MessageScrollerScrollable>(DEFAULT_SCROLLABLE);\n  const [visibilityStore] = React.useState(createVisibilityStore);\n  const publishVisibility = visibilityStore.publish;\n  const atEndRef = React.useRef(true);\n  // Attachment is a mode, not a measurement: a growing reply moves the end away\n  // without the reader having moved, so only the reader detaches it.\n  const followingRef = React.useRef(true);\n  // A smooth trip in flight, remembered by destination — the end of the stream, or\n  // the anchor a new turn parks at. Sampled mid-flight it reads as a reader who\n  // left, so it suspends detachment; a position going backwards calls it off.\n  const tripRef = React.useRef<'end' | { anchorId: string } | null>(null);\n  // The frame loop behind an anchor trip. Owns clearing its trip: it alone can\n  // tell the reader taking over from its own writes landing.\n  const tripAnimationRef = React.useRef<TripAnimation | null>(null);\n  const lastScrollTopRef = React.useRef(0);\n  // Only a reader moving backwards asks for older history: a mount sitting at\n  // scrollTop 0 before the default scroll lands has not moved.\n  const reachStartArmedRef = React.useRef(false);\n  const reachStartFiredRef = React.useRef(false);\n  const prependAnchorRef = React.useRef<{ scrollHeight: number; scrollTop: number } | null>(null);\n  const firstItemIdRef = React.useRef<string | undefined>(undefined);\n  // Off notifyScroll's deps on purpose: consumers pass it inline, and a fresh\n  // identity per render would republish the actions context to every consumer.\n  const onReachStartRef = React.useRef(onReachStart);\n  React.useEffect(() => {\n    onReachStartRef.current = onReachStart;\n  }, [onReachStart]);\n\n  const publishScrollable = React.useCallback(\n    (nextScrollable: MessageScrollerScrollable) => {\n      const scrollableValue = [nextScrollable.start && 'start', nextScrollable.end && 'end'].filter(Boolean).join(' ');\n\n      for (const element of [rootElement, viewportElement]) {\n        if (!element) continue;\n        if (scrollableValue) {\n          element.setAttribute('data-scrollable', scrollableValue);\n        } else {\n          element.removeAttribute('data-scrollable');\n        }\n      }\n\n      setScrollable(current => (scrollableMatches(current, nextScrollable) ? current : nextScrollable));\n    },\n    [rootElement, viewportElement],\n  );\n\n  // Registration is mount order, not document order, once history is prepended.\n  const getOrderedItems = React.useCallback(() => {\n    orderedItemsRef.current ??= orderItemsByDocumentPosition(Array.from(itemsRegistry.entries()));\n    return orderedItemsRef.current;\n  }, [itemsRegistry]);\n\n  // The one definition of \"the end\" — following it, resting at it, offering the trip\n  // back to it. Everything below the last row (reserved room, the docked composer)\n  // is room to grow into, never somewhere to scroll.\n  const followTarget = React.useCallback(() => {\n    if (!viewportElement) return 0;\n\n    return getFollowTarget({ contentElement, items: getOrderedItems(), viewportElement });\n  }, [contentElement, getOrderedItems, viewportElement]);\n\n  const anchorTripTarget = React.useCallback(\n    (anchorId: string) => {\n      const item = itemsRegistry.get(anchorId);\n      if (!item || !viewportElement) return undefined;\n      return Math.max(\n        0,\n        getScrollTarget({ align: 'start', contentElement, element: item.element, scrollMargin, viewportElement }),\n      );\n    },\n    [contentElement, itemsRegistry, scrollMargin, viewportElement],\n  );\n\n  // The motion's destination, never the decision's: the room under a fresh turn is\n  // still opening when the trip starts — on a short thread the box has not even\n  // grown yet — so the cap is re-read per frame and the trip rides the end of the\n  // box until the opened room decides where the message rests.\n  const parkTripTarget = React.useCallback(\n    (anchorId: string) => {\n      const target = anchorTripTarget(anchorId);\n      if (target === undefined || !viewportElement) return target;\n      return Math.min(target, getMaxScroll(viewportElement));\n    },\n    [anchorTripTarget, viewportElement],\n  );\n\n  const cancelTripAnimation = React.useCallback(() => {\n    tripAnimationRef.current?.cancel();\n    tripAnimationRef.current = null;\n  }, []);\n\n  const updateScrollable = React.useCallback(\n    ({ fromScroll = false }: { fromScroll?: boolean } = {}) => {\n      if (!viewportElement) {\n        atEndRef.current = true;\n        publishScrollable(DEFAULT_SCROLLABLE);\n        return false;\n      }\n\n      const { scrollTop } = viewportElement;\n      const remainingScroll = followTarget() - scrollTop;\n      const wentBack = scrollTop < lastScrollTopRef.current;\n      atEndRef.current = remainingScroll < AUTO_SCROLL_ATTACH_THRESHOLD;\n      if (tripRef.current === 'end' && (wentBack || atEndRef.current)) tripRef.current = null;\n      lastScrollTopRef.current = scrollTop;\n      // Scrolling back is the only way out of the stream, the end the only way back in:\n      // a position merely left behind by a growing reply is us chasing it, not them leaving.\n      if (fromScroll && tripRef.current === null && (wentBack || atEndRef.current)) {\n        followingRef.current = atEndRef.current;\n      }\n\n      publishScrollable({\n        start: scrollTop > scrollEdgeThreshold,\n        end: remainingScroll > scrollEdgeThreshold && !(autoScroll && followingRef.current),\n      });\n\n      return wentBack;\n    },\n    [autoScroll, followTarget, publishScrollable, scrollEdgeThreshold, viewportElement],\n  );\n\n  const getLastAnchorId = React.useCallback(\n    () =>\n      getOrderedItems()\n        .filter(([, item]) => item.scrollAnchor)\n        .at(-1)?.[0],\n    [getOrderedItems],\n  );\n\n  const updateVisibility = React.useCallback(() => {\n    const items = getOrderedItems();\n    const fallbackAnchorId = getLastAnchorId() ?? items.at(-1)?.[0];\n\n    if (items.length === 0) {\n      publishVisibility(DEFAULT_VISIBILITY);\n      return;\n    }\n\n    if (!viewportElement) {\n      publishVisibility({\n        currentAnchorId: fallbackAnchorId,\n        visibleMessageIds: fallbackAnchorId ? [fallbackAnchorId] : [],\n      });\n      return;\n    }\n\n    const viewportRect = viewportElement.getBoundingClientRect();\n    const visibleMessageIds = new Set<string>();\n\n    if (typeof IntersectionObserver === 'undefined') {\n      const visibilityTop = viewportRect.top + scrollMargin + scrollPreviousItemPeek;\n      items.forEach(([messageId, item]) => {\n        const rect = item.element.getBoundingClientRect();\n        if (rect.bottom > visibilityTop && rect.top < viewportRect.bottom) visibleMessageIds.add(messageId);\n      });\n    } else {\n      intersectingMessageIds.forEach(messageId => visibleMessageIds.add(messageId));\n    }\n\n    const orderedVisibleMessageIds = items.flatMap(([messageId]) =>\n      visibleMessageIds.has(messageId) ? [messageId] : [],\n    );\n\n    publishVisibility({\n      currentAnchorId: getCurrentAnchorId({\n        fallbackAnchorId,\n        items,\n        scrollMargin,\n        scrollPreviousItemPeek,\n        visibleMessageIds,\n        viewportElement,\n      }),\n      visibleMessageIds:\n        orderedVisibleMessageIds.length > 0 ? orderedVisibleMessageIds : fallbackAnchorId ? [fallbackAnchorId] : [],\n    });\n  }, [\n    getLastAnchorId,\n    getOrderedItems,\n    intersectingMessageIds,\n    publishVisibility,\n    scrollMargin,\n    scrollPreviousItemPeek,\n    viewportElement,\n  ]);\n\n  const syncAfterScroll = React.useCallback(() => {\n    updateScrollable();\n    updateVisibility();\n  }, [updateScrollable, updateVisibility]);\n\n  const notifyScroll = React.useCallback(() => {\n    const wasScrollable = Boolean(viewportElement && viewportElement.scrollHeight > viewportElement.clientHeight);\n    const readerWentBack = updateScrollable({ fromScroll: true });\n    updateVisibility();\n    if (!viewportElement) return;\n\n    if (readerWentBack && wasScrollable) reachStartArmedRef.current = true;\n\n    if (!reachStartArmedRef.current) return;\n    if (!wasScrollable) return;\n    if (viewportElement.scrollTop > reachStartThreshold) {\n      reachStartFiredRef.current = false;\n      return;\n    }\n    // One request per trip to the start: staying there must not queue a second.\n    if (reachStartFiredRef.current) return;\n    if (!onReachStartRef.current) return;\n\n    reachStartFiredRef.current = true;\n    if (preserveScrollOnPrepend) {\n      prependAnchorRef.current = {\n        scrollHeight: viewportElement.scrollHeight,\n        scrollTop: viewportElement.scrollTop,\n      };\n    }\n    onReachStartRef.current();\n  }, [preserveScrollOnPrepend, reachStartThreshold, updateScrollable, updateVisibility, viewportElement]);\n\n  const scrollToElement = React.useCallback(\n    (\n      element: HTMLElement,\n      {\n        align = 'start',\n        behavior = 'auto',\n        scrollMargin: optionScrollMargin = scrollMargin,\n      }: MessageScrollerScrollOptions = {},\n    ) => {\n      if (!viewportElement || !contentElement?.contains(element)) return false;\n\n      const nextScrollTop = Math.max(\n        0,\n        getScrollTarget({ align, contentElement, element, scrollMargin: optionScrollMargin, viewportElement }),\n      );\n\n      if (Math.abs(viewportElement.scrollTop - nextScrollTop) <= VISIBILITY_EPSILON) {\n        scrollViewportTo(viewportElement, nextScrollTop, 'auto');\n        syncAfterScroll();\n        return true;\n      }\n\n      scrollViewportTo(viewportElement, nextScrollTop, behavior);\n      scheduleScrollSync(syncAfterScroll);\n      return true;\n    },\n    [contentElement, scrollMargin, syncAfterScroll, viewportElement],\n  );\n\n  const scrollToStart = React.useCallback(\n    ({ behavior = 'auto' }: MessageScrollerScrollOptions = {}) => {\n      if (!viewportElement) return false;\n      cancelTripAnimation();\n      tripRef.current = null;\n      scrollViewportTo(viewportElement, 0, behavior);\n      scheduleScrollSync(syncAfterScroll);\n      return true;\n    },\n    [cancelTripAnimation, syncAfterScroll, viewportElement],\n  );\n\n  const scrollToEnd = React.useCallback(\n    ({ behavior = 'auto' }: MessageScrollerScrollOptions = {}) => {\n      if (!viewportElement) return false;\n      cancelTripAnimation();\n      followingRef.current = true;\n      tripRef.current = behavior === 'smooth' ? 'end' : null;\n      scrollViewportTo(viewportElement, followTarget(), behavior);\n      // Published now, not next frame: a button that hears about the trip late flashes.\n      syncAfterScroll();\n      scheduleScrollSync(syncAfterScroll);\n      return true;\n    },\n    [cancelTripAnimation, followTarget, syncAfterScroll, viewportElement],\n  );\n\n  const scrollToMessage = React.useCallback(\n    (messageId: string, options?: MessageScrollerScrollOptions) => {\n      const item = itemsRegistry.get(messageId);\n      if (!item) return false;\n      return scrollToElement(item.element, options);\n    },\n    [itemsRegistry, scrollToElement],\n  );\n\n  // A reply grows into the room its turn reserved and moves nothing: only once the\n  // last row would fall past the end of the view is there anything to follow, and\n  // then by exactly what it overflowed — pinned instantly, glided on the compositor.\n  const notifyContentResize = React.useCallback(() => {\n    const trip = tripRef.current;\n    const onAnchorTrip = trip !== null && trip !== 'end';\n    // An anchor trip re-reads its destination every frame, so a layout settling\n    // under it — the reserved room opening — bends its path without help from here.\n    if (!onAnchorTrip && autoScroll && defaultScrollAppliedRef.current && followingRef.current && viewportElement) {\n      const overflow = followTarget() - viewportElement.scrollTop;\n      if (overflow > VISIBILITY_EPSILON) {\n        // A trip already in flight is retargeted rather than cut short; only the\n        // instant catch-up needs the glide to read as one movement.\n        const travelling = trip === 'end';\n        scrollViewportTo(viewportElement, followTarget(), travelling ? 'smooth' : 'auto');\n        if (!travelling) glideContent(contentElement, overflow);\n      }\n    }\n    syncAfterScroll();\n  }, [autoScroll, contentElement, followTarget, syncAfterScroll, viewportElement]);\n\n  const registerItem = React.useCallback(\n    (messageId: string, element: HTMLElement, scrollAnchor: boolean) => {\n      itemsRegistry.set(messageId, { element, scrollAnchor });\n      orderedItemsRef.current = null;\n      setItemsVersion(version => version + 1);\n\n      return () => {\n        const current = itemsRegistry.get(messageId);\n        if (current?.element !== element) return;\n        itemsRegistry.delete(messageId);\n        intersectingMessageIds.delete(messageId);\n        orderedItemsRef.current = null;\n        setItemsVersion(version => version + 1);\n      };\n    },\n    [intersectingMessageIds, itemsRegistry],\n  );\n\n  React.useEffect(() => {\n    if (!contentElement || !viewportElement || typeof IntersectionObserver === 'undefined') {\n      updateVisibility();\n      return undefined;\n    }\n\n    const messageIdByElement = new Map<Element, string>();\n    for (const [messageId, item] of itemsRegistry) {\n      messageIdByElement.set(item.element, messageId);\n    }\n\n    const observer = new IntersectionObserver(\n      entries => {\n        for (const entry of entries) {\n          const messageId = messageIdByElement.get(entry.target);\n          if (!messageId) continue;\n          if (entry.isIntersecting) {\n            intersectingMessageIds.add(messageId);\n          } else {\n            intersectingMessageIds.delete(messageId);\n          }\n        }\n        updateVisibility();\n      },\n      {\n        root: viewportElement,\n        rootMargin: `${-(scrollMargin + scrollPreviousItemPeek)}px 0px 0px 0px`,\n        threshold: [0, 0.01, 0.5, 1],\n      },\n    );\n\n    for (const [, item] of itemsRegistry) observer.observe(item.element);\n    updateVisibility();\n\n    return () => observer.disconnect();\n  }, [\n    contentElement,\n    intersectingMessageIds,\n    itemsRegistry,\n    itemsVersion,\n    scrollMargin,\n    scrollPreviousItemPeek,\n    updateVisibility,\n    viewportElement,\n  ]);\n\n  React.useEffect(() => {\n    if (!viewportElement || typeof ResizeObserver === 'undefined') return undefined;\n    const observer = new ResizeObserver(syncAfterScroll);\n    observer.observe(viewportElement);\n    return () => observer.disconnect();\n  }, [syncAfterScroll, viewportElement]);\n\n  React.useLayoutEffect(() => {\n    updateScrollable();\n    updateVisibility();\n  }, [itemsVersion, updateScrollable, updateVisibility]);\n\n  React.useLayoutEffect(() => {\n    if (defaultScrollAppliedRef.current || !viewportElement) return undefined;\n    if (itemsRegistry.size === 0) {\n      deferDefaultScrollRef.current = true;\n      return undefined;\n    }\n\n    const applyDefaultScroll = () => {\n      const lastAnchorId = getLastAnchorId();\n      // Where a thread opens decides whether it starts attached: a restored reading\n      // position has the stream below it. `scrollToEnd` takes this back when it lands.\n      followingRef.current = false;\n      let didScroll = false;\n      if (defaultScrollPosition === 'start') {\n        didScroll = scrollToStart({ behavior: 'auto' });\n      } else if (defaultScrollPosition === 'last-anchor') {\n        didScroll = lastAnchorId\n          ? scrollToMessage(lastAnchorId, { align: 'start', behavior: 'auto' })\n          : scrollToEnd({ behavior: 'auto' });\n      } else {\n        didScroll = scrollToEnd({ behavior: 'auto' });\n      }\n\n      if (!didScroll) return;\n      defaultScrollAppliedRef.current = true;\n      // A fresh thread opens on its first message with nothing to scroll yet: it is\n      // at its end, so the reply streaming in under it is followed.\n      if (autoScroll && getMaxScroll(viewportElement) <= VISIBILITY_EPSILON) followingRef.current = true;\n      // Settling is what arms turn anchoring: the rows the transcript opened with\n      // are recorded as read here, and on a settled thread the next anchor to\n      // register is the send itself — an arming left to a later anchoring pass\n      // would be eaten by that send instead of parking it.\n      for (const [messageId, item] of getOrderedItems()) {\n        if (!item.scrollAnchor) continue;\n        seenAnchorIds.add(messageId);\n        seenAnchorElements.add(item.element);\n      }\n      turnAnchoringArmedRef.current = true;\n    };\n\n    if (!deferDefaultScrollRef.current) {\n      applyDefaultScroll();\n      return undefined;\n    }\n    if (defaultScrollScheduledRef.current) return undefined;\n\n    defaultScrollScheduledRef.current = true;\n    let cancelled = false;\n    scheduleScrollSync(() => {\n      scheduleScrollSync(() => {\n        defaultScrollScheduledRef.current = false;\n        if (!cancelled && !defaultScrollAppliedRef.current) applyDefaultScroll();\n      });\n    });\n    return () => {\n      cancelled = true;\n      defaultScrollScheduledRef.current = false;\n    };\n  }, [\n    autoScroll,\n    defaultScrollPosition,\n    getLastAnchorId,\n    getOrderedItems,\n    itemsRegistry,\n    itemsVersion,\n    scrollToEnd,\n    scrollToMessage,\n    scrollToStart,\n    seenAnchorElements,\n    seenAnchorIds,\n    viewportElement,\n  ]);\n\n  // A turn opening is the one scripted scroll of a conversation: it carries the\n  // reader to the message they just sent and parks it as high as the room the turn\n  // reserves under it allows. The answer then grows into that room and moves\n  // nothing at all — following only takes over once it outgrows the room.\n  React.useLayoutEffect(() => {\n    const lastAnchorId = getLastAnchorId();\n    const lastAnchor = lastAnchorId ? itemsRegistry.get(lastAnchorId) : undefined;\n    const opensTurn =\n      turnAnchoringArmedRef.current &&\n      lastAnchorId !== undefined &&\n      lastAnchor !== undefined &&\n      !seenAnchorIds.has(lastAnchorId) &&\n      !seenAnchorElements.has(lastAnchor.element);\n\n    for (const [messageId, item] of getOrderedItems()) {\n      if (!item.scrollAnchor) continue;\n      seenAnchorIds.add(messageId);\n      seenAnchorElements.add(item.element);\n    }\n    turnAnchoringArmedRef.current = defaultScrollAppliedRef.current;\n\n    if (opensTurn && lastAnchorId) {\n      if (autoScroll) followingRef.current = true;\n      cancelTripAnimation();\n      const target = viewportElement ? anchorTripTarget(lastAnchorId) : undefined;\n      // A turn opening at the top of the transcript — the first message of a fresh\n      // thread — is already parked: no trip, and nothing moves.\n      if (\n        target === undefined ||\n        !viewportElement ||\n        Math.abs(target - viewportElement.scrollTop) <= VISIBILITY_EPSILON\n      ) {\n        tripRef.current = null;\n      } else {\n        tripRef.current = { anchorId: lastAnchorId };\n        tripAnimationRef.current = startTrip(\n          viewportElement,\n          () => parkTripTarget(lastAnchorId),\n          reason => {\n            tripAnimationRef.current = null;\n            tripRef.current = null;\n            if (reason === 'interrupted') followingRef.current = atEndRef.current;\n            syncAfterScroll();\n          },\n        );\n      }\n      // Published now: the reader just re-attached, and a button that hears late flashes.\n      syncAfterScroll();\n      return;\n    }\n\n    // Rows landing outside a turn — restored history, a notice — still belong to a\n    // reader riding the stream, and reach them without a second animation. A trip\n    // to an anchor keeps the viewport; a parked reader has new rows growing into\n    // the room above the fold, with nothing below to catch up to.\n    if (!autoScroll || !defaultScrollAppliedRef.current || !followingRef.current) return;\n    if (tripRef.current !== null && tripRef.current !== 'end') return;\n    if (viewportElement && followTarget() - viewportElement.scrollTop <= VISIBILITY_EPSILON) return;\n    scrollToEnd({ behavior: tripRef.current === 'end' ? 'smooth' : 'auto' });\n  }, [\n    anchorTripTarget,\n    autoScroll,\n    cancelTripAnimation,\n    followTarget,\n    getLastAnchorId,\n    getOrderedItems,\n    itemsRegistry,\n    itemsVersion,\n    parkTripTarget,\n    scrollToEnd,\n    seenAnchorElements,\n    seenAnchorIds,\n    syncAfterScroll,\n    viewportElement,\n  ]);\n\n  // A viewport going away mid-trip strands the frame loop on a detached element.\n  React.useEffect(\n    () => () => {\n      cancelTripAnimation();\n      tripRef.current = null;\n    },\n    [cancelTripAnimation, viewportElement],\n  );\n\n  // Older items land above the reader and shove their position down. A prepend is\n  // told from an append by the first item's id, then undone by offsetting\n  // scrollTop by however much taller the content got.\n  React.useLayoutEffect(() => {\n    const previousFirstItemId = firstItemIdRef.current;\n    // From the DOM, not the registry: prepended items register last, so registry\n    // order stops matching reading order.\n    const firstItemId = contentElement?.querySelector<HTMLElement>('[data-slot=\"message-scroller-item\"]')?.dataset\n      .messageId;\n    firstItemIdRef.current = firstItemId;\n\n    const anchor = prependAnchorRef.current;\n    prependAnchorRef.current = null;\n    if (!anchor || !viewportElement || firstItemId === previousFirstItemId) return;\n\n    reachStartFiredRef.current = false;\n    const grownBy = viewportElement.scrollHeight - anchor.scrollHeight;\n    if (grownBy > 0) viewportElement.scrollTop = anchor.scrollTop + grownBy;\n  }, [contentElement, itemsVersion, viewportElement]);\n\n  const actionsContextValue = React.useMemo<MessageScrollerActionsContextValue>(\n    () => ({\n      notifyContentResize,\n      notifyScroll,\n      registerItem,\n      scrollToEnd,\n      scrollToMessage,\n      scrollToStart,\n      setContentElement,\n      setRootElement,\n      setViewportElement,\n      syncAfterScroll,\n    }),\n    [notifyContentResize, notifyScroll, registerItem, scrollToEnd, scrollToMessage, scrollToStart, syncAfterScroll],\n  );\n\n  const scrollableContextValue = React.useMemo<MessageScrollerScrollable>(\n    () => ({\n      end: scrollable.end,\n      start: scrollable.start,\n    }),\n    [scrollable.end, scrollable.start],\n  );\n\n  return (\n    <MessageScrollerActionsContext.Provider value={actionsContextValue}>\n      <MessageScrollerScrollableContext.Provider value={scrollableContextValue}>\n        <MessageScrollerVisibilityContext.Provider value={visibilityStore}>\n          {children}\n        </MessageScrollerVisibilityContext.Provider>\n      </MessageScrollerScrollableContext.Provider>\n    </MessageScrollerActionsContext.Provider>\n  );\n}\n\nexport type MessageScrollerProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const MessageScroller = React.forwardRef<HTMLDivElement, MessageScrollerProps>(\n  ({ className, ...props }, ref) => {\n    const { setRootElement } = useRequiredMessageScrollerActionsContext('MessageScroller');\n    return (\n      <div\n        ref={mergeRefs(setRootElement, ref)}\n        data-slot=\"message-scroller\"\n        className={cn('group/message-scroller relative flex size-full min-h-0 flex-col', className)}\n        {...props}\n      />\n    );\n  },\n);\nMessageScroller.displayName = 'MessageScroller';\n\nexport type MessageScrollerViewportProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const MessageScrollerViewport = React.forwardRef<HTMLDivElement, MessageScrollerViewportProps>(\n  ({ className, onScroll, role, tabIndex, ...props }, ref) => {\n    const { setViewportElement, notifyScroll } = useRequiredMessageScrollerActionsContext('MessageScrollerViewport');\n    const viewportRef = React.useMemo(() => mergeRefs(setViewportElement, ref), [ref, setViewportElement]);\n\n    return (\n      <div\n        ref={viewportRef}\n        role={role ?? 'region'}\n        tabIndex={tabIndex ?? 0}\n        data-slot=\"message-scroller-viewport\"\n        className={cn(\n          // Size container so consumers can size the room under a live turn in cqh.\n          '[container-type:size] size-full min-h-0 min-w-0 overflow-y-auto overscroll-y-contain',\n          'data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent',\n          className,\n        )}\n        onScroll={event => {\n          notifyScroll();\n          onScroll?.(event);\n        }}\n        {...props}\n      />\n    );\n  },\n);\nMessageScrollerViewport.displayName = 'MessageScrollerViewport';\n\nexport type MessageScrollerContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  spacerClassName?: string;\n};\n\nexport const MessageScrollerContent = React.forwardRef<HTMLDivElement, MessageScrollerContentProps>(\n  ({ children, className, spacerClassName, role, 'aria-relevant': ariaRelevant = 'additions', ...props }, ref) => {\n    const { setContentElement, notifyContentResize, syncAfterScroll } =\n      useRequiredMessageScrollerActionsContext('MessageScrollerContent');\n    const [contentElement, setLocalContentElement] = React.useState<HTMLDivElement | null>(null);\n\n    const contentRef = React.useMemo(\n      () => mergeRefs<HTMLDivElement>(setContentElement, setLocalContentElement, ref),\n      [ref, setContentElement],\n    );\n\n    React.useLayoutEffect(() => {\n      syncAfterScroll();\n    }, [syncAfterScroll]);\n\n    React.useEffect(() => {\n      if (!contentElement || typeof MutationObserver === 'undefined') return undefined;\n      const observer = new MutationObserver(notifyContentResize);\n      observer.observe(contentElement, { childList: true, subtree: false });\n      return () => observer.disconnect();\n    }, [contentElement, notifyContentResize]);\n\n    React.useEffect(() => {\n      if (!contentElement || typeof ResizeObserver === 'undefined') return undefined;\n      const observer = new ResizeObserver(notifyContentResize);\n      observer.observe(contentElement);\n      return () => observer.disconnect();\n    }, [contentElement, notifyContentResize]);\n\n    return (\n      <div\n        ref={contentRef}\n        role={role ?? 'log'}\n        aria-relevant={ariaRelevant}\n        data-slot=\"message-scroller-content\"\n        className={cn('flex h-max min-h-full flex-col gap-6', className)}\n        {...props}\n      >\n        {children}\n        <div aria-hidden=\"true\" data-message-scroller-spacer=\"\" hidden className={spacerClassName} />\n      </div>\n    );\n  },\n);\nMessageScrollerContent.displayName = 'MessageScrollerContent';\n\nexport type MessageScrollerItemProps = React.HTMLAttributes<HTMLDivElement> & {\n  messageId?: string;\n  scrollAnchor?: boolean;\n};\n\nexport const MessageScrollerItem = React.forwardRef<HTMLDivElement, MessageScrollerItemProps>(\n  ({ className, messageId, scrollAnchor = false, ...props }, ref) => {\n    // Optional, unlike the other slots: the same row renderer is reused outside a\n    // scroller (draft pages, previews), where there is simply nothing to register.\n    const registerItem = React.useContext(MessageScrollerActionsContext)?.registerItem;\n    const unregisterRef = React.useRef<(() => void) | undefined>(undefined);\n    const itemRef = React.useCallback(\n      (element: HTMLDivElement | null) => {\n        unregisterRef.current?.();\n        unregisterRef.current = undefined;\n        mergeRefs(ref)(element);\n\n        if (!element || !messageId || !registerItem) return;\n        unregisterRef.current = registerItem(messageId, element, scrollAnchor);\n      },\n      [messageId, ref, registerItem, scrollAnchor],\n    );\n\n    return (\n      <div\n        ref={itemRef}\n        data-slot=\"message-scroller-item\"\n        data-message-id={messageId}\n        data-scroll-anchor={scrollAnchor ? 'true' : 'false'}\n        // content-visibility contains painting. Reserve room for a 2px outline + 2px offset,\n        // and compensate with negative margins so message alignment and spacing stay unchanged.\n        className={cn(\n          '-m-1 min-w-0 shrink-0 p-1 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nMessageScrollerItem.displayName = 'MessageScrollerItem';\n\nexport type MessageScrollerButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {\n  behavior?: ScrollBehavior;\n  children?: React.ReactNode;\n  direction?: MessageScrollerButtonDirection;\n};\n\nexport const MessageScrollerButton = React.forwardRef<HTMLButtonElement, MessageScrollerButtonProps>(\n  (\n    { behavior = 'smooth', direction = 'end', className, children, onClick, tabIndex, type = 'button', ...props },\n    ref,\n  ) => {\n    const { scrollToEnd, scrollToStart } = useRequiredMessageScrollerActionsContext('MessageScrollerButton');\n    const { start, end } = useRequiredMessageScrollerScrollableContext('MessageScrollerButton');\n    const active = direction === 'start' ? start : end;\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        {...props}\n        data-slot=\"message-scroller-button\"\n        data-active={active ? 'true' : 'false'}\n        data-direction={direction}\n        tabIndex={active ? tabIndex : -1}\n        className={cn(\n          overlaySurfaceStyle,\n          'absolute inset-s-1/2 inline-flex min-h-5 min-w-7 -translate-x-1/2 items-center justify-center rounded-full text-foreground transition-[scale,opacity] duration-200 hover:[--surface-tint:var(--fill-subtle)] data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=start]:top-4 rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180',\n          className,\n        )}\n        onClick={event => {\n          if (!active) return;\n          onClick?.(event);\n          if (event.defaultPrevented) return;\n          event.currentTarget.blur();\n          if (direction === 'start') {\n            scrollToStart({ behavior });\n          } else {\n            scrollToEnd({ behavior });\n          }\n        }}\n      >\n        {children ?? (\n          <>\n            <ArrowDownIcon className=\"size-4\" aria-hidden />\n            <span className=\"sr-only\">{direction === 'end' ? 'Scroll to end' : 'Scroll to start'}</span>\n          </>\n        )}\n      </button>\n    );\n  },\n);\nMessageScrollerButton.displayName = 'MessageScrollerButton';\n","import * as React from 'react';\n\nimport {\n  MessageScrollerActionsContext,\n  MessageScrollerScrollableContext,\n  MessageScrollerVisibilityContext,\n  useRequiredMessageScrollerActionsContext,\n  useRequiredMessageScrollerScrollableContext,\n  useRequiredMessageScrollerVisibilityContext,\n} from './message-scroller-context';\n\nconst subscribeNowhere = () => () => {};\nconst noVisibility = () => undefined;\n\nexport const useMessageScroller = () => {\n  const { scrollToEnd, scrollToMessage, scrollToStart } =\n    useRequiredMessageScrollerActionsContext('useMessageScroller');\n  return React.useMemo(\n    () => ({ scrollToEnd, scrollToMessage, scrollToStart }),\n    [scrollToEnd, scrollToMessage, scrollToStart],\n  );\n};\n\nexport const useOptionalMessageScroller = () => {\n  const context = React.useContext(MessageScrollerActionsContext);\n  return React.useMemo(() => {\n    if (!context) return undefined;\n    return {\n      scrollToEnd: context.scrollToEnd,\n      scrollToMessage: context.scrollToMessage,\n      scrollToStart: context.scrollToStart,\n    };\n  }, [context]);\n};\n\nexport const useMessageScrollerScrollable = () => {\n  const { start, end } = useRequiredMessageScrollerScrollableContext('useMessageScrollerScrollable');\n  return React.useMemo(() => ({ start, end }), [end, start]);\n};\n\nexport const useOptionalMessageScrollerScrollable = () => {\n  const context = React.useContext(MessageScrollerScrollableContext);\n  return React.useMemo(() => (context ? { start: context.start, end: context.end } : undefined), [context]);\n};\n\nexport const useMessageScrollerVisibility = () => {\n  const store = useRequiredMessageScrollerVisibilityContext('useMessageScrollerVisibility');\n  return React.useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);\n};\n\nexport const useOptionalMessageScrollerVisibility = () => {\n  const store = React.useContext(MessageScrollerVisibilityContext);\n  const getSnapshot = store?.getSnapshot ?? noVisibility;\n  return React.useSyncExternalStore(store?.subscribe ?? subscribeNowhere, getSnapshot, getSnapshot);\n};\n"],"mappings":"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"}

package/dist/{MessageScroller-DvaKlm4O.js → MessageScroller-nV_zBF3H.js}

@@ -1,6 +1,6 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
 import { overlaySurfaceStyle } from "./primitives/raised-surface.es.js";
 import { t as mergeRefs } from "./merge-refs-BXb4SnRx.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon } from "lucide-react";
@@ -24,6 +24,9 @@ var useRequiredContext = (context, hookName) => {
 var useRequiredMessageScrollerActionsContext = (hookName) => useRequiredContext(MessageScrollerActionsContext, hookName);
 var useRequiredMessageScrollerScrollableContext = (hookName) => useRequiredContext(MessageScrollerScrollableContext, hookName);
 var useRequiredMessageScrollerVisibilityContext = (hookName) => useRequiredContext(MessageScrollerVisibilityContext, hookName);
+// src/ds/components/MessageScroller/message-scroller-geometry.ts
+/** Sub-pixel slack, so a message resting exactly on the anchor line still counts. */
+var VISIBILITY_EPSILON = .5;
 var getContentPadding = (contentElement) => {
 	if (!contentElement) return {
 		start: 0,
@@ -58,7 +61,13 @@ var getScrollTarget = ({ align, contentElement, element, scrollMargin, viewportE
 	return elementTop - contentPadding.start - scrollMargin;
 };
 /**
-* Where the reader must sit for the last row to rest at the end of the view.
+* Whether a row has a box to measure. A row hidden by `display: none` — its own or
+* an ancestor's — stays registered but has none, and reports a zero rect at the
+* window origin: read as a position, it sits wherever the reader happens to be.
+*/
+var isDrawn = (element) => element.getClientRects().length > 0;
+/**
+* Where the reader must sit for the last drawn row to rest at the end of the view.
 *
 * Not the end of the scroll: a chat reserves room under a live turn so a reply
 * grows into empty space, and docks its composer in the flow. Both sit below the
@@ -68,7 +77,7 @@ var getScrollTarget = ({ align, contentElement, element, scrollMargin, viewportE
 */
 var getFollowTarget = ({ contentElement, items, viewportElement }) => {
 	const end = getMaxScroll(viewportElement);
-	const lastRow = items.at(-1)?.[1].element;
+	const lastRow = items.findLast(([, item]) => isDrawn(item.element))?.[1].element;
 	if (!lastRow || !contentElement) return end;
 	const contentBottom = getRelativeTop(contentElement, viewportElement) + contentElement.getBoundingClientRect().height;
 	const belowContent = Math.max(0, viewportElement.scrollHeight - contentBottom);
@@ -78,8 +87,15 @@ var getFollowTarget = ({ contentElement, items, viewportElement }) => {
 var getCurrentAnchorId = ({ fallbackAnchorId, items, scrollMargin, scrollPreviousItemPeek, visibleMessageIds, viewportElement }) => {
 	const anchorLine = viewportElement.getBoundingClientRect().top + scrollMargin + scrollPreviousItemPeek;
 	const anchors = items.filter(([, item]) => item.scrollAnchor);
-	let anchoredAboveViewport;
-	for (const [messageId, item] of anchors) if (item.element.getBoundingClientRect().top <= anchorLine + .5) anchoredAboveViewport = messageId;
+	const passedLine = (index) => (anchors[index]?.[1].element.getBoundingClientRect().top ?? Infinity) <= anchorLine + VISIBILITY_EPSILON;
+	let firstUnpassed = 0;
+	let lastCandidate = anchors.length;
+	while (firstUnpassed < lastCandidate) {
+		const middle = firstUnpassed + lastCandidate >>> 1;
+		if (passedLine(middle)) firstUnpassed = middle + 1;
+		else lastCandidate = middle;
+	}
+	const anchoredAboveViewport = anchors[firstUnpassed - 1]?.[0];
 	if (anchoredAboveViewport) return anchoredAboveViewport;
 	return anchors.find(([messageId]) => visibleMessageIds.has(messageId))?.[0] ?? fallbackAnchorId;
 };
@@ -182,9 +198,26 @@ function startTrip(viewportElement, getTarget, onEnd) {
 		window.cancelAnimationFrame(frame);
 	} };
 }
+// src/ds/components/MessageScroller/message-scroller-visibility-store.ts
+var visibilityMatches = (left, right) => left.currentAnchorId === right.currentAnchorId && left.visibleMessageIds.length === right.visibleMessageIds.length && left.visibleMessageIds.every((messageId, index) => messageId === right.visibleMessageIds[index]);
+function createVisibilityStore() {
+	let visibility = DEFAULT_VISIBILITY;
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		getSnapshot: () => visibility,
+		subscribe: (onChange) => {
+			listeners.add(onChange);
+			return () => listeners.delete(onChange);
+		},
+		publish: (next) => {
+			if (visibilityMatches(visibility, next)) return;
+			visibility = next;
+			for (const listener of listeners) listener();
+		}
+	};
+}
 // src/ds/components/MessageScroller/message-scroller.tsx
 var scrollableMatches = (left, right) => left.start === right.start && left.end === right.end;
-var visibilityMatches = (left, right) => left.currentAnchorId === right.currentAnchorId && left.visibleMessageIds.length === right.visibleMessageIds.length && left.visibleMessageIds.every((messageId, index) => messageId === right.visibleMessageIds[index]);
 var orderItemsByDocumentPosition = (items) => items.sort(([, left], [, right]) => {
 	const position = left.element.compareDocumentPosition(right.element);
 	if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
@@ -231,7 +264,8 @@ function MessageScrollerProvider({ autoScroll = false, children, defaultScrollPo
 	const seenAnchorElements = seenAnchorElementsRef.current;
 	const turnAnchoringArmedRef = React$1.useRef(false);
 	const [scrollable, setScrollable] = React$1.useState(DEFAULT_SCROLLABLE);
-	const [visibility, setVisibility] = React$1.useState(DEFAULT_VISIBILITY);
+	const [visibilityStore] = React$1.useState(createVisibilityStore);
+	const publishVisibility = visibilityStore.publish;
 	const atEndRef = React$1.useRef(true);
 	const followingRef = React$1.useRef(true);
 	const tripRef = React$1.useRef(null);
@@ -254,9 +288,6 @@ function MessageScrollerProvider({ autoScroll = false, children, defaultScrollPo
 		}
 		setScrollable((current) => scrollableMatches(current, nextScrollable) ? current : nextScrollable);
 	}, [rootElement, viewportElement]);
-	const publishVisibility = React$1.useCallback((nextVisibility) => {
-		setVisibility((current) => visibilityMatches(current, nextVisibility) ? current : nextVisibility);
-	}, []);
 	const getOrderedItems = React$1.useCallback(() => {
 		orderedItemsRef.current ??= orderItemsByDocumentPosition(Array.from(itemsRegistry.entries()));
 		return orderedItemsRef.current;
@@ -686,16 +717,12 @@ function MessageScrollerProvider({ autoScroll = false, children, defaultScrollPo
 		end: scrollable.end,
 		start: scrollable.start
 	}), [scrollable.end, scrollable.start]);
-	const visibilityContextValue = React$1.useMemo(() => ({
-		currentAnchorId: visibility.currentAnchorId,
-		visibleMessageIds: visibility.visibleMessageIds
-	}), [visibility.currentAnchorId, visibility.visibleMessageIds]);
 	return /* @__PURE__ */ jsx(MessageScrollerActionsContext.Provider, {
 		value: actionsContextValue,
 		children: /* @__PURE__ */ jsx(MessageScrollerScrollableContext.Provider, {
 			value: scrollableContextValue,
 			children: /* @__PURE__ */ jsx(MessageScrollerVisibilityContext.Provider, {
-				value: visibilityContextValue,
+				value: visibilityStore,
 				children
 			})
 		})
@@ -823,6 +850,8 @@ var MessageScrollerButton = React$1.forwardRef(({ behavior = "smooth", direction
 });
 MessageScrollerButton.displayName = "MessageScrollerButton";
 // src/ds/components/MessageScroller/message-scroller-hooks.ts
+var subscribeNowhere = () => () => {};
+var noVisibility = () => void 0;
 var useMessageScroller = () => {
 	const { scrollToEnd, scrollToMessage, scrollToStart } = useRequiredMessageScrollerActionsContext("useMessageScroller");
 	return React$1.useMemo(() => ({
@@ -861,19 +890,14 @@ var useOptionalMessageScrollerScrollable = () => {
 	} : void 0, [context]);
 };
 var useMessageScrollerVisibility = () => {
-	const { currentAnchorId, visibleMessageIds } = useRequiredMessageScrollerVisibilityContext("useMessageScrollerVisibility");
-	return React$1.useMemo(() => ({
-		currentAnchorId,
-		visibleMessageIds
-	}), [currentAnchorId, visibleMessageIds]);
+	const store = useRequiredMessageScrollerVisibilityContext("useMessageScrollerVisibility");
+	return React$1.useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
 };
 var useOptionalMessageScrollerVisibility = () => {
-	const context = React$1.useContext(MessageScrollerVisibilityContext);
-	return React$1.useMemo(() => context ? {
-		currentAnchorId: context.currentAnchorId,
-		visibleMessageIds: context.visibleMessageIds
-	} : void 0, [context]);
+	const store = React$1.useContext(MessageScrollerVisibilityContext);
+	const getSnapshot = store?.getSnapshot ?? noVisibility;
+	return React$1.useSyncExternalStore(store?.subscribe ?? subscribeNowhere, getSnapshot, getSnapshot);
 };
 export { useOptionalMessageScrollerScrollable as a, MessageScrollerButton as c, MessageScrollerProvider as d, MessageScrollerViewport as f, useOptionalMessageScroller as i, MessageScrollerContent as l, useMessageScrollerScrollable as n, useOptionalMessageScrollerVisibility as o, useMessageScrollerVisibility as r, MessageScroller as s, useMessageScroller as t, MessageScrollerItem as u };
 
-//# sourceMappingURL=MessageScroller-DvaKlm4O.js.map
+//# sourceMappingURL=MessageScroller-nV_zBF3H.js.map