@assistant-ui/react 0.15.21 → 0.15.23

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadViewportFooter.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadViewportFooter.tsx"],"mappings":";;;yBAaiB;OACH,UAAU,oBAAoB,UAAU;OACxC,QAAQ,gCAAgC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2BnD,+CAA6B,0BAAA,KAAA,qBAAA,gBAAA,kCAAA,eAAA;;;;oBAexC,cAAA,0CAAA,cAAA"}
+{"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"computeTopAnchorSlack.d.ts","names":[],"sources":["../../../../src/primitives/thread/topAnchor/computeTopAnchorSlack.ts"],"mappings":";YAEY;EACV,UAAU;EACV,QAAQ;EACR;EACA;;YAGU,iCAAiC;EAC3C,SAAS;;;;;;;;;;;;qBAgDE,oCAAmC,UAAA,QAAA,YAAA,iBAK7C;qBAoBU,4BAA2B,UAAA,YAAA,iBAIrC"}
+{"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"createReserveObservers.d.ts","names":[],"sources":["../../../../src/primitives/thread/topAnchor/createReserveObservers.ts"],"mappings":";qBAEa,yBAA0B;EAkBvB,SAAA,UAAA,aAAW,QACb,aAAW,QACX"}
+{"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"}

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

@@ -1,28 +1,26 @@
-//#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;
+    getState(): {
+        turnAnchor: "top" | "bottom";
+        element: {
+            viewport: HTMLElement | null;
+            anchor: HTMLElement | null;
+            target: HTMLElement | null;
+        };
+        targetConfig: {
+            tallerThan: number;
+            visibleHeight: number;
+        } | null;
+        topAnchorTurn: {
+            readonly anchorId: string;
+            readonly targetId: string;
+        } | null;
     };
-    targetConfig: {
-      tallerThan: number;
-      visibleHeight: number;
-    } | null;
-    topAnchorTurn: {
-      readonly anchorId: string;
-      readonly targetId: string;
-    } | null;
-  };
-  subscribe(fn: () => void): () => void;
+    subscribe(fn: () => void): () => void;
 };
 export declare const mountTopAnchorReserve: (store: TopAnchorStore) => () => void;
-//#endregion
 //# sourceMappingURL=mountTopAnchorReserve.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"mountTopAnchorReserve.d.ts","names":[],"sources":["../../../../src/primitives/thread/topAnchor/mountTopAnchorReserve.ts"],"mappings":";;;;;;YAmBY;EACV;IACE;IACA;MACE,UAAU;MACV,QAAQ;MACR,QAAQ;;IAEV;MACE;MACA;;IAEF;eACW;eACA;;;EAGb,UAAU;;qBAuBC,wBAAyB,OAAO"}
+{"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;QACT,aAAa,EAAE;YACb,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;YAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;SAC3B,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,eAiK1D,CAAC"}

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

@@ -24,12 +24,46 @@ const createFrameScheduler = (fn) => {
 const mountTopAnchorReserve = (store) => {
 	let reserve = null;
 	let lastScrolledAnchorId;
+	let listenedViewport = null;
+	let lastScrollTop = 0;
+	let restoreScrollTop = null;
+	let restoredThisTurn = false;
+	let lastAppliedTarget = null;
+	const clearRestore = () => {
+		restoreScrollTop = null;
+		lastAppliedTarget = null;
+	};
+	const wasPinnedAtLastScroll = () => lastAppliedTarget !== null && Math.abs(lastScrollTop - lastAppliedTarget) <= 1;
+	const handleScroll = () => {
+		const viewport = listenedViewport;
+		if (!viewport) return;
+		const scrollTop = viewport.scrollTop;
+		const maxScrollTop = Math.max(0, viewport.scrollHeight - viewport.clientHeight);
+		if (scrollTop < lastScrollTop && lastScrollTop > maxScrollTop + 1 && Math.abs(scrollTop - maxScrollTop) <= 1 && wasPinnedAtLastScroll() && !restoredThisTurn) {
+			restoreScrollTop ??= lastScrollTop;
+			scheduler.schedule();
+		}
+		lastScrollTop = scrollTop;
+	};
+	const listenViewport = (viewport) => {
+		if (listenedViewport === viewport) return;
+		if (listenedViewport) listenedViewport.removeEventListener("scroll", handleScroll);
+		listenedViewport = viewport;
+		restoredThisTurn = false;
+		clearRestore();
+		if (viewport) {
+			viewport.addEventListener("scroll", handleScroll, { passive: true });
+			lastScrollTop = viewport.scrollTop;
+		}
+	};
 	function apply() {
 		const state = store.getState();
 		const { viewport, anchor, target } = state.element;
 		const clamp = state.targetConfig;
+		listenViewport(state.turnAnchor === "top" ? viewport : null);
 		if (state.turnAnchor !== "top" || !viewport) {
 			observers.disconnect();
+			clearRestore();
 			if (reserve) {
 				setReserveHeight(reserve, 0);
 				reserve.remove();
@@ -38,11 +72,13 @@ const mountTopAnchorReserve = (store) => {
 		}
 		if (!anchor && !target && !clamp && state.topAnchorTurn) {
 			observers.disconnect();
+			clearRestore();
 			if (reserve?.parentElement && reserve.parentElement.lastElementChild !== reserve) reserve.parentElement.append(reserve);
 			return;
 		}
 		if (!anchor || !target || !clamp) {
 			observers.disconnect();
+			clearRestore();
 			if (reserve) {
 				setReserveHeight(reserve, 0);
 				reserve.remove();
@@ -62,17 +98,29 @@ const mountTopAnchorReserve = (store) => {
 			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;
+		if (anchorId === void 0 || anchorId !== lastScrolledAnchorId) {
+			restoreScrollTop = null;
+			restoredThisTurn = false;
+			if (Math.abs(viewport.scrollTop - targetScrollTop) > 1) viewport.scrollTo({
+				top: targetScrollTop,
+				behavior: "smooth"
+			});
+			if (anchorId !== void 0) lastScrolledAnchorId = anchorId;
+		} else if (restoreScrollTop !== null && lastAppliedTarget !== null) {
+			const desired = snapScrollTop(restoreScrollTop + (targetScrollTop - lastAppliedTarget));
+			restoreScrollTop = null;
+			restoredThisTurn = true;
+			if (Math.abs(viewport.scrollTop - desired) > 1) viewport.scrollTo({
+				top: desired,
+				behavior: "instant"
+			});
+		}
+		lastAppliedTarget = targetScrollTop;
 	}
 	const scheduler = createFrameScheduler(apply);
 	const observers = createReserveObservers(scheduler.schedule);
@@ -82,6 +130,7 @@ const mountTopAnchorReserve = (store) => {
 		scheduler.cancel();
 		unsubscribe();
 		observers.disconnect();
+		listenViewport(null);
 		reserve?.remove();
 	};
 };

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

@@ -1 +1 @@
-{"version":3,"file":"mountTopAnchorReserve.js","names":["computeTopAnchorReserve","computeTopAnchorTargetScrollTop","createReserveObservers","createReserveElement","getAnchorId","setReserveHeight","snapScrollTop","TopAnchorStore","getState","turnAnchor","element","viewport","HTMLElement","anchor","target","targetConfig","tallerThan","visibleHeight","topAnchorTurn","anchorId","targetId","subscribe","fn","createFrameScheduler","frame","schedule","requestAnimationFrame","cancel","cancelAnimationFrame","mountTopAnchorReserve","store","reserve","lastScrolledAnchorId","apply","state","clamp","observers","disconnect","remove","parentElement","lastElementChild","append","previousElementSibling","after","reserveChanged","scheduler","undefined","targetScrollTop","Math","abs","scrollTop","scrollTo","top","behavior","unsubscribe"],"sources":["../../../../src/primitives/thread/topAnchor/mountTopAnchorReserve.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  computeTopAnchorReserve,\n  computeTopAnchorTargetScrollTop,\n} from \"./computeTopAnchorSlack\";\nimport { createReserveObservers } from \"./createReserveObservers\";\nimport {\n  createReserveElement,\n  getAnchorId,\n  setReserveHeight,\n  snapScrollTop,\n} from \"./topAnchorUtils\";\n\n/**\n * Minimal slice of `ThreadViewportStore` that the top-anchor reserve needs.\n * Decoupling from the full store keeps `mountTopAnchorReserve` testable in\n * isolation and re-usable from any consumer that can adapt to this shape.\n */\nexport type TopAnchorStore = {\n  getState(): {\n    turnAnchor: \"top\" | \"bottom\";\n    element: {\n      viewport: HTMLElement | null;\n      anchor: HTMLElement | null;\n      target: HTMLElement | null;\n    };\n    targetConfig: {\n      tallerThan: number;\n      visibleHeight: number;\n    } | null;\n    topAnchorTurn: {\n      readonly anchorId: string;\n      readonly targetId: string;\n    } | null;\n  };\n  subscribe(fn: () => void): () => void;\n};\n\nconst createFrameScheduler = (fn: () => void) => {\n  let frame: number | null = null;\n\n  return {\n    schedule: () => {\n      if (frame !== null) return;\n      frame = requestAnimationFrame(() => {\n        frame = null;\n        fn();\n      });\n    },\n    cancel: () => {\n      if (frame !== null) {\n        cancelAnimationFrame(frame);\n        frame = null;\n      }\n    },\n  };\n};\n\nexport const mountTopAnchorReserve = (store: TopAnchorStore) => {\n  let reserve: HTMLElement | null = null;\n  let lastScrolledAnchorId: string | undefined;\n\n  function apply() {\n    const state = store.getState();\n    const { viewport, anchor, target } = state.element;\n    const clamp = state.targetConfig;\n\n    if (state.turnAnchor !== \"top\" || !viewport) {\n      observers.disconnect();\n      if (reserve) {\n        setReserveHeight(reserve, 0);\n        reserve.remove();\n      }\n      return;\n    }\n\n    if (!anchor && !target && !clamp && state.topAnchorTurn) {\n      // ThreadViewport clears this state once the stored pair stops being the\n      // trailing turn (followed at most by pending user messages), so reaching\n      // here means the anchor gap is transient and the next run is imminent.\n      observers.disconnect();\n      if (\n        reserve?.parentElement &&\n        reserve.parentElement.lastElementChild !== reserve\n      ) {\n        reserve.parentElement.append(reserve);\n      }\n      return;\n    }\n\n    if (!anchor || !target || !clamp) {\n      observers.disconnect();\n      if (reserve) {\n        setReserveHeight(reserve, 0);\n        reserve.remove();\n      }\n      return;\n    }\n\n    reserve ??= createReserveElement();\n\n    if (\n      reserve.parentElement !== target.parentElement ||\n      reserve.previousElementSibling !== target\n    ) {\n      target.after(reserve);\n    }\n\n    observers.target(viewport, anchor, target);\n\n    const reserveChanged = setReserveHeight(\n      reserve,\n      computeTopAnchorReserve({ viewport, anchor, reserve, ...clamp }),\n    );\n\n    if (reserveChanged) {\n      scheduler.schedule();\n      return;\n    }\n\n    const anchorId = getAnchorId(anchor);\n    if (anchorId !== undefined && lastScrolledAnchorId === anchorId) return;\n\n    const targetScrollTop = snapScrollTop(\n      computeTopAnchorTargetScrollTop({ viewport, anchor, ...clamp }),\n    );\n\n    if (Math.abs(viewport.scrollTop - targetScrollTop) > 1) {\n      viewport.scrollTo({ top: targetScrollTop, behavior: \"smooth\" });\n    }\n\n    if (anchorId !== undefined) lastScrolledAnchorId = anchorId;\n  }\n\n  const scheduler = createFrameScheduler(apply);\n  const observers = createReserveObservers(scheduler.schedule);\n\n  scheduler.schedule();\n  const unsubscribe = store.subscribe(scheduler.schedule);\n\n  return () => {\n    scheduler.cancel();\n    unsubscribe();\n    observers.disconnect();\n    reserve?.remove();\n  };\n};\n"],"mappings":";;;;;AAuCA,MAAMuB,wBAAwBD,OAAmB;CAC/C,IAAIE,QAAuB;CAE3B,OAAO;EACLC,gBAAgB;GACd,IAAID,UAAU,MAAM;GACpBA,QAAQE,4BAA4B;IAClCF,QAAQ;IACRF,GAAG;GACL,CAAC;EACH;EACAK,cAAc;GACZ,IAAIH,UAAU,MAAM;IAClBI,qBAAqBJ,KAAK;IAC1BA,QAAQ;GACV;EACF;CACF;AACF;AAEA,MAAaK,yBAAyBC,UAA0B;CAC9D,IAAIC,UAA8B;CAClC,IAAIC;CAEJ,SAASC,QAAQ;EACf,MAAMC,QAAQJ,MAAMtB,SAAS;EAC7B,MAAM,EAAEG,UAAUE,QAAQC,WAAWoB,MAAMxB;EAC3C,MAAMyB,QAAQD,MAAMnB;EAEpB,IAAImB,MAAMzB,eAAe,SAAS,CAACE,UAAU;GAC3CyB,UAAUC,WAAW;GACrB,IAAIN,SAAS;IACX1B,iBAAiB0B,SAAS,CAAC;IAC3BA,QAAQO,OAAO;GACjB;GACA;EACF;EAEA,IAAI,CAACzB,UAAU,CAACC,UAAU,CAACqB,SAASD,MAAMhB,eAAe;GAIvDkB,UAAUC,WAAW;GACrB,IACEN,SAASQ,iBACTR,QAAQQ,cAAcC,qBAAqBT,SAE3CA,QAAQQ,cAAcE,OAAOV,OAAO;GAEtC;EACF;EAEA,IAAI,CAAClB,UAAU,CAACC,UAAU,CAACqB,OAAO;GAChCC,UAAUC,WAAW;GACrB,IAAIN,SAAS;IACX1B,iBAAiB0B,SAAS,CAAC;IAC3BA,QAAQO,OAAO;GACjB;GACA;EACF;EAEAP,YAAY5B,qBAAqB;EAEjC,IACE4B,QAAQQ,kBAAkBzB,OAAOyB,iBACjCR,QAAQW,2BAA2B5B,QAEnCA,OAAO6B,MAAMZ,OAAO;EAGtBK,UAAUtB,OAAOH,UAAUE,QAAQC,MAAM;EAOzC,IALuBT,iBACrB0B,SACA/B,wBAAwB;GAAEW;GAAUE;GAAQkB;GAAS,GAAGI;EAAM,CAAC,CAG7DS,GAAgB;GAClBC,UAAUpB,SAAS;GACnB;EACF;EAEA,MAAMN,WAAWf,YAAYS,MAAM;EACnC,IAAIM,aAAa2B,KAAAA,KAAad,yBAAyBb,UAAU;EAEjE,MAAM4B,kBAAkBzC,cACtBL,gCAAgC;GAAEU;GAAUE;GAAQ,GAAGsB;EAAM,CAAC,CAChE;EAEA,IAAIa,KAAKC,IAAItC,SAASuC,YAAYH,eAAe,IAAI,GACnDpC,SAASwC,SAAS;GAAEC,KAAKL;GAAiBM,UAAU;EAAS,CAAC;EAGhE,IAAIlC,aAAa2B,KAAAA,GAAWd,uBAAuBb;CACrD;CAEA,MAAM0B,YAAYtB,qBAAqBU,KAAK;CAC5C,MAAMG,YAAYlC,uBAAuB2C,UAAUpB,QAAQ;CAE3DoB,UAAUpB,SAAS;CACnB,MAAM6B,cAAcxB,MAAMT,UAAUwB,UAAUpB,QAAQ;CAEtD,aAAa;EACXoB,UAAUlB,OAAO;EACjB2B,YAAY;EACZlB,UAAUC,WAAW;EACrBN,SAASO,OAAO;CAClB;AACF"}
+{"version":3,"file":"mountTopAnchorReserve.js","names":["computeTopAnchorReserve","computeTopAnchorTargetScrollTop","createReserveObservers","createReserveElement","getAnchorId","setReserveHeight","snapScrollTop","TopAnchorStore","getState","turnAnchor","element","viewport","HTMLElement","anchor","target","targetConfig","tallerThan","visibleHeight","topAnchorTurn","anchorId","targetId","subscribe","fn","createFrameScheduler","frame","schedule","requestAnimationFrame","cancel","cancelAnimationFrame","mountTopAnchorReserve","store","reserve","lastScrolledAnchorId","listenedViewport","lastScrollTop","restoreScrollTop","restoredThisTurn","lastAppliedTarget","clearRestore","wasPinnedAtLastScroll","Math","abs","handleScroll","scrollTop","maxScrollTop","max","scrollHeight","clientHeight","isRangeClamp","scheduler","listenViewport","removeEventListener","addEventListener","passive","apply","state","clamp","observers","disconnect","remove","parentElement","lastElementChild","append","previousElementSibling","after","reserveChanged","targetScrollTop","undefined","scrollTo","top","behavior","desired","unsubscribe"],"sources":["../../../../src/primitives/thread/topAnchor/mountTopAnchorReserve.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  computeTopAnchorReserve,\n  computeTopAnchorTargetScrollTop,\n} from \"./computeTopAnchorSlack\";\nimport { createReserveObservers } from \"./createReserveObservers\";\nimport {\n  createReserveElement,\n  getAnchorId,\n  setReserveHeight,\n  snapScrollTop,\n} from \"./topAnchorUtils\";\n\n/**\n * Minimal slice of `ThreadViewportStore` that the top-anchor reserve needs.\n * Decoupling from the full store keeps `mountTopAnchorReserve` testable in\n * isolation and re-usable from any consumer that can adapt to this shape.\n */\nexport type TopAnchorStore = {\n  getState(): {\n    turnAnchor: \"top\" | \"bottom\";\n    element: {\n      viewport: HTMLElement | null;\n      anchor: HTMLElement | null;\n      target: HTMLElement | null;\n    };\n    targetConfig: {\n      tallerThan: number;\n      visibleHeight: number;\n    } | null;\n    topAnchorTurn: {\n      readonly anchorId: string;\n      readonly targetId: string;\n    } | null;\n  };\n  subscribe(fn: () => void): () => void;\n};\n\nconst createFrameScheduler = (fn: () => void) => {\n  let frame: number | null = null;\n\n  return {\n    schedule: () => {\n      if (frame !== null) return;\n      frame = requestAnimationFrame(() => {\n        frame = null;\n        fn();\n      });\n    },\n    cancel: () => {\n      if (frame !== null) {\n        cancelAnimationFrame(frame);\n        frame = null;\n      }\n    },\n  };\n};\n\nexport const mountTopAnchorReserve = (store: TopAnchorStore) => {\n  let reserve: HTMLElement | null = null;\n  let lastScrolledAnchorId: string | undefined;\n\n  let listenedViewport: HTMLElement | null = null;\n  let lastScrollTop = 0;\n  let restoreScrollTop: number | null = null;\n  let restoredThisTurn = false;\n  let lastAppliedTarget: number | null = null;\n\n  const clearRestore = () => {\n    restoreScrollTop = null;\n    lastAppliedTarget = null;\n  };\n\n  const wasPinnedAtLastScroll = () =>\n    lastAppliedTarget !== null &&\n    Math.abs(lastScrollTop - lastAppliedTarget) <= 1;\n\n  const handleScroll = () => {\n    const viewport = listenedViewport;\n    if (!viewport) return;\n    const scrollTop = viewport.scrollTop;\n    const maxScrollTop = Math.max(\n      0,\n      viewport.scrollHeight - viewport.clientHeight,\n    );\n    // A range clamp starts beyond the new maximum and lands on it.\n    const isRangeClamp =\n      scrollTop < lastScrollTop &&\n      lastScrollTop > maxScrollTop + 1 &&\n      Math.abs(scrollTop - maxScrollTop) <= 1;\n\n    if (isRangeClamp && wasPinnedAtLastScroll() && !restoredThisTurn) {\n      restoreScrollTop ??= lastScrollTop;\n      scheduler.schedule();\n    }\n\n    lastScrollTop = scrollTop;\n  };\n\n  const listenViewport = (viewport: HTMLElement | null) => {\n    if (listenedViewport === viewport) return;\n    if (listenedViewport) {\n      listenedViewport.removeEventListener(\"scroll\", handleScroll);\n    }\n    listenedViewport = viewport;\n    restoredThisTurn = false;\n    clearRestore();\n    if (viewport) {\n      viewport.addEventListener(\"scroll\", handleScroll, { passive: true });\n      lastScrollTop = viewport.scrollTop;\n    }\n  };\n\n  function apply() {\n    const state = store.getState();\n    const { viewport, anchor, target } = state.element;\n    const clamp = state.targetConfig;\n\n    listenViewport(state.turnAnchor === \"top\" ? viewport : null);\n\n    if (state.turnAnchor !== \"top\" || !viewport) {\n      observers.disconnect();\n      clearRestore();\n      if (reserve) {\n        setReserveHeight(reserve, 0);\n        reserve.remove();\n      }\n      return;\n    }\n\n    if (!anchor && !target && !clamp && state.topAnchorTurn) {\n      // ThreadViewport clears this state once the stored pair stops being the\n      // trailing turn (followed at most by pending user messages), so reaching\n      // here means the anchor gap is transient and the next run is imminent.\n      observers.disconnect();\n      clearRestore();\n      if (\n        reserve?.parentElement &&\n        reserve.parentElement.lastElementChild !== reserve\n      ) {\n        reserve.parentElement.append(reserve);\n      }\n      return;\n    }\n\n    if (!anchor || !target || !clamp) {\n      observers.disconnect();\n      clearRestore();\n      if (reserve) {\n        setReserveHeight(reserve, 0);\n        reserve.remove();\n      }\n      return;\n    }\n\n    reserve ??= createReserveElement();\n\n    if (\n      reserve.parentElement !== target.parentElement ||\n      reserve.previousElementSibling !== target\n    ) {\n      target.after(reserve);\n    }\n\n    observers.target(viewport, anchor, target);\n\n    const reserveChanged = setReserveHeight(\n      reserve,\n      computeTopAnchorReserve({ viewport, anchor, reserve, ...clamp }),\n    );\n\n    if (reserveChanged) {\n      scheduler.schedule();\n      return;\n    }\n\n    const anchorId = getAnchorId(anchor);\n    const targetScrollTop = snapScrollTop(\n      computeTopAnchorTargetScrollTop({ viewport, anchor, ...clamp }),\n    );\n\n    if (anchorId === undefined || anchorId !== lastScrolledAnchorId) {\n      restoreScrollTop = null;\n      restoredThisTurn = false;\n      if (Math.abs(viewport.scrollTop - targetScrollTop) > 1) {\n        viewport.scrollTo({ top: targetScrollTop, behavior: \"smooth\" });\n      }\n      if (anchorId !== undefined) lastScrolledAnchorId = anchorId;\n    } else if (restoreScrollTop !== null && lastAppliedTarget !== null) {\n      // Restore the anchor-relative position: if content above the anchor\n      // changed height and the browser already adjusted scrollTop to match\n      // (scroll anchoring), the desired offset equals the current one and\n      // this is a no-op.\n      const desired = snapScrollTop(\n        restoreScrollTop + (targetScrollTop - lastAppliedTarget),\n      );\n      restoreScrollTop = null;\n      restoredThisTurn = true;\n      if (Math.abs(viewport.scrollTop - desired) > 1) {\n        viewport.scrollTo({ top: desired, behavior: \"instant\" });\n      }\n    }\n\n    lastAppliedTarget = targetScrollTop;\n  }\n\n  const scheduler = createFrameScheduler(apply);\n  const observers = createReserveObservers(scheduler.schedule);\n\n  scheduler.schedule();\n  const unsubscribe = store.subscribe(scheduler.schedule);\n\n  return () => {\n    scheduler.cancel();\n    unsubscribe();\n    observers.disconnect();\n    listenViewport(null);\n    reserve?.remove();\n  };\n};\n"],"mappings":"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"}

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

@@ -1,11 +1,10 @@
-//#region src/primitives/thread/topAnchor/topAnchorTurn.d.ts
 type TopAnchorTurnMessage = {
-  readonly id: string;
-  readonly role: string;
+    readonly id: string;
+    readonly role: string;
 };
 export type TopAnchorTurn = {
-  readonly anchorId: string;
-  readonly targetId: string;
+    readonly anchorId: string;
+    readonly targetId: string;
 };
 /**
  * A stored turn stays valid only while it is still the trailing turn: the
@@ -15,14 +14,14 @@ export type TopAnchorTurn = {
  * turn completed elsewhere), so the reserve must be torn down, not preserved.
  */
 export declare const isTopAnchorTurnValid: (turn: TopAnchorTurn | null, messages: readonly TopAnchorTurnMessage[]) => boolean;
-export declare const getActiveTopAnchorTurn: ({ isRunning, messages }: {
-  readonly isRunning: boolean;
-  readonly messages: readonly TopAnchorTurnMessage[];
+export declare const getActiveTopAnchorTurn: ({ isRunning, messages, }: {
+    readonly isRunning: boolean;
+    readonly messages: readonly TopAnchorTurnMessage[];
 }) => {
-  anchorId: string;
-  targetId: string;
+    anchorId: string;
+    targetId: string;
 } | null;
 export declare const getActiveTopAnchorAnchorId: (options: Parameters<typeof getActiveTopAnchorTurn>[0]) => string | undefined;
 export declare const getActiveTopAnchorTargetId: (options: Parameters<typeof getActiveTopAnchorTurn>[0]) => string | undefined;
-//#endregion
+export {};
 //# sourceMappingURL=topAnchorTurn.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"topAnchorTurn.d.ts","names":[],"sources":["../../../../src/primitives/thread/topAnchor/topAnchorTurn.ts"],"mappings":";KAEK;WACM;WACA;;YAGC;WACD;WACA;;;;;;;;;qBAUE,uBACX,MAAM,sBACN,mBAAmB;qBAeR,2BAA0B,WAAA;WAI5B;WACA,mBAAmB;;;;;qBAWjB,6BACX,SAAS,kBAAkB;qBAGhB,6BACX,SAAS,kBAAkB"}
+{"version":3,"file":"topAnchorTurn.d.ts","sourceRoot":"","sources":["../../../../src/primitives/thread/topAnchor/topAnchorTurn.ts"],"names":[],"mappings":"AAEA,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAC/B,MAAM,aAAa,GAAG,IAAI,EAC1B,UAAU,SAAS,oBAAoB,EAAE,YAa1C,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,0BAGpC;IACD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,SAAS,oBAAoB,EAAE,CAAC;CACpD;;;QAQA,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,SAAS,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC,CAAC,CAAC,uBACT,CAAC;AAE/C,eAAO,MAAM,0BAA0B,GACrC,SAAS,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC,CAAC,CAAC,uBACT,CAAC"}

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

@@ -1,4 +1,3 @@
-//#region src/primitives/thread/topAnchor/topAnchorUtils.d.ts
 /**
  * Convert a supported CSS length string (`px`, `em`, `rem`) into pixels,
  * resolving font-relative units against the supplied element's computed style.
@@ -13,5 +12,4 @@ export declare const getAnchorId: (anchor: HTMLElement) => string | undefined;
 export declare const createReserveElement: () => HTMLDivElement;
 export declare const setReserveHeight: (reserve: HTMLElement, height: number) => boolean;
 export declare const snapScrollTop: (top: number) => number;
-//#endregion
 //# sourceMappingURL=topAnchorUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"topAnchorUtils.d.ts","names":[],"sources":["../../../../src/primitives/thread/topAnchor/topAnchorUtils.ts"],"mappings":";;;;;;;;;;qBAWa,iBAAkB,eAAe,SAAS;qBAoB1C,cAAe,QAAQ;qBAEvB,4BAAoB;qBAWpB,mBAAoB,SAAS,aAAa;qBAU1C,gBAAiB"}
+{"version":3,"file":"topAnchorUtils.d.ts","sourceRoot":"","sources":["../../../../src/primitives/thread/topAnchor/topAnchorUtils.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,EAAE,SAAS,WAAW,KAAG,MAkBpE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,QAAQ,WAAW,uBAA6B,CAAC;AAE7E,eAAO,MAAM,oBAAoB,sBAShC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,EAAE,QAAQ,MAAM,YAQpE,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,WAGxC,CAAC"}

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

@@ -1,9 +1,7 @@
-//#region src/primitives/thread/topAnchor/useTopAnchorReserve.d.ts
 /**
  * Mounts the top-turn-anchor reserve element against the active
  * `ThreadViewport` store. Call this from inside the scrollable viewport so
  * the reserve `<div>` is appended next to the streaming assistant message.
  */
 export declare const useTopAnchorReserve: (enabled: boolean) => void;
-//#endregion
 //# sourceMappingURL=useTopAnchorReserve.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTopAnchorReserve.d.ts","names":[],"sources":["../../../../src/primitives/thread/topAnchor/useTopAnchorReserve.ts"],"mappings":";;;;;;qBAWa,sBAAuB"}
+{"version":3,"file":"useTopAnchorReserve.d.ts","sourceRoot":"","sources":["../../../../src/primitives/thread/topAnchor/useTopAnchorReserve.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,OAAO,SAOnD,CAAC"}

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

@@ -1,34 +1,32 @@
-import { RefCallback } from "react";
-//#region src/primitives/thread/useThreadViewportAutoScroll.d.ts
+import { type RefCallback } from "react";
 export declare namespace useThreadViewportAutoScroll {
-  type Options = {
-    /**
-     * Whether to automatically scroll to the bottom when new messages are added.
-     * When enabled, the viewport will automatically scroll to show the latest content.
-     *
-     * Default false if `turnAnchor` is "top", otherwise defaults to true.
-     */
-    autoScroll?: boolean | undefined;
-    /**
-     * Whether to scroll to bottom when a new run starts.
-     *
-     * Defaults to true.
-     */
-    scrollToBottomOnRunStart?: boolean | undefined;
-    /**
-     * Whether to scroll to bottom when messages first appear in the thread.
-     *
-     * Defaults to true.
-     */
-    scrollToBottomOnInitialize?: boolean | undefined;
-    /**
-     * Whether to scroll to bottom when switching to a different thread.
-     *
-     * Defaults to true.
-     */
-    scrollToBottomOnThreadSwitch?: boolean | undefined;
-  };
+    type Options = {
+        /**
+         * Whether to automatically scroll to the bottom when new messages are added.
+         * When enabled, the viewport will automatically scroll to show the latest content.
+         *
+         * Default false if `turnAnchor` is "top", otherwise defaults to true.
+         */
+        autoScroll?: boolean | undefined;
+        /**
+         * Whether to scroll to bottom when a new run starts.
+         *
+         * Defaults to true.
+         */
+        scrollToBottomOnRunStart?: boolean | undefined;
+        /**
+         * Whether to scroll to bottom when messages first appear in the thread.
+         *
+         * Defaults to true.
+         */
+        scrollToBottomOnInitialize?: boolean | undefined;
+        /**
+         * Whether to scroll to bottom when switching to a different thread.
+         *
+         * Defaults to true.
+         */
+        scrollToBottomOnThreadSwitch?: boolean | undefined;
+    };
 }
-export declare const useThreadViewportAutoScroll: <TElement extends HTMLElement>({ autoScroll, scrollToBottomOnRunStart, scrollToBottomOnInitialize, scrollToBottomOnThreadSwitch }: useThreadViewportAutoScroll.Options) => RefCallback<TElement>;
-//#endregion
+export declare const useThreadViewportAutoScroll: <TElement extends HTMLElement>({ autoScroll, scrollToBottomOnRunStart, scrollToBottomOnInitialize, scrollToBottomOnThreadSwitch, }: useThreadViewportAutoScroll.Options) => RefCallback<TElement>;
 //# sourceMappingURL=useThreadViewportAutoScroll.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useThreadViewportAutoScroll.d.ts","names":[],"sources":["../../../src/primitives/thread/useThreadViewportAutoScroll.ts"],"mappings":";;yBAgBiB;OACH;;;;;;;IAOV;;;;;;IAOA;;;;;;IAOA;;;;;;IAOA;;;qBAIS,8BAA+B,iBAAiB,eAAa,YAAA,0BAAA,4BAAA,gCAKvE,4BAA4B,YAAU,YAAY"}
+{"version":3,"file":"useThreadViewportAutoScroll.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/useThreadViewportAutoScroll.ts"],"names":[],"mappings":"AAGA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAgC/E,yBAAiB,2BAA2B,CAAC;IAC3C,KAAY,OAAO,GAAG;QACpB;;;;;WAKG;QACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAEjC;;;;WAIG;QACH,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAE/C;;;;WAIG;QACH,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAEjD;;;;WAIG;QACH,4BAA4B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KACpD,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,GAAI,QAAQ,SAAS,WAAW,EAAE,qGAKvE,2BAA2B,CAAC,OAAO,KAAG,WAAW,CAAC,QAAQ,CAqN5D,CAAC"}

package/dist/primitives/thread/useThreadViewportAutoScroll.js

@@ -4,11 +4,18 @@ import { writableStore } from "../../context/ReadonlyStore.js";
 import { useOnScrollToBottom } from "../../utils/hooks/useOnScrollToBottom.js";
 import { useManagedRef } from "../../utils/hooks/useManagedRef.js";
 import { useOnResizeContent } from "../../utils/hooks/useOnResizeContent.js";
-import { useAuiEvent, useAuiState } from "@assistant-ui/store";
 import { useCallback, useLayoutEffect, useRef } from "@assistant-ui/tap/react-shim";
+import { useAuiEvent, useAuiState } from "@assistant-ui/store";
 import { useComposedRefs } from "radix-ui/internal";
 import { isUserScrollUp, isViewportAtBottom, viewportOverflows } from "@assistant-ui/store/client";
 //#region src/primitives/thread/useThreadViewportAutoScroll.ts
+const ACTIVATION_KEYS = /* @__PURE__ */ new Set(["Enter", " "]);
+const TEXT_ENTRY_SELECTOR = [
+	"textarea",
+	"select",
+	"[contenteditable]:not([contenteditable='false'])",
+	"input:not([type='checkbox']):not([type='radio']):not([type='button']):not([type='submit']):not([type='reset']):not([type='image']):not([type='range']):not([type='file']):not([type='color'])"
+].join(", ");
 const useThreadViewportAutoScroll = ({ autoScroll, scrollToBottomOnRunStart = true, scrollToBottomOnInitialize = true, scrollToBottomOnThreadSwitch = true }) => {
 	const divRef = useRef(null);
 	const hasMessages = useAuiState((s) => s.thread.messages.length > 0);
@@ -97,13 +104,21 @@ const useThreadViewportAutoScroll = ({ autoScroll, scrollToBottomOnRunStart = tr
 	});
 	const scrollRef = useManagedRef((el) => {
 		const cancelPendingScrollToBottom = () => {
+			cancelScheduledFrame();
 			scrollingToBottomBehaviorRef.current = null;
 		};
+		const cancelOnKeyDown = (event) => {
+			if (!ACTIVATION_KEYS.has(event.key)) return;
+			if (event.target?.closest?.(TEXT_ENTRY_SELECTOR)) return;
+			cancelPendingScrollToBottom();
+		};
 		el.addEventListener("scroll", handleScroll);
 		el.addEventListener("pointerdown", cancelPendingScrollToBottom);
+		el.addEventListener("keydown", cancelOnKeyDown);
 		return () => {
 			el.removeEventListener("scroll", handleScroll);
 			el.removeEventListener("pointerdown", cancelPendingScrollToBottom);
+			el.removeEventListener("keydown", cancelOnKeyDown);
 		};
 	});
 	useLayoutEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"useThreadViewportAutoScroll.js","names":["useComposedRefs","useCallback","useLayoutEffect","useRef","RefCallback","useAuiEvent","useAuiState","isUserScrollUp","isViewportAtBottom","viewportOverflows","useOnResizeContent","useOnScrollToBottom","useManagedRef","writableStore","useThreadViewportStore","useThreadViewportAutoScroll","Options","autoScroll","scrollToBottomOnRunStart","scrollToBottomOnInitialize","scrollToBottomOnThreadSwitch","HTMLElement","TElement","divRef","hasMessages","s","thread","messages","length","isRunning","initializeScrollRequestedRef","scheduledFrameRef","threadViewportStore","undefined","getState","turnAnchor","lastScrollTop","lastScrollHeight","lastObservedScrollHeight","lastObservedClientHeight","scrollingToBottomBehaviorRef","ScrollBehavior","followBottomRef","previousAutoScrollRef","previousAutoScroll","current","div","scrollToBottom","behavior","scrollTo","top","scrollHeight","cancelScheduledFrame","cancelAnimationFrame","scheduleScrollToBottom","requestAnimationFrame","hasActiveTopAnchor","state","element","viewport","anchor","handleScroll","isAtBottom","newIsAtBottom","isInFlightDownwardScroll","scrollTop","userScrolledUp","shouldUpdate","setState","resizeRef","clientHeight","scrollBehavior","scrollRef","el","cancelPendingScrollToBottom","addEventListener","removeEventListener","autoScrollRef"],"sources":["../../../src/primitives/thread/useThreadViewportAutoScroll.ts"],"sourcesContent":["\"use client\";\n\nimport { useComposedRefs } from \"radix-ui/internal\";\nimport { useCallback, useLayoutEffect, useRef, type RefCallback } from \"react\";\nimport { useAuiEvent, useAuiState } from \"@assistant-ui/store\";\nimport {\n  isUserScrollUp,\n  isViewportAtBottom,\n  viewportOverflows,\n} from \"@assistant-ui/store/client\";\nimport { useOnResizeContent } from \"../../utils/hooks/useOnResizeContent\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useManagedRef } from \"../../utils/hooks/useManagedRef\";\nimport { writableStore } from \"../../context/ReadonlyStore\";\nimport { useThreadViewportStore } from \"../../context/react/ThreadViewportContext\";\n\nexport namespace useThreadViewportAutoScroll {\n  export type Options = {\n    /**\n     * Whether to automatically scroll to the bottom when new messages are added.\n     * When enabled, the viewport will automatically scroll to show the latest content.\n     *\n     * Default false if `turnAnchor` is \"top\", otherwise defaults to true.\n     */\n    autoScroll?: boolean | undefined;\n\n    /**\n     * Whether to scroll to bottom when a new run starts.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnRunStart?: boolean | undefined;\n\n    /**\n     * Whether to scroll to bottom when messages first appear in the thread.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnInitialize?: boolean | undefined;\n\n    /**\n     * Whether to scroll to bottom when switching to a different thread.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnThreadSwitch?: boolean | undefined;\n  };\n}\n\nexport const useThreadViewportAutoScroll = <TElement extends HTMLElement>({\n  autoScroll,\n  scrollToBottomOnRunStart = true,\n  scrollToBottomOnInitialize = true,\n  scrollToBottomOnThreadSwitch = true,\n}: useThreadViewportAutoScroll.Options): RefCallback<TElement> => {\n  const divRef = useRef<TElement>(null);\n  const hasMessages = useAuiState((s) => s.thread.messages.length > 0);\n  const isRunning = useAuiState((s) => s.thread.isRunning);\n  const initializeScrollRequestedRef = useRef(false);\n  const scheduledFrameRef = useRef<number | null>(null);\n\n  const threadViewportStore = useThreadViewportStore();\n  if (autoScroll === undefined) {\n    autoScroll = threadViewportStore.getState().turnAnchor !== \"top\";\n  }\n\n  const lastScrollTop = useRef<number>(0);\n  const lastScrollHeight = useRef<number>(0);\n  const lastObservedScrollHeight = useRef<number>(0);\n  const lastObservedClientHeight = useRef<number>(0);\n\n  // Pending bottom-scroll intent. Planted by initialize/run-start/switch/button\n  // triggers, cleared when handleScroll confirms we reached bottom, or when the\n  // user actively scrolls up while content size is stable.\n  const scrollingToBottomBehaviorRef = useRef<ScrollBehavior | null>(null);\n  const followBottomRef = useRef(autoScroll);\n  const previousAutoScrollRef = useRef(autoScroll);\n\n  useLayoutEffect(() => {\n    const previousAutoScroll = previousAutoScrollRef.current;\n    previousAutoScrollRef.current = autoScroll;\n    if (previousAutoScroll || !autoScroll) return;\n\n    const div = divRef.current;\n    followBottomRef.current = div !== null && isViewportAtBottom(div);\n  }, [autoScroll]);\n\n  const scrollToBottom = useCallback((behavior: ScrollBehavior) => {\n    const div = divRef.current;\n    if (!div) return;\n\n    followBottomRef.current = true;\n    scrollingToBottomBehaviorRef.current = behavior;\n    div.scrollTo({ top: div.scrollHeight, behavior });\n  }, []);\n\n  const cancelScheduledFrame = useCallback(() => {\n    if (scheduledFrameRef.current === null) return;\n    cancelAnimationFrame(scheduledFrameRef.current);\n    scheduledFrameRef.current = null;\n  }, []);\n\n  const scheduleScrollToBottom = useCallback(\n    (behavior: ScrollBehavior) => {\n      scrollingToBottomBehaviorRef.current = behavior;\n      cancelScheduledFrame();\n      scheduledFrameRef.current = requestAnimationFrame(() => {\n        scheduledFrameRef.current = null;\n        scrollToBottom(behavior);\n      });\n    },\n    [cancelScheduledFrame, scrollToBottom],\n  );\n\n  useLayoutEffect(() => () => cancelScheduledFrame(), [cancelScheduledFrame]);\n\n  const hasActiveTopAnchor = useCallback(() => {\n    const state = threadViewportStore.getState();\n    return (\n      state.turnAnchor === \"top\" &&\n      state.element.viewport === divRef.current &&\n      state.element.anchor !== null\n    );\n  }, [threadViewportStore]);\n\n  const handleScroll = () => {\n    const div = divRef.current;\n    if (!div) return;\n\n    const isAtBottom = threadViewportStore.getState().isAtBottom;\n    const newIsAtBottom = isViewportAtBottom(div);\n\n    const isInFlightDownwardScroll =\n      !newIsAtBottom && lastScrollTop.current < div.scrollTop;\n    if (isInFlightDownwardScroll) {\n      // no-op: a smooth scroll-to-bottom fires many midpoint scroll events\n      // before landing, don't flicker isAtBottom or clear intent mid-animation\n    } else {\n      const userScrolledUp = isUserScrollUp(\n        {\n          scrollTop: lastScrollTop.current,\n          scrollHeight: lastScrollHeight.current,\n        },\n        div,\n      );\n\n      if (newIsAtBottom) {\n        // newIsAtBottom is ambiguous when the viewport doesn't overflow —\n        // keep intent alive until content can actually scroll\n        if (viewportOverflows(div)) {\n          scrollingToBottomBehaviorRef.current = null;\n        }\n        if (autoScroll) followBottomRef.current = true;\n      } else if (userScrolledUp) {\n        cancelScheduledFrame();\n        scrollingToBottomBehaviorRef.current = null;\n        followBottomRef.current = false;\n      }\n\n      const shouldUpdate =\n        newIsAtBottom || scrollingToBottomBehaviorRef.current === null;\n\n      if (shouldUpdate && newIsAtBottom !== isAtBottom) {\n        writableStore(threadViewportStore).setState({\n          isAtBottom: newIsAtBottom,\n        });\n      }\n    }\n\n    lastScrollTop.current = div.scrollTop;\n    lastScrollHeight.current = div.scrollHeight;\n  };\n\n  const resizeRef = useOnResizeContent(() => {\n    const div = divRef.current;\n    if (!div) return;\n\n    const { scrollHeight, clientHeight } = div;\n    if (\n      scrollHeight === lastObservedScrollHeight.current &&\n      clientHeight === lastObservedClientHeight.current\n    ) {\n      return;\n    }\n    lastObservedScrollHeight.current = scrollHeight;\n    lastObservedClientHeight.current = clientHeight;\n\n    const scrollBehavior = scrollingToBottomBehaviorRef.current;\n    if (scrollBehavior && hasActiveTopAnchor()) {\n      // Let the top-anchor reserve own scrolling while a run starts to avoid a bottom-scroll race.\n      scrollingToBottomBehaviorRef.current = null;\n    } else if (scrollBehavior) {\n      scrollToBottom(scrollBehavior);\n    } else if (\n      autoScroll &&\n      !(isRunning && hasActiveTopAnchor()) &&\n      followBottomRef.current\n    ) {\n      scrollToBottom(\"instant\");\n    }\n\n    handleScroll();\n  });\n\n  const scrollRef = useManagedRef<HTMLElement>((el) => {\n    // A pointer gesture invalidates pending bottom-scroll intent; otherwise an\n    // intent kept alive by a non-overflowing thread (see handleScroll) hijacks\n    // the next content growth, e.g. expanding a collapsible tool call.\n    const cancelPendingScrollToBottom = () => {\n      scrollingToBottomBehaviorRef.current = null;\n    };\n    el.addEventListener(\"scroll\", handleScroll);\n    el.addEventListener(\"pointerdown\", cancelPendingScrollToBottom);\n    return () => {\n      el.removeEventListener(\"scroll\", handleScroll);\n      el.removeEventListener(\"pointerdown\", cancelPendingScrollToBottom);\n    };\n  });\n\n  useLayoutEffect(() => {\n    if (!scrollToBottomOnInitialize) return;\n    if (!hasMessages) {\n      initializeScrollRequestedRef.current = false;\n      return;\n    }\n    if (initializeScrollRequestedRef.current) return;\n\n    initializeScrollRequestedRef.current = true;\n    // defer to an in-flight run (e.g. first message on a new thread) that\n    // already planted intent — otherwise we'd downgrade its \"auto\" to \"instant\"\n    if (scrollingToBottomBehaviorRef.current !== null) return;\n    scheduleScrollToBottom(\"instant\");\n  }, [hasMessages, scheduleScrollToBottom, scrollToBottomOnInitialize]);\n\n  useOnScrollToBottom(({ behavior }) => {\n    scrollToBottom(behavior);\n  });\n\n  useAuiEvent(\"thread.runStart\", () => {\n    if (!scrollToBottomOnRunStart) return;\n    if (threadViewportStore.getState().turnAnchor === \"top\") return;\n    scheduleScrollToBottom(\"auto\");\n  });\n\n  useAuiEvent(\"threads.selectionChanged\", () => {\n    if (!scrollToBottomOnThreadSwitch) return;\n    scheduleScrollToBottom(\"instant\");\n  });\n\n  const autoScrollRef = useComposedRefs<TElement>(resizeRef, scrollRef, divRef);\n  return autoScrollRef as RefCallback<TElement>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useThreadViewportAutoScroll.js","names":["useComposedRefs","useCallback","useLayoutEffect","useRef","RefCallback","useAuiEvent","useAuiState","isUserScrollUp","isViewportAtBottom","viewportOverflows","useOnResizeContent","useOnScrollToBottom","useManagedRef","writableStore","useThreadViewportStore","ACTIVATION_KEYS","Set","TEXT_ENTRY_SELECTOR","join","useThreadViewportAutoScroll","Options","autoScroll","scrollToBottomOnRunStart","scrollToBottomOnInitialize","scrollToBottomOnThreadSwitch","HTMLElement","TElement","divRef","hasMessages","s","thread","messages","length","isRunning","initializeScrollRequestedRef","scheduledFrameRef","threadViewportStore","undefined","getState","turnAnchor","lastScrollTop","lastScrollHeight","lastObservedScrollHeight","lastObservedClientHeight","scrollingToBottomBehaviorRef","ScrollBehavior","followBottomRef","previousAutoScrollRef","previousAutoScroll","current","div","scrollToBottom","behavior","scrollTo","top","scrollHeight","cancelScheduledFrame","cancelAnimationFrame","scheduleScrollToBottom","requestAnimationFrame","hasActiveTopAnchor","state","element","viewport","anchor","handleScroll","isAtBottom","newIsAtBottom","isInFlightDownwardScroll","scrollTop","userScrolledUp","shouldUpdate","setState","resizeRef","clientHeight","scrollBehavior","scrollRef","el","cancelPendingScrollToBottom","cancelOnKeyDown","event","KeyboardEvent","has","key","target","Element","closest","addEventListener","removeEventListener","autoScrollRef"],"sources":["../../../src/primitives/thread/useThreadViewportAutoScroll.ts"],"sourcesContent":["\"use client\";\n\nimport { useComposedRefs } from \"radix-ui/internal\";\nimport { useCallback, useLayoutEffect, useRef, type RefCallback } from \"react\";\nimport { useAuiEvent, useAuiState } from \"@assistant-ui/store\";\nimport {\n  isUserScrollUp,\n  isViewportAtBottom,\n  viewportOverflows,\n} from \"@assistant-ui/store/client\";\nimport { useOnResizeContent } from \"../../utils/hooks/useOnResizeContent\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useManagedRef } from \"../../utils/hooks/useManagedRef\";\nimport { writableStore } from \"../../context/ReadonlyStore\";\nimport { useThreadViewportStore } from \"../../context/react/ThreadViewportContext\";\n\n// Enter and Space activate a focused control, which is how a collapsible tool\n// call expands without a pointer event ever firing. No other key changes thread\n// content: the keys that scroll the viewport reach handleScroll, which already\n// clears the intent when the user scrolls up.\nconst ACTIVATION_KEYS = new Set([\"Enter\", \" \"]);\n\n// A control that consumes the activation key itself instead of acting on thread\n// content. `contenteditable=\"false\"` marks a non-editable island inside an\n// editable tree, so it is excluded the way ComposerRoot already excludes it;\n// the input types left out are the ones a key activates rather than fills.\nconst TEXT_ENTRY_SELECTOR = [\n  \"textarea\",\n  \"select\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  \"input:not([type='checkbox']):not([type='radio']):not([type='button'])\" +\n    \":not([type='submit']):not([type='reset']):not([type='image'])\" +\n    \":not([type='range']):not([type='file']):not([type='color'])\",\n].join(\", \");\n\nexport namespace useThreadViewportAutoScroll {\n  export type Options = {\n    /**\n     * Whether to automatically scroll to the bottom when new messages are added.\n     * When enabled, the viewport will automatically scroll to show the latest content.\n     *\n     * Default false if `turnAnchor` is \"top\", otherwise defaults to true.\n     */\n    autoScroll?: boolean | undefined;\n\n    /**\n     * Whether to scroll to bottom when a new run starts.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnRunStart?: boolean | undefined;\n\n    /**\n     * Whether to scroll to bottom when messages first appear in the thread.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnInitialize?: boolean | undefined;\n\n    /**\n     * Whether to scroll to bottom when switching to a different thread.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnThreadSwitch?: boolean | undefined;\n  };\n}\n\nexport const useThreadViewportAutoScroll = <TElement extends HTMLElement>({\n  autoScroll,\n  scrollToBottomOnRunStart = true,\n  scrollToBottomOnInitialize = true,\n  scrollToBottomOnThreadSwitch = true,\n}: useThreadViewportAutoScroll.Options): RefCallback<TElement> => {\n  const divRef = useRef<TElement>(null);\n  const hasMessages = useAuiState((s) => s.thread.messages.length > 0);\n  const isRunning = useAuiState((s) => s.thread.isRunning);\n  const initializeScrollRequestedRef = useRef(false);\n  const scheduledFrameRef = useRef<number | null>(null);\n\n  const threadViewportStore = useThreadViewportStore();\n  if (autoScroll === undefined) {\n    autoScroll = threadViewportStore.getState().turnAnchor !== \"top\";\n  }\n\n  const lastScrollTop = useRef<number>(0);\n  const lastScrollHeight = useRef<number>(0);\n  const lastObservedScrollHeight = useRef<number>(0);\n  const lastObservedClientHeight = useRef<number>(0);\n\n  // Pending bottom-scroll intent. Planted by initialize/run-start/switch/button\n  // triggers, cleared when handleScroll confirms we reached bottom, or when the\n  // user actively scrolls up while content size is stable.\n  const scrollingToBottomBehaviorRef = useRef<ScrollBehavior | null>(null);\n  const followBottomRef = useRef(autoScroll);\n  const previousAutoScrollRef = useRef(autoScroll);\n\n  useLayoutEffect(() => {\n    const previousAutoScroll = previousAutoScrollRef.current;\n    previousAutoScrollRef.current = autoScroll;\n    if (previousAutoScroll || !autoScroll) return;\n\n    const div = divRef.current;\n    followBottomRef.current = div !== null && isViewportAtBottom(div);\n  }, [autoScroll]);\n\n  const scrollToBottom = useCallback((behavior: ScrollBehavior) => {\n    const div = divRef.current;\n    if (!div) return;\n\n    followBottomRef.current = true;\n    scrollingToBottomBehaviorRef.current = behavior;\n    div.scrollTo({ top: div.scrollHeight, behavior });\n  }, []);\n\n  const cancelScheduledFrame = useCallback(() => {\n    if (scheduledFrameRef.current === null) return;\n    cancelAnimationFrame(scheduledFrameRef.current);\n    scheduledFrameRef.current = null;\n  }, []);\n\n  const scheduleScrollToBottom = useCallback(\n    (behavior: ScrollBehavior) => {\n      scrollingToBottomBehaviorRef.current = behavior;\n      cancelScheduledFrame();\n      scheduledFrameRef.current = requestAnimationFrame(() => {\n        scheduledFrameRef.current = null;\n        scrollToBottom(behavior);\n      });\n    },\n    [cancelScheduledFrame, scrollToBottom],\n  );\n\n  useLayoutEffect(() => () => cancelScheduledFrame(), [cancelScheduledFrame]);\n\n  const hasActiveTopAnchor = useCallback(() => {\n    const state = threadViewportStore.getState();\n    return (\n      state.turnAnchor === \"top\" &&\n      state.element.viewport === divRef.current &&\n      state.element.anchor !== null\n    );\n  }, [threadViewportStore]);\n\n  const handleScroll = () => {\n    const div = divRef.current;\n    if (!div) return;\n\n    const isAtBottom = threadViewportStore.getState().isAtBottom;\n    const newIsAtBottom = isViewportAtBottom(div);\n\n    const isInFlightDownwardScroll =\n      !newIsAtBottom && lastScrollTop.current < div.scrollTop;\n    if (isInFlightDownwardScroll) {\n      // no-op: a smooth scroll-to-bottom fires many midpoint scroll events\n      // before landing, don't flicker isAtBottom or clear intent mid-animation\n    } else {\n      const userScrolledUp = isUserScrollUp(\n        {\n          scrollTop: lastScrollTop.current,\n          scrollHeight: lastScrollHeight.current,\n        },\n        div,\n      );\n\n      if (newIsAtBottom) {\n        // newIsAtBottom is ambiguous when the viewport doesn't overflow —\n        // keep intent alive until content can actually scroll\n        if (viewportOverflows(div)) {\n          scrollingToBottomBehaviorRef.current = null;\n        }\n        if (autoScroll) followBottomRef.current = true;\n      } else if (userScrolledUp) {\n        cancelScheduledFrame();\n        scrollingToBottomBehaviorRef.current = null;\n        followBottomRef.current = false;\n      }\n\n      const shouldUpdate =\n        newIsAtBottom || scrollingToBottomBehaviorRef.current === null;\n\n      if (shouldUpdate && newIsAtBottom !== isAtBottom) {\n        writableStore(threadViewportStore).setState({\n          isAtBottom: newIsAtBottom,\n        });\n      }\n    }\n\n    lastScrollTop.current = div.scrollTop;\n    lastScrollHeight.current = div.scrollHeight;\n  };\n\n  const resizeRef = useOnResizeContent(() => {\n    const div = divRef.current;\n    if (!div) return;\n\n    const { scrollHeight, clientHeight } = div;\n    if (\n      scrollHeight === lastObservedScrollHeight.current &&\n      clientHeight === lastObservedClientHeight.current\n    ) {\n      return;\n    }\n    lastObservedScrollHeight.current = scrollHeight;\n    lastObservedClientHeight.current = clientHeight;\n\n    const scrollBehavior = scrollingToBottomBehaviorRef.current;\n    if (scrollBehavior && hasActiveTopAnchor()) {\n      // Let the top-anchor reserve own scrolling while a run starts to avoid a bottom-scroll race.\n      scrollingToBottomBehaviorRef.current = null;\n    } else if (scrollBehavior) {\n      scrollToBottom(scrollBehavior);\n    } else if (\n      autoScroll &&\n      !(isRunning && hasActiveTopAnchor()) &&\n      followBottomRef.current\n    ) {\n      scrollToBottom(\"instant\");\n    }\n\n    handleScroll();\n  });\n\n  const scrollRef = useManagedRef<HTMLElement>((el) => {\n    // A user gesture invalidates pending bottom-scroll intent; otherwise an\n    // intent kept alive by a non-overflowing thread (see handleScroll) hijacks\n    // the next content growth, e.g. expanding a collapsible tool call. Keyboard\n    // activation reaches that same content without ever emitting a pointer\n    // event, so it has to cancel the intent too.\n    const cancelPendingScrollToBottom = () => {\n      // A scheduled frame re-plants the intent when it runs, so clearing the\n      // ref alone leaves the gesture undone.\n      cancelScheduledFrame();\n      scrollingToBottomBehaviorRef.current = null;\n    };\n    // The composer renders inside the viewport, so its keystrokes bubble here;\n    // only an activation key aimed at something other than a text field is a\n    // gesture on thread content.\n    const cancelOnKeyDown = (event: KeyboardEvent) => {\n      if (!ACTIVATION_KEYS.has(event.key)) return;\n      const target = event.target as Element | null;\n      if (target?.closest?.(TEXT_ENTRY_SELECTOR)) return;\n      cancelPendingScrollToBottom();\n    };\n    el.addEventListener(\"scroll\", handleScroll);\n    el.addEventListener(\"pointerdown\", cancelPendingScrollToBottom);\n    el.addEventListener(\"keydown\", cancelOnKeyDown);\n    return () => {\n      el.removeEventListener(\"scroll\", handleScroll);\n      el.removeEventListener(\"pointerdown\", cancelPendingScrollToBottom);\n      el.removeEventListener(\"keydown\", cancelOnKeyDown);\n    };\n  });\n\n  useLayoutEffect(() => {\n    if (!scrollToBottomOnInitialize) return;\n    if (!hasMessages) {\n      initializeScrollRequestedRef.current = false;\n      return;\n    }\n    if (initializeScrollRequestedRef.current) return;\n\n    initializeScrollRequestedRef.current = true;\n    // defer to an in-flight run (e.g. first message on a new thread) that\n    // already planted intent — otherwise we'd downgrade its \"auto\" to \"instant\"\n    if (scrollingToBottomBehaviorRef.current !== null) return;\n    scheduleScrollToBottom(\"instant\");\n  }, [hasMessages, scheduleScrollToBottom, scrollToBottomOnInitialize]);\n\n  useOnScrollToBottom(({ behavior }) => {\n    scrollToBottom(behavior);\n  });\n\n  useAuiEvent(\"thread.runStart\", () => {\n    if (!scrollToBottomOnRunStart) return;\n    if (threadViewportStore.getState().turnAnchor === \"top\") return;\n    scheduleScrollToBottom(\"auto\");\n  });\n\n  useAuiEvent(\"threads.selectionChanged\", () => {\n    if (!scrollToBottomOnThreadSwitch) return;\n    scheduleScrollToBottom(\"instant\");\n  });\n\n  const autoScrollRef = useComposedRefs<TElement>(resizeRef, scrollRef, divRef);\n  return autoScrollRef as RefCallback<TElement>;\n};\n"],"mappings":"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"}

package/dist/primitives/thread.d.ts

@@ -1,16 +1,13 @@
-import { ThreadPrimitiveViewportProvider } from "../context/providers/ThreadViewportProvider.js";
-import { ThreadPrimitiveRoot } from "./thread/ThreadRoot.js";
-import { ThreadPrimitiveEmpty } from "./thread/ThreadEmpty.js";
-import { ThreadPrimitiveIf } from "./thread/ThreadIf.js";
-import { ThreadPrimitiveViewport } from "./thread/ThreadViewport.js";
-import { ThreadPrimitiveViewportFooter } from "./thread/ThreadViewportFooter.js";
-import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveUnstable_MessageById } from "./thread/ThreadMessages.js";
-import { ThreadPrimitiveScrollToBottom } from "./thread/ThreadScrollToBottom.js";
-import { ThreadPrimitiveSuggestion } from "./thread/ThreadSuggestion.js";
-import { ThreadPrimitiveSuggestionByIndex, ThreadPrimitiveSuggestions } from "./thread/ThreadSuggestions.js";
-declare namespace thread_d_exports {
-  export { ThreadPrimitiveEmpty as Empty, ThreadPrimitiveIf as If, ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveMessages as Messages, ThreadPrimitiveRoot as Root, ThreadPrimitiveScrollToBottom as ScrollToBottom, ThreadPrimitiveSuggestion as Suggestion, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveUnstable_MessageById as Unstable_MessageById, ThreadPrimitiveViewport as Viewport, ThreadPrimitiveViewportFooter as ViewportFooter, ThreadPrimitiveViewportProvider as ViewportProvider };
-}
-//#endregion
-export { ThreadPrimitiveEmpty as Empty, ThreadPrimitiveIf as If, ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveMessages as Messages, ThreadPrimitiveRoot as Root, ThreadPrimitiveScrollToBottom as ScrollToBottom, ThreadPrimitiveSuggestion as Suggestion, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveUnstable_MessageById as Unstable_MessageById, ThreadPrimitiveViewport as Viewport, ThreadPrimitiveViewportFooter as ViewportFooter, ThreadPrimitiveViewportProvider as ViewportProvider, thread_d_exports };
+export { ThreadPrimitiveRoot as Root } from "./thread/ThreadRoot.js";
+export { ThreadPrimitiveEmpty as Empty } from "./thread/ThreadEmpty.js";
+export { ThreadPrimitiveIf as If } from "./thread/ThreadIf.js";
+export { ThreadPrimitiveViewport as Viewport } from "./thread/ThreadViewport.js";
+export { ThreadPrimitiveViewportProvider as ViewportProvider } from "../context/providers/ThreadViewportProvider.js";
+export { ThreadPrimitiveViewportFooter as ViewportFooter } from "./thread/ThreadViewportFooter.js";
+export { ThreadPrimitiveMessages as Messages } from "./thread/ThreadMessages.js";
+export { ThreadPrimitiveMessageByIndex as MessageByIndex } from "./thread/ThreadMessages.js";
+export { ThreadPrimitiveUnstable_MessageById as Unstable_MessageById } from "./thread/ThreadMessages.js";
+export { ThreadPrimitiveScrollToBottom as ScrollToBottom } from "./thread/ThreadScrollToBottom.js";
+export { ThreadPrimitiveSuggestion as Suggestion } from "./thread/ThreadSuggestion.js";
+export { ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, } from "./thread/ThreadSuggestions.js";
 //# sourceMappingURL=thread.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"thread.d.ts","names":[],"sources":["../../src/primitives/thread.ts"],"mappings":""}
+{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../src/primitives/thread.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,IAAI,IAAI,EAAE,+BAA4B;AAClE,OAAO,EAAE,oBAAoB,IAAI,KAAK,EAAE,gCAA6B;AACrE,OAAO,EAAE,iBAAiB,IAAI,EAAE,EAAE,6BAA0B;AAC5D,OAAO,EAAE,uBAAuB,IAAI,QAAQ,EAAE,mCAAgC;AAC9E,OAAO,EAAE,+BAA+B,IAAI,gBAAgB,EAAE,uDAAoD;AAClH,OAAO,EAAE,6BAA6B,IAAI,cAAc,EAAE,yCAAsC;AAChG,OAAO,EAAE,uBAAuB,IAAI,QAAQ,EAAE,mCAAgC;AAC9E,OAAO,EAAE,6BAA6B,IAAI,cAAc,EAAE,mCAAgC;AAC1F,OAAO,EAAE,mCAAmC,IAAI,oBAAoB,EAAE,mCAAgC;AACtG,OAAO,EAAE,6BAA6B,IAAI,cAAc,EAAE,yCAAsC;AAChG,OAAO,EAAE,yBAAyB,IAAI,UAAU,EAAE,qCAAkC;AACpF,OAAO,EACL,0BAA0B,IAAI,WAAW,EACzC,gCAAgC,IAAI,iBAAiB,GACtD,sCAAmC"}

package/dist/primitives/threadList/ThreadListItems.d.ts

@@ -1,2 +1,2 @@
-import { ThreadListPrimitiveItemByIndex, ThreadListPrimitiveItems } from "@assistant-ui/core/react";
-export { ThreadListPrimitiveItemByIndex, ThreadListPrimitiveItems };
+export { ThreadListPrimitiveItems, ThreadListPrimitiveItemByIndex, } from "@assistant-ui/core/react";
+//# sourceMappingURL=ThreadListItems.d.ts.map

package/dist/primitives/threadList/ThreadListItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadListItems.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadList/ThreadListItems.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,wBAAwB,EACxB,8BAA8B,GAC/B,MAAM,0BAA0B,CAAC"}