@assistant-ui/react 0.14.7 → 0.14.8

package/dist/primitives/thread/ThreadViewportFooter.d.ts

@@ -1,8 +1,10 @@
 import { Primitive } from "../../utils/Primitive.js";
-import { type ComponentRef, type ComponentPropsWithoutRef } from "react";
-export declare namespace ThreadPrimitiveViewportFooter {
-    type Element = ComponentRef<typeof Primitive.div>;
-    type Props = ComponentPropsWithoutRef<typeof Primitive.div>;
+import { ComponentPropsWithoutRef, ComponentRef } from "react";
+
+//#region src/primitives/thread/ThreadViewportFooter.d.ts
+declare namespace ThreadPrimitiveViewportFooter {
+  type Element = ComponentRef<typeof Primitive.div>;
+  type Props = ComponentPropsWithoutRef<typeof Primitive.div>;
 }
 /**
  * A footer container that measures its height for scroll calculations.
@@ -28,9 +30,11 @@ export declare namespace ThreadPrimitiveViewportFooter {
  * </ThreadPrimitive.Viewport>
  * ```
  */
-export declare const ThreadPrimitiveViewportFooter: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    asChild?: boolean;
+declare const ThreadPrimitiveViewportFooter: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+  asChild?: boolean;
 }, "ref"> & {
-    render?: import("react").ReactElement | undefined;
+  render?: import("react").ReactElement | undefined;
 } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ThreadPrimitiveViewportFooter };
 //# sourceMappingURL=ThreadViewportFooter.d.ts.map

package/dist/primitives/thread/ThreadViewportFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadViewportFooter.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadViewportFooter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EACL,KAAK,YAAY,EAEjB,KAAK,wBAAwB,EAE9B,MAAM,OAAO,CAAC;AAIf,yBAAiB,6BAA6B,CAAC;IAC7C,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACzD,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;CACpE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,6BAA6B;;;;0GAexC,CAAC"}
+{"version":3,"file":"ThreadViewportFooter.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadViewportFooter.tsx"],"mappings":";;;;kBAaiB,6BAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,SAAA,CAAU,GAAA;EAAA,KACxC,KAAA,GAAQ,wBAAA,QAAgC,SAAA,CAAU,GAAA;AAAA;;;;;;;;;;;;;;;;;AAAG;AA2BnE;;;;;;;cAAa,6BAAA,kBAA6B,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,cAAA,oBAAA,cAAA,CAAA,cAAA"}

package/dist/primitives/thread/ThreadViewportFooter.js

@@ -1,43 +1,47 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { useThreadViewport } from "../../context/react/ThreadViewportContext.js";
 import { Primitive } from "../../utils/Primitive.js";
-import { forwardRef, useCallback, } from "react";
 import { useSizeHandle } from "../../utils/hooks/useSizeHandle.js";
-import { useThreadViewport } from "../../context/react/ThreadViewportContext.js";
+import { forwardRef, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+//#region src/primitives/thread/ThreadViewportFooter.tsx
 /**
- * A footer container that measures its height for scroll calculations.
- *
- * This component measures its height and provides it to the viewport context
- * so the auto-scroll system can account for any sticky footer overlapping the
- * message list.
- *
- * Multiple ViewportFooter components can be used - their heights are summed.
- *
- * Typically used with `className="sticky bottom-0"` to keep the footer
- * visible at the bottom of the viewport while scrolling.
- *
- * @example
- * ```tsx
- * <ThreadPrimitive.Viewport>
- *   <ThreadPrimitive.Messages>
- *     {() => <MyMessage />}
- *   </ThreadPrimitive.Messages>
- *   <ThreadPrimitive.ViewportFooter className="sticky bottom-0">
- *     <Composer />
- *   </ThreadPrimitive.ViewportFooter>
- * </ThreadPrimitive.Viewport>
- * ```
- */
-export const ThreadPrimitiveViewportFooter = forwardRef((props, forwardedRef) => {
-    const register = useThreadViewport((s) => s.registerContentInset);
-    const getHeight = useCallback((el) => {
-        const marginTop = parseFloat(getComputedStyle(el).marginTop) || 0;
-        return el.offsetHeight + marginTop;
-    }, []);
-    const resizeRef = useSizeHandle(register, getHeight);
-    const ref = useComposedRefs(forwardedRef, resizeRef);
-    return _jsx(Primitive.div, { ...props, ref: ref });
+* A footer container that measures its height for scroll calculations.
+*
+* This component measures its height and provides it to the viewport context
+* so the auto-scroll system can account for any sticky footer overlapping the
+* message list.
+*
+* Multiple ViewportFooter components can be used - their heights are summed.
+*
+* Typically used with `className="sticky bottom-0"` to keep the footer
+* visible at the bottom of the viewport while scrolling.
+*
+* @example
+* ```tsx
+* <ThreadPrimitive.Viewport>
+*   <ThreadPrimitive.Messages>
+*     {() => <MyMessage />}
+*   </ThreadPrimitive.Messages>
+*   <ThreadPrimitive.ViewportFooter className="sticky bottom-0">
+*     <Composer />
+*   </ThreadPrimitive.ViewportFooter>
+* </ThreadPrimitive.Viewport>
+* ```
+*/
+const ThreadPrimitiveViewportFooter = forwardRef((props, forwardedRef) => {
+	const ref = useComposedRefs(forwardedRef, useSizeHandle(useThreadViewport((s) => s.registerContentInset), useCallback((el) => {
+		const marginTop = parseFloat(getComputedStyle(el).marginTop) || 0;
+		return el.offsetHeight + marginTop;
+	}, [])));
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		...props,
+		ref
+	});
 });
 ThreadPrimitiveViewportFooter.displayName = "ThreadPrimitive.ViewportFooter";
+//#endregion
+export { ThreadPrimitiveViewportFooter };
+
 //# sourceMappingURL=ThreadViewportFooter.js.map

package/dist/primitives/thread/ThreadViewportFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadViewportFooter.js","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadViewportFooter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EAEL,UAAU,EAEV,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,2CAAwC;AAChE,OAAO,EAAE,iBAAiB,EAAE,qDAAkD;AAO9E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,UAAU,CAGrD,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACxB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,EAAe,EAAE,EAAE;QAChD,MAAM,SAAS,GAAG,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAClE,OAAO,EAAE,CAAC,YAAY,GAAG,SAAS,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAErD,MAAM,GAAG,GAAG,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAErD,OAAO,KAAC,SAAS,CAAC,GAAG,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAChD,CAAC,CAAC,CAAC;AAEH,6BAA6B,CAAC,WAAW,GAAG,gCAAgC,CAAC"}
+{"version":3,"file":"ThreadViewportFooter.js","names":[],"sources":["../../../src/primitives/thread/ThreadViewportFooter.tsx"],"sourcesContent":["\"use client\";\n\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  useCallback,\n} from \"react\";\nimport { useSizeHandle } from \"../../utils/hooks/useSizeHandle\";\nimport { useThreadViewport } from \"../../context/react/ThreadViewportContext\";\n\nexport namespace ThreadPrimitiveViewportFooter {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * A footer container that measures its height for scroll calculations.\n *\n * This component measures its height and provides it to the viewport context\n * so the auto-scroll system can account for any sticky footer overlapping the\n * message list.\n *\n * Multiple ViewportFooter components can be used - their heights are summed.\n *\n * Typically used with `className=\"sticky bottom-0\"` to keep the footer\n * visible at the bottom of the viewport while scrolling.\n *\n * @example\n * ```tsx\n * <ThreadPrimitive.Viewport>\n *   <ThreadPrimitive.Messages>\n *     {() => <MyMessage />}\n *   </ThreadPrimitive.Messages>\n *   <ThreadPrimitive.ViewportFooter className=\"sticky bottom-0\">\n *     <Composer />\n *   </ThreadPrimitive.ViewportFooter>\n * </ThreadPrimitive.Viewport>\n * ```\n */\nexport const ThreadPrimitiveViewportFooter = forwardRef<\n  ThreadPrimitiveViewportFooter.Element,\n  ThreadPrimitiveViewportFooter.Props\n>((props, forwardedRef) => {\n  const register = useThreadViewport((s) => s.registerContentInset);\n  const getHeight = useCallback((el: HTMLElement) => {\n    const marginTop = parseFloat(getComputedStyle(el).marginTop) || 0;\n    return el.offsetHeight + marginTop;\n  }, []);\n\n  const resizeRef = useSizeHandle(register, getHeight);\n\n  const ref = useComposedRefs(forwardedRef, resizeRef);\n\n  return <Primitive.div {...props} ref={ref} />;\n});\n\nThreadPrimitiveViewportFooter.displayName = \"ThreadPrimitive.ViewportFooter\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAa,gCAAgC,YAG1C,OAAO,iBAAiB;CASzB,MAAM,MAAM,gBAAgB,cAFV,cAND,mBAAmB,MAAM,EAAE,oBAML,GALrB,aAAa,OAAoB;EACjD,MAAM,YAAY,WAAW,iBAAiB,EAAE,EAAE,SAAS,KAAK;EAChE,OAAO,GAAG,eAAe;CAC3B,GAAG,CAAC,CAE8C,CAEA,CAAC;CAEnD,OAAO,oBAAC,UAAU,KAAX;EAAe,GAAI;EAAY;CAAM,CAAA;AAC9C,CAAC;AAED,8BAA8B,cAAc"}

package/dist/primitives/thread/topAnchor/computeTopAnchorSlack.d.ts

@@ -1,11 +1,12 @@
-export type ComputeTopAnchorTargetOptions = {
-    viewport: HTMLElement;
-    anchor: HTMLElement;
-    tallerThan: number;
-    visibleHeight: number;
+//#region src/primitives/thread/topAnchor/computeTopAnchorSlack.d.ts
+type ComputeTopAnchorTargetOptions = {
+  viewport: HTMLElement;
+  anchor: HTMLElement;
+  tallerThan: number;
+  visibleHeight: number;
 };
-export type ComputeTopAnchorReserveOptions = ComputeTopAnchorTargetOptions & {
-    reserve: HTMLElement;
+type ComputeTopAnchorReserveOptions = ComputeTopAnchorTargetOptions & {
+  reserve: HTMLElement;
 };
 /**
  * Compute the scroll position that pins the anchor (last user message) to the
@@ -17,6 +18,17 @@ export type ComputeTopAnchorReserveOptions = ComputeTopAnchorTargetOptions & {
  * `viewport.scrollHeight` (which is volatile while the assistant message
  * streams in).
  */
-export declare const computeTopAnchorTargetScrollTop: ({ viewport, anchor, tallerThan, visibleHeight, }: ComputeTopAnchorTargetOptions) => number;
-export declare const computeTopAnchorReserve: ({ viewport, reserve, ...targetOptions }: ComputeTopAnchorReserveOptions) => number;
+declare const computeTopAnchorTargetScrollTop: ({
+  viewport,
+  anchor,
+  tallerThan,
+  visibleHeight
+}: ComputeTopAnchorTargetOptions) => number;
+declare const computeTopAnchorReserve: ({
+  viewport,
+  reserve,
+  ...targetOptions
+}: ComputeTopAnchorReserveOptions) => number;
+//#endregion
+export { ComputeTopAnchorReserveOptions, ComputeTopAnchorTargetOptions, computeTopAnchorReserve, computeTopAnchorTargetScrollTop };
 //# sourceMappingURL=computeTopAnchorSlack.d.ts.map

package/dist/primitives/thread/topAnchor/computeTopAnchorSlack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"computeTopAnchorSlack.d.ts","sourceRoot":"","sources":["../../../../src/primitives/thread/topAnchor/computeTopAnchorSlack.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,EAAE,WAAW,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,6BAA6B,GAAG;IAC3E,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAqCF;;;;;;;;;GASG;AACH,eAAO,MAAM,+BAA+B,GAAI,kDAK7C,6BAA6B,KAAG,MAOlC,CAAC;AAaF,eAAO,MAAM,uBAAuB,GAAI,yCAIrC,8BAA8B,KAAG,MAMnC,CAAC"}
+{"version":3,"file":"computeTopAnchorSlack.d.ts","names":[],"sources":["../../../../src/primitives/thread/topAnchor/computeTopAnchorSlack.ts"],"mappings":";KAEY,6BAAA;EACV,QAAA,EAAU,WAAA;EACV,MAAA,EAAQ,WAAW;EACnB,UAAA;EACA,aAAA;AAAA;AAAA,KAGU,8BAAA,GAAiC,6BAAA;EAC3C,OAAA,EAAS,WAAW;AAAA;;;;AAJP;AAGf;;;;;;cAiDa,+BAAA;EAAmC,QAAA;EAAA,MAAA;EAAA,UAAA;EAAA;AAAA,GAK7C,6BAAA;AAAA,cAoBU,uBAAA;EAA2B,QAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAIrC,8BAAA"}

package/dist/primitives/thread/topAnchor/computeTopAnchorSlack.js

@@ -1,53 +1,52 @@
 "use client";
+//#region src/primitives/thread/topAnchor/computeTopAnchorSlack.ts
 const getDocumentOffsetTop = (element) => {
-    let top = 0;
-    let current = element;
-    while (current) {
-        top += current.offsetTop;
-        current = current.offsetParent;
-    }
-    return top;
+	let top = 0;
+	let current = element;
+	while (current) {
+		top += current.offsetTop;
+		current = current.offsetParent;
+	}
+	return top;
 };
 const getLayoutOffsetTop = (element, ancestor) => {
-    // Use layout geometry, not visual rects, so entrance transforms/animations
-    // on the anchor do not shift the scroll target while they settle.
-    let top = 0;
-    let current = element;
-    while (current && current !== ancestor) {
-        top += current.offsetTop;
-        current = current.offsetParent;
-    }
-    if (current === ancestor)
-        return top;
-    return getDocumentOffsetTop(element) - getDocumentOffsetTop(ancestor);
+	let top = 0;
+	let current = element;
+	while (current && current !== ancestor) {
+		top += current.offsetTop;
+		current = current.offsetParent;
+	}
+	if (current === ancestor) return top;
+	return getDocumentOffsetTop(element) - getDocumentOffsetTop(ancestor);
 };
 /**
- * Compute the scroll position that pins the anchor (last user message) to the
- * top of the viewport. For tall user messages the anchor is intentionally
- * over-scrolled so only `visibleHeight` of it remains visible, leaving room
- * for the assistant message below.
- *
- * Depends only on the anchor's offset within the scroll content; never reads
- * `viewport.scrollHeight` (which is volatile while the assistant message
- * streams in).
- */
-export const computeTopAnchorTargetScrollTop = ({ viewport, anchor, tallerThan, visibleHeight, }) => {
-    const anchorTop = getLayoutOffsetTop(anchor, viewport);
-    const anchorHeight = anchor.offsetHeight;
-    const visibleAnchorHeight = anchorHeight <= tallerThan ? anchorHeight : visibleHeight;
-    return anchorTop + Math.max(0, anchorHeight - visibleAnchorHeight);
+* Compute the scroll position that pins the anchor (last user message) to the
+* top of the viewport. For tall user messages the anchor is intentionally
+* over-scrolled so only `visibleHeight` of it remains visible, leaving room
+* for the assistant message below.
+*
+* Depends only on the anchor's offset within the scroll content; never reads
+* `viewport.scrollHeight` (which is volatile while the assistant message
+* streams in).
+*/
+const computeTopAnchorTargetScrollTop = ({ viewport, anchor, tallerThan, visibleHeight }) => {
+	const anchorTop = getLayoutOffsetTop(anchor, viewport);
+	const anchorHeight = anchor.offsetHeight;
+	return anchorTop + Math.max(0, anchorHeight - (anchorHeight <= tallerThan ? anchorHeight : visibleHeight));
 };
 const computeTopAnchorSlack = ({ scrollHeight, ...targetOptions }) => {
-    const { viewport } = targetOptions;
-    const targetScrollTop = computeTopAnchorTargetScrollTop(targetOptions);
-    const targetScrollHeight = targetScrollTop + viewport.clientHeight;
-    return Math.max(0, targetScrollHeight - scrollHeight);
+	const { viewport } = targetOptions;
+	const targetScrollHeight = computeTopAnchorTargetScrollTop(targetOptions) + viewport.clientHeight;
+	return Math.max(0, targetScrollHeight - scrollHeight);
 };
-export const computeTopAnchorReserve = ({ viewport, reserve, ...targetOptions }) => {
-    return computeTopAnchorSlack({
-        viewport,
-        ...targetOptions,
-        scrollHeight: viewport.scrollHeight - reserve.offsetHeight,
-    });
+const computeTopAnchorReserve = ({ viewport, reserve, ...targetOptions }) => {
+	return computeTopAnchorSlack({
+		viewport,
+		...targetOptions,
+		scrollHeight: viewport.scrollHeight - reserve.offsetHeight
+	});
 };
+//#endregion
+export { computeTopAnchorReserve, computeTopAnchorTargetScrollTop };
+
 //# sourceMappingURL=computeTopAnchorSlack.js.map

package/dist/primitives/thread/topAnchor/computeTopAnchorSlack.js.map

@@ -1 +1 @@
-{"version":3,"file":"computeTopAnchorSlack.js","sourceRoot":"","sources":["../../../../src/primitives/thread/topAnchor/computeTopAnchorSlack.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAiBb,MAAM,oBAAoB,GAAG,CAAC,OAAoB,EAAU,EAAE;IAC5D,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,IAAI,OAAO,GAAuB,OAAO,CAAC;IAE1C,OAAO,OAAO,EAAE,CAAC;QACf,GAAG,IAAI,OAAO,CAAC,SAAS,CAAC;QACzB,OAAO,GAAG,OAAO,CAAC,YAAkC,CAAC;IACvD,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CACzB,OAAoB,EACpB,QAAqB,EACb,EAAE;IACV,2EAA2E;IAC3E,kEAAkE;IAClE,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,IAAI,OAAO,GAAuB,OAAO,CAAC;IAE1C,OAAO,OAAO,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACvC,GAAG,IAAI,OAAO,CAAC,SAAS,CAAC;QACzB,OAAO,GAAG,OAAO,CAAC,YAAkC,CAAC;IACvD,CAAC;IAED,IAAI,OAAO,KAAK,QAAQ;QAAE,OAAO,GAAG,CAAC;IAErC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;AACxE,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,EAC9C,QAAQ,EACR,MAAM,EACN,UAAU,EACV,aAAa,GACiB,EAAU,EAAE;IAC1C,MAAM,SAAS,GAAG,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;IACzC,MAAM,mBAAmB,GACvB,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;IAE5D,OAAO,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,mBAAmB,CAAC,CAAC;AACrE,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,EAC7B,YAAY,EACZ,GAAG,aAAa,EACa,EAAU,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC;IACnC,MAAM,eAAe,GAAG,+BAA+B,CAAC,aAAa,CAAC,CAAC;IACvE,MAAM,kBAAkB,GAAG,eAAe,GAAG,QAAQ,CAAC,YAAY,CAAC;IAEnE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,kBAAkB,GAAG,YAAY,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,QAAQ,EACR,OAAO,EACP,GAAG,aAAa,EACe,EAAU,EAAE;IAC3C,OAAO,qBAAqB,CAAC;QAC3B,QAAQ;QACR,GAAG,aAAa;QAChB,YAAY,EAAE,QAAQ,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY;KAC3D,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"computeTopAnchorSlack.js","names":[],"sources":["../../../../src/primitives/thread/topAnchor/computeTopAnchorSlack.ts"],"sourcesContent":["\"use client\";\n\nexport type ComputeTopAnchorTargetOptions = {\n  viewport: HTMLElement;\n  anchor: HTMLElement;\n  tallerThan: number;\n  visibleHeight: number;\n};\n\nexport type ComputeTopAnchorReserveOptions = ComputeTopAnchorTargetOptions & {\n  reserve: HTMLElement;\n};\n\ntype ComputeTopAnchorSlackOptions = ComputeTopAnchorTargetOptions & {\n  scrollHeight: number;\n};\n\nconst getDocumentOffsetTop = (element: HTMLElement): number => {\n  let top = 0;\n  let current: HTMLElement | null = element;\n\n  while (current) {\n    top += current.offsetTop;\n    current = current.offsetParent as HTMLElement | null;\n  }\n\n  return top;\n};\n\nconst getLayoutOffsetTop = (\n  element: HTMLElement,\n  ancestor: HTMLElement,\n): number => {\n  // Use layout geometry, not visual rects, so entrance transforms/animations\n  // on the anchor do not shift the scroll target while they settle.\n  let top = 0;\n  let current: HTMLElement | null = element;\n\n  while (current && current !== ancestor) {\n    top += current.offsetTop;\n    current = current.offsetParent as HTMLElement | null;\n  }\n\n  if (current === ancestor) return top;\n\n  return getDocumentOffsetTop(element) - getDocumentOffsetTop(ancestor);\n};\n\n/**\n * Compute the scroll position that pins the anchor (last user message) to the\n * top of the viewport. For tall user messages the anchor is intentionally\n * over-scrolled so only `visibleHeight` of it remains visible, leaving room\n * for the assistant message below.\n *\n * Depends only on the anchor's offset within the scroll content; never reads\n * `viewport.scrollHeight` (which is volatile while the assistant message\n * streams in).\n */\nexport const computeTopAnchorTargetScrollTop = ({\n  viewport,\n  anchor,\n  tallerThan,\n  visibleHeight,\n}: ComputeTopAnchorTargetOptions): number => {\n  const anchorTop = getLayoutOffsetTop(anchor, viewport);\n  const anchorHeight = anchor.offsetHeight;\n  const visibleAnchorHeight =\n    anchorHeight <= tallerThan ? anchorHeight : visibleHeight;\n\n  return anchorTop + Math.max(0, anchorHeight - visibleAnchorHeight);\n};\n\nconst computeTopAnchorSlack = ({\n  scrollHeight,\n  ...targetOptions\n}: ComputeTopAnchorSlackOptions): number => {\n  const { viewport } = targetOptions;\n  const targetScrollTop = computeTopAnchorTargetScrollTop(targetOptions);\n  const targetScrollHeight = targetScrollTop + viewport.clientHeight;\n\n  return Math.max(0, targetScrollHeight - scrollHeight);\n};\n\nexport const computeTopAnchorReserve = ({\n  viewport,\n  reserve,\n  ...targetOptions\n}: ComputeTopAnchorReserveOptions): number => {\n  return computeTopAnchorSlack({\n    viewport,\n    ...targetOptions,\n    scrollHeight: viewport.scrollHeight - reserve.offsetHeight,\n  });\n};\n"],"mappings":";;AAiBA,MAAM,wBAAwB,YAAiC;CAC7D,IAAI,MAAM;CACV,IAAI,UAA8B;CAElC,OAAO,SAAS;EACd,OAAO,QAAQ;EACf,UAAU,QAAQ;CACpB;CAEA,OAAO;AACT;AAEA,MAAM,sBACJ,SACA,aACW;CAGX,IAAI,MAAM;CACV,IAAI,UAA8B;CAElC,OAAO,WAAW,YAAY,UAAU;EACtC,OAAO,QAAQ;EACf,UAAU,QAAQ;CACpB;CAEA,IAAI,YAAY,UAAU,OAAO;CAEjC,OAAO,qBAAqB,OAAO,IAAI,qBAAqB,QAAQ;AACtE;;;;;;;;;;;AAYA,MAAa,mCAAmC,EAC9C,UACA,QACA,YACA,oBAC2C;CAC3C,MAAM,YAAY,mBAAmB,QAAQ,QAAQ;CACrD,MAAM,eAAe,OAAO;CAI5B,OAAO,YAAY,KAAK,IAAI,GAAG,gBAF7B,gBAAgB,aAAa,eAAe,cAEmB;AACnE;AAEA,MAAM,yBAAyB,EAC7B,cACA,GAAG,oBACuC;CAC1C,MAAM,EAAE,aAAa;CAErB,MAAM,qBADkB,gCAAgC,aACf,IAAI,SAAS;CAEtD,OAAO,KAAK,IAAI,GAAG,qBAAqB,YAAY;AACtD;AAEA,MAAa,2BAA2B,EACtC,UACA,SACA,GAAG,oBACyC;CAC5C,OAAO,sBAAsB;EAC3B;EACA,GAAG;EACH,cAAc,SAAS,eAAe,QAAQ;CAChD,CAAC;AACH"}

package/dist/primitives/thread/topAnchor/createReserveObservers.d.ts

@@ -1,5 +1,8 @@
-export declare const createReserveObservers: (onChange: () => void) => {
-    target: (viewport: HTMLElement, anchor: HTMLElement, target: HTMLElement) => void;
-    disconnect: () => void;
+//#region src/primitives/thread/topAnchor/createReserveObservers.d.ts
+declare const createReserveObservers: (onChange: () => void) => {
+  target: (viewport: HTMLElement, anchor: HTMLElement, target: HTMLElement) => void;
+  disconnect: () => void;
 };
+//#endregion
+export { createReserveObservers };
 //# sourceMappingURL=createReserveObservers.d.ts.map

package/dist/primitives/thread/topAnchor/createReserveObservers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createReserveObservers.d.ts","sourceRoot":"","sources":["../../../../src/primitives/thread/topAnchor/createReserveObservers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,GAAI,UAAU,MAAM,IAAI;uBAkB3C,WAAW,UACb,WAAW,UACX,WAAW;;CA2BxB,CAAC"}
+{"version":3,"file":"createReserveObservers.d.ts","names":[],"sources":["../../../../src/primitives/thread/topAnchor/createReserveObservers.ts"],"mappings":";cAEa,sBAAA,GAA0B,QAAA;qBAkBvB,WAAA,EAAW,MAAA,EACb,WAAA,EAAW,MAAA,EACX,WAAA"}

package/dist/primitives/thread/topAnchor/createReserveObservers.js

@@ -1,38 +1,38 @@
 "use client";
-export const createReserveObservers = (onChange) => {
-    const resizeObserver = new ResizeObserver(onChange);
-    const mutationObserver = new MutationObserver(onChange);
-    let observedViewport = null;
-    let observedAnchor = null;
-    let observedTarget = null;
-    const disconnect = () => {
-        resizeObserver.disconnect();
-        mutationObserver.disconnect();
-        observedViewport = null;
-        observedAnchor = null;
-        observedTarget = null;
-    };
-    return {
-        target: (viewport, anchor, target) => {
-            if (observedViewport === viewport &&
-                observedAnchor === anchor &&
-                observedTarget === target) {
-                return;
-            }
-            disconnect();
-            resizeObserver.observe(viewport);
-            resizeObserver.observe(anchor);
-            resizeObserver.observe(target);
-            mutationObserver.observe(target, {
-                childList: true,
-                subtree: true,
-                characterData: true,
-            });
-            observedViewport = viewport;
-            observedAnchor = anchor;
-            observedTarget = target;
-        },
-        disconnect,
-    };
+//#region src/primitives/thread/topAnchor/createReserveObservers.ts
+const createReserveObservers = (onChange) => {
+	const resizeObserver = new ResizeObserver(onChange);
+	const mutationObserver = new MutationObserver(onChange);
+	let observedViewport = null;
+	let observedAnchor = null;
+	let observedTarget = null;
+	const disconnect = () => {
+		resizeObserver.disconnect();
+		mutationObserver.disconnect();
+		observedViewport = null;
+		observedAnchor = null;
+		observedTarget = null;
+	};
+	return {
+		target: (viewport, anchor, target) => {
+			if (observedViewport === viewport && observedAnchor === anchor && observedTarget === target) return;
+			disconnect();
+			resizeObserver.observe(viewport);
+			resizeObserver.observe(anchor);
+			resizeObserver.observe(target);
+			mutationObserver.observe(target, {
+				childList: true,
+				subtree: true,
+				characterData: true
+			});
+			observedViewport = viewport;
+			observedAnchor = anchor;
+			observedTarget = target;
+		},
+		disconnect
+	};
 };
+//#endregion
+export { createReserveObservers };
+
 //# sourceMappingURL=createReserveObservers.js.map

package/dist/primitives/thread/topAnchor/createReserveObservers.js.map

@@ -1 +1 @@
-{"version":3,"file":"createReserveObservers.js","sourceRoot":"","sources":["../../../../src/primitives/thread/topAnchor/createReserveObservers.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,QAAoB,EAAE,EAAE;IAC7D,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;IACpD,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAExD,IAAI,gBAAgB,GAAuB,IAAI,CAAC;IAChD,IAAI,cAAc,GAAuB,IAAI,CAAC;IAC9C,IAAI,cAAc,GAAuB,IAAI,CAAC;IAE9C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,cAAc,CAAC,UAAU,EAAE,CAAC;QAC5B,gBAAgB,CAAC,UAAU,EAAE,CAAC;QAC9B,gBAAgB,GAAG,IAAI,CAAC;QACxB,cAAc,GAAG,IAAI,CAAC;QACtB,cAAc,GAAG,IAAI,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO;QACL,MAAM,EAAE,CACN,QAAqB,EACrB,MAAmB,EACnB,MAAmB,EACnB,EAAE;YACF,IACE,gBAAgB,KAAK,QAAQ;gBAC7B,cAAc,KAAK,MAAM;gBACzB,cAAc,KAAK,MAAM,EACzB,CAAC;gBACD,OAAO;YACT,CAAC;YAED,UAAU,EAAE,CAAC;YAEb,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YACjC,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAC/B,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAC/B,gBAAgB,CAAC,OAAO,CAAC,MAAM,EAAE;gBAC/B,SAAS,EAAE,IAAI;gBACf,OAAO,EAAE,IAAI;gBACb,aAAa,EAAE,IAAI;aACpB,CAAC,CAAC;YAEH,gBAAgB,GAAG,QAAQ,CAAC;YAC5B,cAAc,GAAG,MAAM,CAAC;YACxB,cAAc,GAAG,MAAM,CAAC;QAC1B,CAAC;QACD,UAAU;KACX,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"createReserveObservers.js","names":[],"sources":["../../../../src/primitives/thread/topAnchor/createReserveObservers.ts"],"sourcesContent":["\"use client\";\n\nexport const createReserveObservers = (onChange: () => void) => {\n  const resizeObserver = new ResizeObserver(onChange);\n  const mutationObserver = new MutationObserver(onChange);\n\n  let observedViewport: HTMLElement | null = null;\n  let observedAnchor: HTMLElement | null = null;\n  let observedTarget: HTMLElement | null = null;\n\n  const disconnect = () => {\n    resizeObserver.disconnect();\n    mutationObserver.disconnect();\n    observedViewport = null;\n    observedAnchor = null;\n    observedTarget = null;\n  };\n\n  return {\n    target: (\n      viewport: HTMLElement,\n      anchor: HTMLElement,\n      target: HTMLElement,\n    ) => {\n      if (\n        observedViewport === viewport &&\n        observedAnchor === anchor &&\n        observedTarget === target\n      ) {\n        return;\n      }\n\n      disconnect();\n\n      resizeObserver.observe(viewport);\n      resizeObserver.observe(anchor);\n      resizeObserver.observe(target);\n      mutationObserver.observe(target, {\n        childList: true,\n        subtree: true,\n        characterData: true,\n      });\n\n      observedViewport = viewport;\n      observedAnchor = anchor;\n      observedTarget = target;\n    },\n    disconnect,\n  };\n};\n"],"mappings":";;AAEA,MAAa,0BAA0B,aAAyB;CAC9D,MAAM,iBAAiB,IAAI,eAAe,QAAQ;CAClD,MAAM,mBAAmB,IAAI,iBAAiB,QAAQ;CAEtD,IAAI,mBAAuC;CAC3C,IAAI,iBAAqC;CACzC,IAAI,iBAAqC;CAEzC,MAAM,mBAAmB;EACvB,eAAe,WAAW;EAC1B,iBAAiB,WAAW;EAC5B,mBAAmB;EACnB,iBAAiB;EACjB,iBAAiB;CACnB;CAEA,OAAO;EACL,SACE,UACA,QACA,WACG;GACH,IACE,qBAAqB,YACrB,mBAAmB,UACnB,mBAAmB,QAEnB;GAGF,WAAW;GAEX,eAAe,QAAQ,QAAQ;GAC/B,eAAe,QAAQ,MAAM;GAC7B,eAAe,QAAQ,MAAM;GAC7B,iBAAiB,QAAQ,QAAQ;IAC/B,WAAW;IACX,SAAS;IACT,eAAe;GACjB,CAAC;GAED,mBAAmB;GACnB,iBAAiB;GACjB,iBAAiB;EACnB;EACA;CACF;AACF"}

package/dist/primitives/thread/topAnchor/mountTopAnchorReserve.d.ts

@@ -1,22 +1,25 @@
+//#region src/primitives/thread/topAnchor/mountTopAnchorReserve.d.ts
 /**
  * Minimal slice of `ThreadViewportStore` that the top-anchor reserve needs.
  * Decoupling from the full store keeps `mountTopAnchorReserve` testable in
  * isolation and re-usable from any consumer that can adapt to this shape.
  */
-export type TopAnchorStore = {
-    getState(): {
-        turnAnchor: "top" | "bottom";
-        element: {
-            viewport: HTMLElement | null;
-            anchor: HTMLElement | null;
-            target: HTMLElement | null;
-        };
-        targetConfig: {
-            tallerThan: number;
-            visibleHeight: number;
-        } | null;
+type TopAnchorStore = {
+  getState(): {
+    turnAnchor: "top" | "bottom";
+    element: {
+      viewport: HTMLElement | null;
+      anchor: HTMLElement | null;
+      target: HTMLElement | null;
     };
-    subscribe(fn: () => void): () => void;
+    targetConfig: {
+      tallerThan: number;
+      visibleHeight: number;
+    } | null;
+  };
+  subscribe(fn: () => void): () => void;
 };
-export declare const mountTopAnchorReserve: (store: TopAnchorStore) => () => void;
+declare const mountTopAnchorReserve: (store: TopAnchorStore) => () => void;
+//#endregion
+export { TopAnchorStore, mountTopAnchorReserve };
 //# sourceMappingURL=mountTopAnchorReserve.d.ts.map

package/dist/primitives/thread/topAnchor/mountTopAnchorReserve.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mountTopAnchorReserve.d.ts","sourceRoot":"","sources":["../../../../src/primitives/thread/topAnchor/mountTopAnchorReserve.ts"],"names":[],"mappings":"AAcA;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,IAAI;QACV,UAAU,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC7B,OAAO,EAAE;YACP,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;YAC7B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;YAC3B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;SAC5B,CAAC;QACF,YAAY,EAAE;YACZ,UAAU,EAAE,MAAM,CAAC;YACnB,aAAa,EAAE,MAAM,CAAC;SACvB,GAAG,IAAI,CAAC;KACV,CAAC;IACF,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;CACvC,CAAC;AAsBF,eAAO,MAAM,qBAAqB,GAAI,OAAO,cAAc,eAuE1D,CAAC"}
+{"version":3,"file":"mountTopAnchorReserve.d.ts","names":[],"sources":["../../../../src/primitives/thread/topAnchor/mountTopAnchorReserve.ts"],"mappings":";;AAmBA;;;;KAAY,cAAA;EACV,QAAA;IACE,UAAA;IACA,OAAA;MACE,QAAA,EAAU,WAAA;MACV,MAAA,EAAQ,WAAA;MACR,MAAA,EAAQ,WAAA;IAAA;IAEV,YAAA;MACE,UAAA;MACA,aAAA;IAAA;EAAA;EAGJ,SAAA,CAAU,EAAA;AAAA;AAAA,cAuBC,qBAAA,GAAyB,KAAqB,EAAd,cAAc"}

package/dist/primitives/thread/topAnchor/mountTopAnchorReserve.js

@@ -1,75 +1,78 @@
 "use client";
-import { computeTopAnchorReserve, computeTopAnchorTargetScrollTop, } from "./computeTopAnchorSlack.js";
+import { createReserveElement, getAnchorId, setReserveHeight, snapScrollTop } from "./topAnchorUtils.js";
+import { computeTopAnchorReserve, computeTopAnchorTargetScrollTop } from "./computeTopAnchorSlack.js";
 import { createReserveObservers } from "./createReserveObservers.js";
-import { createReserveElement, getAnchorId, setReserveHeight, snapScrollTop, } from "./topAnchorUtils.js";
+//#region src/primitives/thread/topAnchor/mountTopAnchorReserve.ts
 const createFrameScheduler = (fn) => {
-    let frame = null;
-    return {
-        schedule: () => {
-            if (frame !== null)
-                return;
-            frame = requestAnimationFrame(() => {
-                frame = null;
-                fn();
-            });
-        },
-        cancel: () => {
-            if (frame !== null) {
-                cancelAnimationFrame(frame);
-                frame = null;
-            }
-        },
-    };
+	let frame = null;
+	return {
+		schedule: () => {
+			if (frame !== null) return;
+			frame = requestAnimationFrame(() => {
+				frame = null;
+				fn();
+			});
+		},
+		cancel: () => {
+			if (frame !== null) {
+				cancelAnimationFrame(frame);
+				frame = null;
+			}
+		}
+	};
 };
-export const mountTopAnchorReserve = (store) => {
-    let reserve = null;
-    let lastScrolledAnchorId;
-    function apply() {
-        const state = store.getState();
-        const { viewport, anchor, target } = state.element;
-        const clamp = state.targetConfig;
-        if (state.turnAnchor !== "top" ||
-            !viewport ||
-            !anchor ||
-            !target ||
-            !clamp) {
-            observers.disconnect();
-            if (reserve) {
-                setReserveHeight(reserve, 0);
-                reserve.remove();
-            }
-            return;
-        }
-        reserve ??= createReserveElement();
-        if (reserve.parentElement !== target.parentElement ||
-            reserve.previousElementSibling !== target) {
-            target.after(reserve);
-        }
-        observers.target(viewport, anchor, target);
-        const reserveChanged = setReserveHeight(reserve, computeTopAnchorReserve({ viewport, anchor, reserve, ...clamp }));
-        if (reserveChanged) {
-            scheduler.schedule();
-            return;
-        }
-        const anchorId = getAnchorId(anchor);
-        if (anchorId !== undefined && lastScrolledAnchorId === anchorId)
-            return;
-        const targetScrollTop = snapScrollTop(computeTopAnchorTargetScrollTop({ viewport, anchor, ...clamp }));
-        if (Math.abs(viewport.scrollTop - targetScrollTop) > 1) {
-            viewport.scrollTo({ top: targetScrollTop, behavior: "smooth" });
-        }
-        if (anchorId !== undefined)
-            lastScrolledAnchorId = anchorId;
-    }
-    const scheduler = createFrameScheduler(apply);
-    const observers = createReserveObservers(scheduler.schedule);
-    scheduler.schedule();
-    const unsubscribe = store.subscribe(scheduler.schedule);
-    return () => {
-        scheduler.cancel();
-        unsubscribe();
-        observers.disconnect();
-        reserve?.remove();
-    };
+const mountTopAnchorReserve = (store) => {
+	let reserve = null;
+	let lastScrolledAnchorId;
+	function apply() {
+		const state = store.getState();
+		const { viewport, anchor, target } = state.element;
+		const clamp = state.targetConfig;
+		if (state.turnAnchor !== "top" || !viewport || !anchor || !target || !clamp) {
+			observers.disconnect();
+			if (reserve) {
+				setReserveHeight(reserve, 0);
+				reserve.remove();
+			}
+			return;
+		}
+		reserve ??= createReserveElement();
+		if (reserve.parentElement !== target.parentElement || reserve.previousElementSibling !== target) target.after(reserve);
+		observers.target(viewport, anchor, target);
+		if (setReserveHeight(reserve, computeTopAnchorReserve({
+			viewport,
+			anchor,
+			reserve,
+			...clamp
+		}))) {
+			scheduler.schedule();
+			return;
+		}
+		const anchorId = getAnchorId(anchor);
+		if (anchorId !== void 0 && lastScrolledAnchorId === anchorId) return;
+		const targetScrollTop = snapScrollTop(computeTopAnchorTargetScrollTop({
+			viewport,
+			anchor,
+			...clamp
+		}));
+		if (Math.abs(viewport.scrollTop - targetScrollTop) > 1) viewport.scrollTo({
+			top: targetScrollTop,
+			behavior: "smooth"
+		});
+		if (anchorId !== void 0) lastScrolledAnchorId = anchorId;
+	}
+	const scheduler = createFrameScheduler(apply);
+	const observers = createReserveObservers(scheduler.schedule);
+	scheduler.schedule();
+	const unsubscribe = store.subscribe(scheduler.schedule);
+	return () => {
+		scheduler.cancel();
+		unsubscribe();
+		observers.disconnect();
+		reserve?.remove();
+	};
 };
+//#endregion
+export { mountTopAnchorReserve };
+
 //# sourceMappingURL=mountTopAnchorReserve.js.map