@assistant-ui/react 0.14.18 → 0.14.20

package/dist/primitives/thread/ThreadScrollToBottom.js

@@ -1,18 +1,36 @@
 "use client";
 import { useThreadViewport, useThreadViewportStore } from "../../context/react/ThreadViewportContext.js";
 import { createActionButton } from "../../utils/createActionButton.js";
-import { useCallback } from "@assistant-ui/tap/react-shim";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 //#region src/primitives/thread/ThreadScrollToBottom.ts
-const useThreadScrollToBottom = ({ behavior } = {}) => {
-	const isAtBottom = useThreadViewport((s) => s.isAtBottom);
+const useThreadScrollToBottom = (t0) => {
+	const $ = c(5);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { behavior } = t1;
+	const isAtBottom = useThreadViewport(_temp);
 	const threadViewportStore = useThreadViewportStore();
-	const handleScrollToBottom = useCallback(() => {
-		threadViewportStore.getState().scrollToBottom({ behavior });
-	}, [threadViewportStore, behavior]);
+	let t2;
+	if ($[2] !== behavior || $[3] !== threadViewportStore) {
+		t2 = () => {
+			threadViewportStore.getState().scrollToBottom({ behavior });
+		};
+		$[2] = behavior;
+		$[3] = threadViewportStore;
+		$[4] = t2;
+	} else t2 = $[4];
+	const handleScrollToBottom = t2;
 	if (isAtBottom) return null;
 	return handleScrollToBottom;
 };
 const ThreadPrimitiveScrollToBottom = createActionButton("ThreadPrimitive.ScrollToBottom", useThreadScrollToBottom, ["behavior"]);
+function _temp(s) {
+	return s.isAtBottom;
+}
 //#endregion
 export { ThreadPrimitiveScrollToBottom };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadScrollToBottom.js","names":[],"sources":["../../../src/primitives/thread/ThreadScrollToBottom.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useCallback } from \"react\";\nimport {\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"../../context/react/ThreadViewportContext\";\n\nexport namespace useThreadScrollToBottom {\n  export type Options = {\n    behavior?: ScrollBehavior | undefined;\n  };\n}\n\nconst useThreadScrollToBottom = ({\n  behavior,\n}: useThreadScrollToBottom.Options = {}) => {\n  const isAtBottom = useThreadViewport((s) => s.isAtBottom);\n\n  const threadViewportStore = useThreadViewportStore();\n\n  const handleScrollToBottom = useCallback(() => {\n    threadViewportStore.getState().scrollToBottom({ behavior });\n  }, [threadViewportStore, behavior]);\n\n  if (isAtBottom) return null;\n  return handleScrollToBottom;\n};\n\nexport namespace ThreadPrimitiveScrollToBottom {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadScrollToBottom>;\n}\n\nexport const ThreadPrimitiveScrollToBottom = createActionButton(\n  \"ThreadPrimitive.ScrollToBottom\",\n  useThreadScrollToBottom,\n  [\"behavior\"],\n);\n"],"mappings":";;;;;AAmBA,MAAM,2BAA2B,EAC/B,aACmC,CAAC,MAAM;CAC1C,MAAM,aAAa,mBAAmB,MAAM,EAAE,UAAU;CAExD,MAAM,sBAAsB,uBAAuB;CAEnD,MAAM,uBAAuB,kBAAkB;EAC7C,oBAAoB,SAAS,CAAC,CAAC,eAAe,EAAE,SAAS,CAAC;CAC5D,GAAG,CAAC,qBAAqB,QAAQ,CAAC;CAElC,IAAI,YAAY,OAAO;CACvB,OAAO;AACT;AAOA,MAAa,gCAAgC,mBAC3C,kCACA,yBACA,CAAC,UAAU,CACb"}
+{"version":3,"file":"ThreadScrollToBottom.js","names":["c","_c","ActionButtonElement","ActionButtonProps","createActionButton","useCallback","useThreadViewport","useThreadViewportStore","useThreadScrollToBottom","Options","behavior","ScrollBehavior","t0","$","t1","undefined","isAtBottom","_temp","threadViewportStore","t2","getState","scrollToBottom","handleScrollToBottom","ThreadPrimitiveScrollToBottom","Element","Props","s"],"sources":["../../../src/primitives/thread/ThreadScrollToBottom.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useCallback } from \"react\";\nimport {\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"../../context/react/ThreadViewportContext\";\n\nexport namespace useThreadScrollToBottom {\n  export type Options = {\n    behavior?: ScrollBehavior | undefined;\n  };\n}\n\nconst useThreadScrollToBottom = ({\n  behavior,\n}: useThreadScrollToBottom.Options = {}) => {\n  const isAtBottom = useThreadViewport((s) => s.isAtBottom);\n\n  const threadViewportStore = useThreadViewportStore();\n\n  const handleScrollToBottom = useCallback(() => {\n    threadViewportStore.getState().scrollToBottom({ behavior });\n  }, [threadViewportStore, behavior]);\n\n  if (isAtBottom) return null;\n  return handleScrollToBottom;\n};\n\nexport namespace ThreadPrimitiveScrollToBottom {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadScrollToBottom>;\n}\n\nexport const ThreadPrimitiveScrollToBottom = createActionButton(\n  \"ThreadPrimitive.ScrollToBottom\",\n  useThreadScrollToBottom,\n  [\"behavior\"],\n);\n"],"mappings":";;;;;AAmBA,MAAMQ,2BAA0BI,OAAA;CAAA,MAAAC,IAAAZ,EAAA,CAAA;CAAA,IAAAa;CAAA,IAAAD,EAAA,OAAAD,IAAA;EAACE,KAAAF,OAAAG,KAAAA,IAAA,CAEK,IAFLH;EAEMC,EAAA,KAAAD;EAAAC,EAAA,KAAAC;CAAA,OAAAA,KAAAD,EAAA;CAFN,MAAA,EAAAH,aAAAI;CAG/B,MAAAE,aAAmBV,kBAAkBW,KAAmB;CAExD,MAAAC,sBAA4BX,uBAAuB;CAAE,IAAAY;CAAA,IAAAN,EAAA,OAAAH,YAAAG,EAAA,OAAAK,qBAAA;EAEZC,WAAA;GACvCD,oBAAmBE,SAAU,CAAC,CAAAC,eAAgB,EAAAX,SAAW,CAAC;EAAC;EAC5DG,EAAA,KAAAH;EAAAG,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAFD,MAAAS,uBAA6BH;CAI7B,IAAIH,YAAU,OAAS;CAAK,OACrBM;AAAoB;AAQ7B,MAAaC,gCAAgCnB,mBAC3C,kCACAI,yBACA,CAAC,UAAU,CACb;AAxBgC,SAAAS,MAAAS,GAAA;CAAA,OAGcA,EAACV;AAAW"}

package/dist/primitives/thread/ThreadSuggestion.js

@@ -1,13 +1,25 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { useSuggestionTrigger } from "@assistant-ui/core/react";
 //#region src/primitives/thread/ThreadSuggestion.ts
-const useThreadSuggestion = ({ prompt, send, clearComposer, autoSend, method: _method }) => {
-	const { disabled, trigger } = useSuggestionTrigger({
-		prompt,
-		send: send ?? autoSend ?? false,
-		clearComposer
-	});
+const useThreadSuggestion = (t0) => {
+	const $ = c(4);
+	const { prompt, send, clearComposer, autoSend } = t0;
+	const resolvedSend = send ?? autoSend ?? false;
+	let t1;
+	if ($[0] !== clearComposer || $[1] !== prompt || $[2] !== resolvedSend) {
+		t1 = {
+			prompt,
+			send: resolvedSend,
+			clearComposer
+		};
+		$[0] = clearComposer;
+		$[1] = prompt;
+		$[2] = resolvedSend;
+		$[3] = t1;
+	} else t1 = $[3];
+	const { disabled, trigger } = useSuggestionTrigger(t1);
 	if (disabled) return null;
 	return trigger;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadSuggestion.js","names":["useSuggestionTriggerBehavior"],"sources":["../../../src/primitives/thread/ThreadSuggestion.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useSuggestionTrigger as useSuggestionTriggerBehavior } from \"@assistant-ui/core/react\";\n\nconst useThreadSuggestion = ({\n  prompt,\n  send,\n  clearComposer,\n  autoSend,\n  method: _method,\n}: {\n  /** The suggestion prompt. */\n  prompt: string;\n\n  /**\n   * When true, automatically sends the message.\n   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.\n   */\n  send?: boolean | undefined;\n\n  /**\n   * Whether to clear the composer after sending.\n   * When send is set to false, determines if composer text is replaced with suggestion (true, default),\n   * or if it's appended to the composer text (false).\n   *\n   * @default true\n   */\n  clearComposer?: boolean | undefined;\n\n  /** @deprecated Use `send` instead. */\n  autoSend?: boolean | undefined;\n\n  /** @deprecated Use `clearComposer` instead. */\n  method?: \"replace\";\n}) => {\n  const resolvedSend = send ?? autoSend ?? false;\n\n  const { disabled, trigger } = useSuggestionTriggerBehavior({\n    prompt,\n    send: resolvedSend,\n    clearComposer,\n  });\n  if (disabled) return null;\n  return trigger;\n};\n\nexport namespace ThreadPrimitiveSuggestion {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadSuggestion>;\n}\n\nexport const ThreadPrimitiveSuggestion = createActionButton(\n  \"ThreadPrimitive.Suggestion\",\n  useThreadSuggestion,\n  [\"prompt\", \"send\", \"clearComposer\", \"autoSend\", \"method\"],\n);\n"],"mappings":";;;;AASA,MAAM,uBAAuB,EAC3B,QACA,MACA,eACA,UACA,QAAQ,cAyBJ;CAGJ,MAAM,EAAE,UAAU,YAAYA,qBAA6B;EACzD;EACA,MAJmB,QAAQ,YAAY;EAKvC;CACF,CAAC;CACD,IAAI,UAAU,OAAO;CACrB,OAAO;AACT;AAOA,MAAa,4BAA4B,mBACvC,8BACA,qBACA;CAAC;CAAU;CAAQ;CAAiB;CAAY;AAAQ,CAC1D"}
+{"version":3,"file":"ThreadSuggestion.js","names":["c","_c","ActionButtonElement","ActionButtonProps","createActionButton","useSuggestionTrigger","useSuggestionTriggerBehavior","useThreadSuggestion","t0","$","prompt","send","clearComposer","autoSend","resolvedSend","t1","disabled","trigger","ThreadPrimitiveSuggestion","Element","Props"],"sources":["../../../src/primitives/thread/ThreadSuggestion.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useSuggestionTrigger as useSuggestionTriggerBehavior } from \"@assistant-ui/core/react\";\n\nconst useThreadSuggestion = ({\n  prompt,\n  send,\n  clearComposer,\n  autoSend,\n  method: _method,\n}: {\n  /** The suggestion prompt. */\n  prompt: string;\n\n  /**\n   * When true, automatically sends the message.\n   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.\n   */\n  send?: boolean | undefined;\n\n  /**\n   * Whether to clear the composer after sending.\n   * When send is set to false, determines if composer text is replaced with suggestion (true, default),\n   * or if it's appended to the composer text (false).\n   *\n   * @default true\n   */\n  clearComposer?: boolean | undefined;\n\n  /** @deprecated Use `send` instead. */\n  autoSend?: boolean | undefined;\n\n  /** @deprecated Use `clearComposer` instead. */\n  method?: \"replace\";\n}) => {\n  const resolvedSend = send ?? autoSend ?? false;\n\n  const { disabled, trigger } = useSuggestionTriggerBehavior({\n    prompt,\n    send: resolvedSend,\n    clearComposer,\n  });\n  if (disabled) return null;\n  return trigger;\n};\n\nexport namespace ThreadPrimitiveSuggestion {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadSuggestion>;\n}\n\nexport const ThreadPrimitiveSuggestion = createActionButton(\n  \"ThreadPrimitive.Suggestion\",\n  useThreadSuggestion,\n  [\"prompt\", \"send\", \"clearComposer\", \"autoSend\", \"method\"],\n);\n"],"mappings":";;;;;AASA,MAAMO,uBAAsBC,OAAA;CAAA,MAAAC,IAAAR,EAAA,CAAA;CAAC,MAAA,EAAAS,QAAAC,MAAAC,eAAAC,aAAAL;CA+B3B,MAAAM,eAAqBH,QAAAE,YAAA;CAA0B,IAAAE;CAAA,IAAAN,EAAA,OAAAG,iBAAAH,EAAA,OAAAC,UAAAD,EAAA,OAAAK,cAAA;EAEYC,KAAA;GAAAL;GAAAC,MAEnDG;GAAYF;EAEpB;EAACH,EAAA,KAAAG;EAAAH,EAAA,KAAAC;EAAAD,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAJD,MAAA,EAAAO,UAAAC,YAA8BX,qBAA6BS,EAI1D;CACD,IAAIC,UAAQ,OAAS;CAAK,OACnBC;AAAO;AAQhB,MAAaC,4BAA4Bd,mBACvC,8BACAG,qBACA;CAAC;CAAU;CAAQ;CAAiB;CAAY;AAAQ,CAC1D"}

package/dist/primitives/thread/ThreadViewport.js

@@ -8,64 +8,157 @@ import { useSizeHandle } from "../../utils/hooks/useSizeHandle.js";
 import { useTopAnchorReserve } from "./topAnchor/useTopAnchorReserve.js";
 import { getActiveTopAnchorAnchorId, getActiveTopAnchorTargetId } from "./topAnchor/topAnchorTurn.js";
 import { useAuiEvent, useAuiState } from "@assistant-ui/store";
-import { forwardRef, useCallback, useLayoutEffect, useMemo } from "@assistant-ui/tap/react-shim";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { forwardRef, useLayoutEffect } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 //#region src/primitives/thread/ThreadViewport.tsx
 const useViewportSizeRef = () => {
-	return useSizeHandle(useThreadViewport((s) => s.registerViewport), useCallback((el) => el.clientHeight, []));
+	return useSizeHandle(useThreadViewport(_temp), _temp2);
 };
 const useViewportElementRef = () => {
-	return useManagedRef(useThreadViewport((s) => s.registerViewportElement));
+	return useManagedRef(useThreadViewport(_temp3));
 };
 const useTopAnchorTurn = (enabled) => {
+	const $ = c(13);
 	const threadViewportStore = useThreadViewportStore();
-	const activeAnchorId = useAuiState((s) => {
-		if (!enabled) return void 0;
-		return getActiveTopAnchorAnchorId(s.thread);
-	});
-	const activeTargetId = useAuiState((s) => {
-		if (!enabled) return void 0;
-		return getActiveTopAnchorTargetId(s.thread);
-	});
-	const activeTurn = useMemo(() => {
-		if (!activeAnchorId || !activeTargetId) return null;
-		return {
-			anchorId: activeAnchorId,
-			targetId: activeTargetId
+	let t0;
+	if ($[0] !== enabled) {
+		t0 = (s) => {
+			if (!enabled) return;
+			return getActiveTopAnchorAnchorId(s.thread);
 		};
-	}, [activeAnchorId, activeTargetId]);
-	useLayoutEffect(() => {
-		if (!activeTurn) return;
-		const state = threadViewportStore.getState();
-		const current = state.topAnchorTurn;
-		if (current?.anchorId === activeTurn.anchorId && current.targetId === activeTurn.targetId) return;
-		state.setTopAnchorTurn(activeTurn);
-	}, [activeTurn, threadViewportStore]);
-	const clearTopAnchorTurn = useCallback(() => {
-		threadViewportStore.getState().setTopAnchorTurn(null);
-	}, [threadViewportStore]);
+		$[0] = enabled;
+		$[1] = t0;
+	} else t0 = $[1];
+	const activeAnchorId = useAuiState(t0);
+	let t1;
+	if ($[2] !== enabled) {
+		t1 = (s_0) => {
+			if (!enabled) return;
+			return getActiveTopAnchorTargetId(s_0.thread);
+		};
+		$[2] = enabled;
+		$[3] = t1;
+	} else t1 = $[3];
+	const activeTargetId = useAuiState(t1);
+	let t2;
+	bb0: {
+		if (!activeAnchorId || !activeTargetId) {
+			t2 = null;
+			break bb0;
+		}
+		let t3;
+		if ($[4] !== activeAnchorId || $[5] !== activeTargetId) {
+			t3 = {
+				anchorId: activeAnchorId,
+				targetId: activeTargetId
+			};
+			$[4] = activeAnchorId;
+			$[5] = activeTargetId;
+			$[6] = t3;
+		} else t3 = $[6];
+		t2 = t3;
+	}
+	const activeTurn = t2;
+	let t3;
+	let t4;
+	if ($[7] !== activeTurn || $[8] !== threadViewportStore) {
+		t3 = () => {
+			if (!activeTurn) return;
+			const state = threadViewportStore.getState();
+			const current = state.topAnchorTurn;
+			if (current?.anchorId === activeTurn.anchorId && current.targetId === activeTurn.targetId) return;
+			state.setTopAnchorTurn(activeTurn);
+		};
+		t4 = [activeTurn, threadViewportStore];
+		$[7] = activeTurn;
+		$[8] = threadViewportStore;
+		$[9] = t3;
+		$[10] = t4;
+	} else {
+		t3 = $[9];
+		t4 = $[10];
+	}
+	useLayoutEffect(t3, t4);
+	let t5;
+	if ($[11] !== threadViewportStore) {
+		t5 = () => {
+			threadViewportStore.getState().setTopAnchorTurn(null);
+		};
+		$[11] = threadViewportStore;
+		$[12] = t5;
+	} else t5 = $[12];
+	const clearTopAnchorTurn = t5;
 	useAuiEvent("thread.initialize", clearTopAnchorTurn);
 	useAuiEvent("threadListItem.switchedTo", clearTopAnchorTurn);
 };
-const ThreadPrimitiveViewportScrollable = forwardRef(({ autoScroll, scrollToBottomOnRunStart, scrollToBottomOnInitialize, scrollToBottomOnThreadSwitch, children, ...rest }, forwardedRef) => {
-	const autoScrollRef = useThreadViewportAutoScroll({
-		autoScroll,
-		scrollToBottomOnRunStart,
-		scrollToBottomOnInitialize,
-		scrollToBottomOnThreadSwitch
-	});
+const ThreadPrimitiveViewportScrollable = forwardRef((t0, forwardedRef) => {
+	const $ = c(18);
+	let autoScroll;
+	let children;
+	let rest;
+	let scrollToBottomOnInitialize;
+	let scrollToBottomOnRunStart;
+	let scrollToBottomOnThreadSwitch;
+	if ($[0] !== t0) {
+		({autoScroll, scrollToBottomOnRunStart, scrollToBottomOnInitialize, scrollToBottomOnThreadSwitch, children, ...rest} = t0);
+		$[0] = t0;
+		$[1] = autoScroll;
+		$[2] = children;
+		$[3] = rest;
+		$[4] = scrollToBottomOnInitialize;
+		$[5] = scrollToBottomOnRunStart;
+		$[6] = scrollToBottomOnThreadSwitch;
+	} else {
+		autoScroll = $[1];
+		children = $[2];
+		rest = $[3];
+		scrollToBottomOnInitialize = $[4];
+		scrollToBottomOnRunStart = $[5];
+		scrollToBottomOnThreadSwitch = $[6];
+	}
+	let t1;
+	if ($[7] !== autoScroll || $[8] !== scrollToBottomOnInitialize || $[9] !== scrollToBottomOnRunStart || $[10] !== scrollToBottomOnThreadSwitch) {
+		t1 = {
+			autoScroll,
+			scrollToBottomOnRunStart,
+			scrollToBottomOnInitialize,
+			scrollToBottomOnThreadSwitch
+		};
+		$[7] = autoScroll;
+		$[8] = scrollToBottomOnInitialize;
+		$[9] = scrollToBottomOnRunStart;
+		$[10] = scrollToBottomOnThreadSwitch;
+		$[11] = t1;
+	} else t1 = $[11];
+	const autoScrollRef = useThreadViewportAutoScroll(t1);
 	const viewportSizeRef = useViewportSizeRef();
 	const viewportElementRef = useViewportElementRef();
-	const topAnchorEnabled = useThreadViewportStore().getState().turnAnchor === "top";
+	const threadViewportStore = useThreadViewportStore();
+	let t2;
+	if ($[12] !== threadViewportStore) {
+		t2 = threadViewportStore.getState();
+		$[12] = threadViewportStore;
+		$[13] = t2;
+	} else t2 = $[13];
+	const topAnchorEnabled = t2.turnAnchor === "top";
 	useTopAnchorTurn(topAnchorEnabled);
 	useTopAnchorReserve(topAnchorEnabled);
 	const ref = useComposedRefs(forwardedRef, autoScrollRef, viewportSizeRef, viewportElementRef);
-	return /* @__PURE__ */ jsx(Primitive.div, {
-		...rest,
-		ref,
-		children
-	});
+	let t3;
+	if ($[14] !== children || $[15] !== ref || $[16] !== rest) {
+		t3 = /* @__PURE__ */ jsx(Primitive.div, {
+			...rest,
+			ref,
+			children
+		});
+		$[14] = children;
+		$[15] = ref;
+		$[16] = rest;
+		$[17] = t3;
+	} else t3 = $[17];
+	return t3;
 });
 ThreadPrimitiveViewportScrollable.displayName = "ThreadPrimitive.ViewportScrollable";
 /**
@@ -84,19 +177,64 @@ ThreadPrimitiveViewportScrollable.displayName = "ThreadPrimitive.ViewportScrolla
 * </ThreadPrimitive.Viewport>
 * ```
 */
-const ThreadPrimitiveViewport = forwardRef(({ turnAnchor, topAnchorMessageClamp, ...props }, ref) => {
-	return /* @__PURE__ */ jsx(ThreadPrimitiveViewportProvider, {
-		options: {
+const ThreadPrimitiveViewport = forwardRef((t0, ref) => {
+	const $ = c(13);
+	let props;
+	let topAnchorMessageClamp;
+	let turnAnchor;
+	if ($[0] !== t0) {
+		({turnAnchor, topAnchorMessageClamp, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = topAnchorMessageClamp;
+		$[3] = turnAnchor;
+	} else {
+		props = $[1];
+		topAnchorMessageClamp = $[2];
+		turnAnchor = $[3];
+	}
+	let t1;
+	if ($[4] !== topAnchorMessageClamp || $[5] !== turnAnchor) {
+		t1 = {
 			turnAnchor,
 			topAnchorMessageClamp
-		},
-		children: /* @__PURE__ */ jsx(ThreadPrimitiveViewportScrollable, {
+		};
+		$[4] = topAnchorMessageClamp;
+		$[5] = turnAnchor;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== props || $[8] !== ref) {
+		t2 = /* @__PURE__ */ jsx(ThreadPrimitiveViewportScrollable, {
 			...props,
 			ref
-		})
-	});
+		});
+		$[7] = props;
+		$[8] = ref;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== t1 || $[11] !== t2) {
+		t3 = /* @__PURE__ */ jsx(ThreadPrimitiveViewportProvider, {
+			options: t1,
+			children: t2
+		});
+		$[10] = t1;
+		$[11] = t2;
+		$[12] = t3;
+	} else t3 = $[12];
+	return t3;
 });
 ThreadPrimitiveViewport.displayName = "ThreadPrimitive.Viewport";
+function _temp(s) {
+	return s.registerViewport;
+}
+function _temp2(el) {
+	return el.clientHeight;
+}
+function _temp3(s) {
+	return s.registerViewportElement;
+}
 //#endregion
 export { ThreadPrimitiveViewport };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadViewport.js","names":[],"sources":["../../../src/primitives/thread/ThreadViewport.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  useLayoutEffect,\n  useMemo,\n} from \"react\";\nimport { useAuiEvent, useAuiState } from \"@assistant-ui/store\";\nimport { useManagedRef } from \"../../utils/hooks/useManagedRef\";\nimport { useThreadViewportAutoScroll } from \"./useThreadViewportAutoScroll\";\nimport { ThreadPrimitiveViewportProvider } from \"../../context/providers/ThreadViewportProvider\";\nimport { useSizeHandle } from \"../../utils/hooks/useSizeHandle\";\nimport {\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"../../context/react/ThreadViewportContext\";\nimport { useTopAnchorReserve } from \"./topAnchor/useTopAnchorReserve\";\nimport {\n  getActiveTopAnchorAnchorId,\n  getActiveTopAnchorTargetId,\n} from \"./topAnchor/topAnchorTurn\";\n\nexport namespace ThreadPrimitiveViewport {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {\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     * Controls scroll anchoring behavior for new messages.\n     * - \"bottom\" (default): Messages anchor at the bottom, classic chat behavior.\n     * - \"top\": New user messages anchor at the top of the viewport for a focused reading experience.\n     */\n    turnAnchor?: \"top\" | \"bottom\" | undefined;\n\n    /**\n     * Clamps tall user messages so the assistant response stays in view.\n     *\n     * @default { tallerThan: \"10em\", visibleHeight: \"6em\" }\n     */\n    topAnchorMessageClamp?: {\n      /**\n       * Clamp messages taller than this. Supports `px`, `em`, and `rem`.\n       *\n       * @default \"10em\"\n       */\n      tallerThan?: string;\n      /**\n       * Visible portion of clamped messages. Supports `px`, `em`, and `rem`.\n       *\n       * @default \"6em\"\n       */\n      visibleHeight?: string;\n    };\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 thread history is first loaded.\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\nconst useViewportSizeRef = () => {\n  const register = useThreadViewport((s) => s.registerViewport);\n  const getHeight = useCallback((el: HTMLElement) => el.clientHeight, []);\n  return useSizeHandle(register, getHeight);\n};\n\nconst useViewportElementRef = () => {\n  const registerViewportElement = useThreadViewport(\n    (s) => s.registerViewportElement,\n  );\n\n  return useManagedRef(registerViewportElement);\n};\n\nconst useTopAnchorTurn = (enabled: boolean) => {\n  const threadViewportStore = useThreadViewportStore();\n  const activeAnchorId = useAuiState((s) => {\n    if (!enabled) return undefined;\n    return getActiveTopAnchorAnchorId(s.thread);\n  });\n  const activeTargetId = useAuiState((s) => {\n    if (!enabled) return undefined;\n    return getActiveTopAnchorTargetId(s.thread);\n  });\n  const activeTurn = useMemo(() => {\n    if (!activeAnchorId || !activeTargetId) return null;\n    return { anchorId: activeAnchorId, targetId: activeTargetId };\n  }, [activeAnchorId, activeTargetId]);\n\n  useLayoutEffect(() => {\n    if (!activeTurn) return;\n\n    const state = threadViewportStore.getState();\n    const current = state.topAnchorTurn;\n    if (\n      current?.anchorId === activeTurn.anchorId &&\n      current.targetId === activeTurn.targetId\n    ) {\n      return;\n    }\n\n    state.setTopAnchorTurn(activeTurn);\n  }, [activeTurn, threadViewportStore]);\n\n  const clearTopAnchorTurn = useCallback(() => {\n    threadViewportStore.getState().setTopAnchorTurn(null);\n  }, [threadViewportStore]);\n\n  useAuiEvent(\"thread.initialize\", clearTopAnchorTurn);\n  useAuiEvent(\"threadListItem.switchedTo\", clearTopAnchorTurn);\n};\n\nconst ThreadPrimitiveViewportScrollable = forwardRef<\n  ThreadPrimitiveViewport.Element,\n  ThreadPrimitiveViewport.Props\n>(\n  (\n    {\n      autoScroll,\n      scrollToBottomOnRunStart,\n      scrollToBottomOnInitialize,\n      scrollToBottomOnThreadSwitch,\n      children,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const autoScrollRef = useThreadViewportAutoScroll<HTMLDivElement>({\n      autoScroll,\n      scrollToBottomOnRunStart,\n      scrollToBottomOnInitialize,\n      scrollToBottomOnThreadSwitch,\n    });\n    const viewportSizeRef = useViewportSizeRef();\n    const viewportElementRef = useViewportElementRef();\n    const threadViewportStore = useThreadViewportStore();\n    const turnAnchor = threadViewportStore.getState().turnAnchor;\n    const topAnchorEnabled = turnAnchor === \"top\";\n    useTopAnchorTurn(topAnchorEnabled);\n    useTopAnchorReserve(topAnchorEnabled);\n    const ref = useComposedRefs(\n      forwardedRef,\n      autoScrollRef,\n      viewportSizeRef,\n      viewportElementRef,\n    );\n\n    return (\n      <Primitive.div {...rest} ref={ref}>\n        {children}\n      </Primitive.div>\n    );\n  },\n);\n\nThreadPrimitiveViewportScrollable.displayName =\n  \"ThreadPrimitive.ViewportScrollable\";\n\n/**\n * A scrollable viewport container for thread messages.\n *\n * This component provides a scrollable area for displaying thread messages with\n * automatic scrolling capabilities. It manages the viewport state and provides\n * context for child components to access viewport-related functionality.\n *\n * @example\n * ```tsx\n * <ThreadPrimitive.Viewport turnAnchor=\"top\">\n *   <ThreadPrimitive.Messages>\n *     {() => <MyMessage />}\n *   </ThreadPrimitive.Messages>\n * </ThreadPrimitive.Viewport>\n * ```\n */\nexport const ThreadPrimitiveViewport = forwardRef<\n  ThreadPrimitiveViewport.Element,\n  ThreadPrimitiveViewport.Props\n>(({ turnAnchor, topAnchorMessageClamp, ...props }, ref) => {\n  return (\n    <ThreadPrimitiveViewportProvider\n      options={{ turnAnchor, topAnchorMessageClamp }}\n    >\n      <ThreadPrimitiveViewportScrollable {...props} ref={ref} />\n    </ThreadPrimitiveViewportProvider>\n  );\n});\n\nThreadPrimitiveViewport.displayName = \"ThreadPrimitive.Viewport\";\n"],"mappings":";;;;;;;;;;;;;;AAwFA,MAAM,2BAA2B;CAG/B,OAAO,cAFU,mBAAmB,MAAM,EAAE,gBAEhB,GADV,aAAa,OAAoB,GAAG,cAAc,CAAC,CAC9B,CAAC;AAC1C;AAEA,MAAM,8BAA8B;CAKlC,OAAO,cAJyB,mBAC7B,MAAM,EAAE,uBAGgC,CAAC;AAC9C;AAEA,MAAM,oBAAoB,YAAqB;CAC7C,MAAM,sBAAsB,uBAAuB;CACnD,MAAM,iBAAiB,aAAa,MAAM;EACxC,IAAI,CAAC,SAAS,OAAO,KAAA;EACrB,OAAO,2BAA2B,EAAE,MAAM;CAC5C,CAAC;CACD,MAAM,iBAAiB,aAAa,MAAM;EACxC,IAAI,CAAC,SAAS,OAAO,KAAA;EACrB,OAAO,2BAA2B,EAAE,MAAM;CAC5C,CAAC;CACD,MAAM,aAAa,cAAc;EAC/B,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,OAAO;EAC/C,OAAO;GAAE,UAAU;GAAgB,UAAU;EAAe;CAC9D,GAAG,CAAC,gBAAgB,cAAc,CAAC;CAEnC,sBAAsB;EACpB,IAAI,CAAC,YAAY;EAEjB,MAAM,QAAQ,oBAAoB,SAAS;EAC3C,MAAM,UAAU,MAAM;EACtB,IACE,SAAS,aAAa,WAAW,YACjC,QAAQ,aAAa,WAAW,UAEhC;EAGF,MAAM,iBAAiB,UAAU;CACnC,GAAG,CAAC,YAAY,mBAAmB,CAAC;CAEpC,MAAM,qBAAqB,kBAAkB;EAC3C,oBAAoB,SAAS,CAAC,CAAC,iBAAiB,IAAI;CACtD,GAAG,CAAC,mBAAmB,CAAC;CAExB,YAAY,qBAAqB,kBAAkB;CACnD,YAAY,6BAA6B,kBAAkB;AAC7D;AAEA,MAAM,oCAAoC,YAKtC,EACE,YACA,0BACA,4BACA,8BACA,UACA,GAAG,QAEL,iBACG;CACH,MAAM,gBAAgB,4BAA4C;EAChE;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,kBAAkB,mBAAmB;CAC3C,MAAM,qBAAqB,sBAAsB;CAGjD,MAAM,mBAFsB,uBACS,CAAC,CAAC,SAAS,CAAC,CAAC,eACV;CACxC,iBAAiB,gBAAgB;CACjC,oBAAoB,gBAAgB;CACpC,MAAM,MAAM,gBACV,cACA,eACA,iBACA,kBACF;CAEA,OACE,oBAAC,UAAU,KAAX;EAAe,GAAI;EAAW;EAC3B;CACY,CAAA;AAEnB,CACF;AAEA,kCAAkC,cAChC;;;;;;;;;;;;;;;;;AAkBF,MAAa,0BAA0B,YAGpC,EAAE,YAAY,uBAAuB,GAAG,SAAS,QAAQ;CAC1D,OACE,oBAAC,iCAAD;EACE,SAAS;GAAE;GAAY;EAAsB;YAE7C,oBAAC,mCAAD;GAAmC,GAAI;GAAY;EAAM,CAAA;CAC1B,CAAA;AAErC,CAAC;AAED,wBAAwB,cAAc"}
+{"version":3,"file":"ThreadViewport.js","names":["c","_c","useComposedRefs","Primitive","ComponentRef","forwardRef","ComponentPropsWithoutRef","useCallback","useLayoutEffect","useMemo","useAuiEvent","useAuiState","useManagedRef","useThreadViewportAutoScroll","ThreadPrimitiveViewportProvider","useSizeHandle","useThreadViewport","useThreadViewportStore","useTopAnchorReserve","getActiveTopAnchorAnchorId","getActiveTopAnchorTargetId","ThreadPrimitiveViewport","Element","div","Props","autoScroll","turnAnchor","topAnchorMessageClamp","tallerThan","visibleHeight","scrollToBottomOnRunStart","scrollToBottomOnInitialize","scrollToBottomOnThreadSwitch","useViewportSizeRef","register","_temp","getHeight","_temp2","useViewportElementRef","registerViewportElement","_temp3","useTopAnchorTurn","enabled","$","threadViewportStore","t0","s","thread","activeAnchorId","t1","s_0","activeTargetId","t2","bb0","t3","anchorId","targetId","activeTurn","t4","state","getState","current","topAnchorTurn","setTopAnchorTurn","t5","clearTopAnchorTurn","ThreadPrimitiveViewportScrollable","forwardedRef","children","rest","autoScrollRef","viewportSizeRef","viewportElementRef","topAnchorEnabled","ref","displayName","props","registerViewport","el","clientHeight"],"sources":["../../../src/primitives/thread/ThreadViewport.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  useLayoutEffect,\n  useMemo,\n} from \"react\";\nimport { useAuiEvent, useAuiState } from \"@assistant-ui/store\";\nimport { useManagedRef } from \"../../utils/hooks/useManagedRef\";\nimport { useThreadViewportAutoScroll } from \"./useThreadViewportAutoScroll\";\nimport { ThreadPrimitiveViewportProvider } from \"../../context/providers/ThreadViewportProvider\";\nimport { useSizeHandle } from \"../../utils/hooks/useSizeHandle\";\nimport {\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"../../context/react/ThreadViewportContext\";\nimport { useTopAnchorReserve } from \"./topAnchor/useTopAnchorReserve\";\nimport {\n  getActiveTopAnchorAnchorId,\n  getActiveTopAnchorTargetId,\n} from \"./topAnchor/topAnchorTurn\";\n\nexport namespace ThreadPrimitiveViewport {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {\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     * Controls scroll anchoring behavior for new messages.\n     * - \"bottom\" (default): Messages anchor at the bottom, classic chat behavior.\n     * - \"top\": New user messages anchor at the top of the viewport for a focused reading experience.\n     */\n    turnAnchor?: \"top\" | \"bottom\" | undefined;\n\n    /**\n     * Clamps tall user messages so the assistant response stays in view.\n     *\n     * @default { tallerThan: \"10em\", visibleHeight: \"6em\" }\n     */\n    topAnchorMessageClamp?: {\n      /**\n       * Clamp messages taller than this. Supports `px`, `em`, and `rem`.\n       *\n       * @default \"10em\"\n       */\n      tallerThan?: string;\n      /**\n       * Visible portion of clamped messages. Supports `px`, `em`, and `rem`.\n       *\n       * @default \"6em\"\n       */\n      visibleHeight?: string;\n    };\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 thread history is first loaded.\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\nconst useViewportSizeRef = () => {\n  const register = useThreadViewport((s) => s.registerViewport);\n  const getHeight = useCallback((el: HTMLElement) => el.clientHeight, []);\n  return useSizeHandle(register, getHeight);\n};\n\nconst useViewportElementRef = () => {\n  const registerViewportElement = useThreadViewport(\n    (s) => s.registerViewportElement,\n  );\n\n  return useManagedRef(registerViewportElement);\n};\n\nconst useTopAnchorTurn = (enabled: boolean) => {\n  const threadViewportStore = useThreadViewportStore();\n  const activeAnchorId = useAuiState((s) => {\n    if (!enabled) return undefined;\n    return getActiveTopAnchorAnchorId(s.thread);\n  });\n  const activeTargetId = useAuiState((s) => {\n    if (!enabled) return undefined;\n    return getActiveTopAnchorTargetId(s.thread);\n  });\n  const activeTurn = useMemo(() => {\n    if (!activeAnchorId || !activeTargetId) return null;\n    return { anchorId: activeAnchorId, targetId: activeTargetId };\n  }, [activeAnchorId, activeTargetId]);\n\n  useLayoutEffect(() => {\n    if (!activeTurn) return;\n\n    const state = threadViewportStore.getState();\n    const current = state.topAnchorTurn;\n    if (\n      current?.anchorId === activeTurn.anchorId &&\n      current.targetId === activeTurn.targetId\n    ) {\n      return;\n    }\n\n    state.setTopAnchorTurn(activeTurn);\n  }, [activeTurn, threadViewportStore]);\n\n  const clearTopAnchorTurn = useCallback(() => {\n    threadViewportStore.getState().setTopAnchorTurn(null);\n  }, [threadViewportStore]);\n\n  useAuiEvent(\"thread.initialize\", clearTopAnchorTurn);\n  useAuiEvent(\"threadListItem.switchedTo\", clearTopAnchorTurn);\n};\n\nconst ThreadPrimitiveViewportScrollable = forwardRef<\n  ThreadPrimitiveViewport.Element,\n  ThreadPrimitiveViewport.Props\n>(\n  (\n    {\n      autoScroll,\n      scrollToBottomOnRunStart,\n      scrollToBottomOnInitialize,\n      scrollToBottomOnThreadSwitch,\n      children,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const autoScrollRef = useThreadViewportAutoScroll<HTMLDivElement>({\n      autoScroll,\n      scrollToBottomOnRunStart,\n      scrollToBottomOnInitialize,\n      scrollToBottomOnThreadSwitch,\n    });\n    const viewportSizeRef = useViewportSizeRef();\n    const viewportElementRef = useViewportElementRef();\n    const threadViewportStore = useThreadViewportStore();\n    const turnAnchor = threadViewportStore.getState().turnAnchor;\n    const topAnchorEnabled = turnAnchor === \"top\";\n    useTopAnchorTurn(topAnchorEnabled);\n    useTopAnchorReserve(topAnchorEnabled);\n    const ref = useComposedRefs(\n      forwardedRef,\n      autoScrollRef,\n      viewportSizeRef,\n      viewportElementRef,\n    );\n\n    return (\n      <Primitive.div {...rest} ref={ref}>\n        {children}\n      </Primitive.div>\n    );\n  },\n);\n\nThreadPrimitiveViewportScrollable.displayName =\n  \"ThreadPrimitive.ViewportScrollable\";\n\n/**\n * A scrollable viewport container for thread messages.\n *\n * This component provides a scrollable area for displaying thread messages with\n * automatic scrolling capabilities. It manages the viewport state and provides\n * context for child components to access viewport-related functionality.\n *\n * @example\n * ```tsx\n * <ThreadPrimitive.Viewport turnAnchor=\"top\">\n *   <ThreadPrimitive.Messages>\n *     {() => <MyMessage />}\n *   </ThreadPrimitive.Messages>\n * </ThreadPrimitive.Viewport>\n * ```\n */\nexport const ThreadPrimitiveViewport = forwardRef<\n  ThreadPrimitiveViewport.Element,\n  ThreadPrimitiveViewport.Props\n>(({ turnAnchor, topAnchorMessageClamp, ...props }, ref) => {\n  return (\n    <ThreadPrimitiveViewportProvider\n      options={{ turnAnchor, topAnchorMessageClamp }}\n    >\n      <ThreadPrimitiveViewportScrollable {...props} ref={ref} />\n    </ThreadPrimitiveViewportProvider>\n  );\n});\n\nThreadPrimitiveViewport.displayName = \"ThreadPrimitive.Viewport\";\n"],"mappings":"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"}

package/dist/primitives/thread/ThreadViewportFooter.js

@@ -2,7 +2,8 @@
 import { useThreadViewport } from "../../context/react/ThreadViewportContext.js";
 import { Primitive } from "../../utils/Primitive.js";
 import { useSizeHandle } from "../../utils/hooks/useSizeHandle.js";
-import { forwardRef, useCallback } from "@assistant-ui/tap/react-shim";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
 //#region src/primitives/thread/ThreadViewportFooter.tsx
@@ -31,16 +32,28 @@ import { useComposedRefs } from "@radix-ui/react-compose-refs";
 * ```
 */
 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
-	});
+	const $ = c(3);
+	const ref = useComposedRefs(forwardedRef, useSizeHandle(useThreadViewport(_temp), _temp2));
+	let t0;
+	if ($[0] !== props || $[1] !== ref) {
+		t0 = /* @__PURE__ */ jsx(Primitive.div, {
+			...props,
+			ref
+		});
+		$[0] = props;
+		$[1] = ref;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
 });
 ThreadPrimitiveViewportFooter.displayName = "ThreadPrimitive.ViewportFooter";
+function _temp(s) {
+	return s.registerContentInset;
+}
+function _temp2(el) {
+	const marginTop = parseFloat(getComputedStyle(el).marginTop) || 0;
+	return el.offsetHeight + marginTop;
+}
 //#endregion
 export { ThreadPrimitiveViewportFooter };
 

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

@@ -1 +1 @@
-{"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,CAAC,CAAC,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"}
+{"version":3,"file":"ThreadViewportFooter.js","names":["c","_c","useComposedRefs","Primitive","ComponentRef","forwardRef","ComponentPropsWithoutRef","useCallback","useSizeHandle","useThreadViewport","ThreadPrimitiveViewportFooter","Element","div","Props","props","forwardedRef","$","register","_temp","getHeight","_temp2","resizeRef","ref","t0","displayName","s","registerContentInset","el","marginTop","parseFloat","getComputedStyle","offsetHeight"],"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,MAAaU,gCAAgCL,YAG3CS,OAAAC,iBAAA;CAAA,MAAAC,IAAAf,EAAA,CAAA;CASA,MAAAqB,MAAYpB,gBAAgBa,cAFVP,cANDC,kBAAkBS,KAMHD,GAAUE,MAEAE,CAAS;CAAE,IAAAE;CAAA,IAAAP,EAAA,OAAAF,SAAAE,EAAA,OAAAM,KAAA;EAE9CC,KAAA,oBAAA,UAAA,KAAA;GAAA,GAAmBT;GAAYQ;EAAG,CAAA;EAAIN,EAAA,KAAAF;EAAAE,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAAtCO;AAAsC,CAC9C;AAEDb,8BAA8Bc,cAAc;AAd1C,SAAAN,MAAAO,GAAA;CAAA,OAC0CA,EAACC;AAAqB;AADhE,SAAAN,OAAAO,IAAA;CAGE,MAAAC,YAAkBC,WAAWC,iBAAiBH,EAAE,CAAC,CAAAC,SAAe,KAA9C;CAAgD,OAC3DD,GAAEI,eAAgBH;AAAS"}

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"computeTopAnchorSlack.js","names":["ComputeTopAnchorTargetOptions","viewport","HTMLElement","anchor","tallerThan","visibleHeight","ComputeTopAnchorReserveOptions","reserve","ComputeTopAnchorSlackOptions","scrollHeight","getDocumentOffsetTop","element","top","current","offsetTop","offsetParent","getLayoutOffsetTop","ancestor","computeTopAnchorTargetScrollTop","anchorTop","anchorHeight","offsetHeight","visibleAnchorHeight","Math","max","computeTopAnchorSlack","targetOptions","targetScrollTop","targetScrollHeight","clientHeight","computeTopAnchorReserve"],"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,MAAMU,wBAAwBC,YAAiC;CAC7D,IAAIC,MAAM;CACV,IAAIC,UAA8BF;CAElC,OAAOE,SAAS;EACdD,OAAOC,QAAQC;EACfD,UAAUA,QAAQE;CACpB;CAEA,OAAOH;AACT;AAEA,MAAMI,sBACJL,SACAM,aACW;CAGX,IAAIL,MAAM;CACV,IAAIC,UAA8BF;CAElC,OAAOE,WAAWA,YAAYI,UAAU;EACtCL,OAAOC,QAAQC;EACfD,UAAUA,QAAQE;CACpB;CAEA,IAAIF,YAAYI,UAAU,OAAOL;CAEjC,OAAOF,qBAAqBC,OAAO,IAAID,qBAAqBO,QAAQ;AACtE;;;;;;;;;;;AAYA,MAAaC,mCAAmC,EAC9CjB,UACAE,QACAC,YACAC,oBAC2C;CAC3C,MAAMc,YAAYH,mBAAmBb,QAAQF,QAAQ;CACrD,MAAMmB,eAAejB,OAAOkB;CAI5B,OAAOF,YAAYI,KAAKC,IAAI,GAAGJ,gBAF7BA,gBAAgBhB,aAAagB,eAAef,cAEmB;AACnE;AAEA,MAAMoB,yBAAyB,EAC7BhB,cACA,GAAGiB,oBACuC;CAC1C,MAAM,EAAEzB,aAAayB;CAErB,MAAME,qBADkBV,gCAAgCQ,aAC7BC,IAAkB1B,SAAS4B;CAEtD,OAAON,KAAKC,IAAI,GAAGI,qBAAqBnB,YAAY;AACtD;AAEA,MAAaqB,2BAA2B,EACtC7B,UACAM,SACA,GAAGmB,oBACyC;CAC5C,OAAOD,sBAAsB;EAC3BxB;EACA,GAAGyB;EACHjB,cAAcR,SAASQ,eAAeF,QAAQc;CAChD,CAAC;AACH"}

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"createReserveObservers.js","names":["createReserveObservers","onChange","resizeObserver","ResizeObserver","mutationObserver","MutationObserver","observedViewport","HTMLElement","observedAnchor","observedTarget","disconnect","target","viewport","anchor","observe","childList","subtree","characterData"],"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,MAAaA,0BAA0BC,aAAyB;CAC9D,MAAMC,iBAAiB,IAAIC,eAAeF,QAAQ;CAClD,MAAMG,mBAAmB,IAAIC,iBAAiBJ,QAAQ;CAEtD,IAAIK,mBAAuC;CAC3C,IAAIE,iBAAqC;CACzC,IAAIC,iBAAqC;CAEzC,MAAMC,mBAAmB;EACvBR,eAAeQ,WAAW;EAC1BN,iBAAiBM,WAAW;EAC5BJ,mBAAmB;EACnBE,iBAAiB;EACjBC,iBAAiB;CACnB;CAEA,OAAO;EACLE,SACEC,UACAC,QACAF,WACG;GACH,IACEL,qBAAqBM,YACrBJ,mBAAmBK,UACnBJ,mBAAmBE,QAEnB;GAGFD,WAAW;GAEXR,eAAeY,QAAQF,QAAQ;GAC/BV,eAAeY,QAAQD,MAAM;GAC7BX,eAAeY,QAAQH,MAAM;GAC7BP,iBAAiBU,QAAQH,QAAQ;IAC/BI,WAAW;IACXC,SAAS;IACTC,eAAe;GACjB,CAAC;GAEDX,mBAAmBM;GACnBJ,iBAAiBK;GACjBJ,iBAAiBE;EACnB;EACAD;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"mountTopAnchorReserve.js","names":[],"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  };\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 (\n      state.turnAnchor !== \"top\" ||\n      !viewport ||\n      !anchor ||\n      !target ||\n      !clamp\n    ) {\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":";;;;;AAmCA,MAAM,wBAAwB,OAAmB;CAC/C,IAAI,QAAuB;CAE3B,OAAO;EACL,gBAAgB;GACd,IAAI,UAAU,MAAM;GACpB,QAAQ,4BAA4B;IAClC,QAAQ;IACR,GAAG;GACL,CAAC;EACH;EACA,cAAc;GACZ,IAAI,UAAU,MAAM;IAClB,qBAAqB,KAAK;IAC1B,QAAQ;GACV;EACF;CACF;AACF;AAEA,MAAa,yBAAyB,UAA0B;CAC9D,IAAI,UAA8B;CAClC,IAAI;CAEJ,SAAS,QAAQ;EACf,MAAM,QAAQ,MAAM,SAAS;EAC7B,MAAM,EAAE,UAAU,QAAQ,WAAW,MAAM;EAC3C,MAAM,QAAQ,MAAM;EAEpB,IACE,MAAM,eAAe,SACrB,CAAC,YACD,CAAC,UACD,CAAC,UACD,CAAC,OACD;GACA,UAAU,WAAW;GACrB,IAAI,SAAS;IACX,iBAAiB,SAAS,CAAC;IAC3B,QAAQ,OAAO;GACjB;GACA;EACF;EAEA,YAAY,qBAAqB;EAEjC,IACE,QAAQ,kBAAkB,OAAO,iBACjC,QAAQ,2BAA2B,QAEnC,OAAO,MAAM,OAAO;EAGtB,UAAU,OAAO,UAAU,QAAQ,MAAM;EAOzC,IALuB,iBACrB,SACA,wBAAwB;GAAE;GAAU;GAAQ;GAAS,GAAG;EAAM,CAAC,CAGhD,GAAG;GAClB,UAAU,SAAS;GACnB;EACF;EAEA,MAAM,WAAW,YAAY,MAAM;EACnC,IAAI,aAAa,KAAA,KAAa,yBAAyB,UAAU;EAEjE,MAAM,kBAAkB,cACtB,gCAAgC;GAAE;GAAU;GAAQ,GAAG;EAAM,CAAC,CAChE;EAEA,IAAI,KAAK,IAAI,SAAS,YAAY,eAAe,IAAI,GACnD,SAAS,SAAS;GAAE,KAAK;GAAiB,UAAU;EAAS,CAAC;EAGhE,IAAI,aAAa,KAAA,GAAW,uBAAuB;CACrD;CAEA,MAAM,YAAY,qBAAqB,KAAK;CAC5C,MAAM,YAAY,uBAAuB,UAAU,QAAQ;CAE3D,UAAU,SAAS;CACnB,MAAM,cAAc,MAAM,UAAU,UAAU,QAAQ;CAEtD,aAAa;EACX,UAAU,OAAO;EACjB,YAAY;EACZ,UAAU,WAAW;EACrB,SAAS,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","subscribe","fn","createFrameScheduler","frame","schedule","requestAnimationFrame","cancel","cancelAnimationFrame","mountTopAnchorReserve","store","reserve","lastScrolledAnchorId","apply","state","clamp","observers","disconnect","remove","parentElement","previousElementSibling","after","reserveChanged","scheduler","anchorId","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  };\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 (\n      state.turnAnchor !== \"top\" ||\n      !viewport ||\n      !anchor ||\n      !target ||\n      !clamp\n    ) {\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":";;;;;AAmCA,MAAMoB,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,MAAMnB,SAAS;EAC7B,MAAM,EAAEG,UAAUE,QAAQC,WAAWiB,MAAMrB;EAC3C,MAAMsB,QAAQD,MAAMhB;EAEpB,IACEgB,MAAMtB,eAAe,SACrB,CAACE,YACD,CAACE,UACD,CAACC,UACD,CAACkB,OACD;GACAC,UAAUC,WAAW;GACrB,IAAIN,SAAS;IACXvB,iBAAiBuB,SAAS,CAAC;IAC3BA,QAAQO,OAAO;GACjB;GACA;EACF;EAEAP,YAAYzB,qBAAqB;EAEjC,IACEyB,QAAQQ,kBAAkBtB,OAAOsB,iBACjCR,QAAQS,2BAA2BvB,QAEnCA,OAAOwB,MAAMV,OAAO;EAGtBK,UAAUnB,OAAOH,UAAUE,QAAQC,MAAM;EAOzC,IALuBT,iBACrBuB,SACA5B,wBAAwB;GAAEW;GAAUE;GAAQe;GAAS,GAAGI;EAAM,CAAC,CAG7DO,GAAgB;GAClBC,UAAUlB,SAAS;GACnB;EACF;EAEA,MAAMmB,WAAWrC,YAAYS,MAAM;EACnC,IAAI4B,aAAaC,KAAAA,KAAab,yBAAyBY,UAAU;EAEjE,MAAME,kBAAkBrC,cACtBL,gCAAgC;GAAEU;GAAUE;GAAQ,GAAGmB;EAAM,CAAC,CAChE;EAEA,IAAIY,KAAKC,IAAIlC,SAASmC,YAAYH,eAAe,IAAI,GACnDhC,SAASoC,SAAS;GAAEC,KAAKL;GAAiBM,UAAU;EAAS,CAAC;EAGhE,IAAIR,aAAaC,KAAAA,GAAWb,uBAAuBY;CACrD;CAEA,MAAMD,YAAYpB,qBAAqBU,KAAK;CAC5C,MAAMG,YAAY/B,uBAAuBsC,UAAUlB,QAAQ;CAE3DkB,UAAUlB,SAAS;CACnB,MAAM4B,cAAcvB,MAAMT,UAAUsB,UAAUlB,QAAQ;CAEtD,aAAa;EACXkB,UAAUhB,OAAO;EACjB0B,YAAY;EACZjB,UAAUC,WAAW;EACrBN,SAASO,OAAO;CAClB;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"topAnchorTurn.js","names":[],"sources":["../../../../src/primitives/thread/topAnchor/topAnchorTurn.ts"],"sourcesContent":["\"use client\";\n\ntype TopAnchorTurnMessage = {\n  readonly id: string;\n  readonly role: string;\n};\n\nexport const getActiveTopAnchorTurn = ({\n  isRunning,\n  messages,\n}: {\n  readonly isRunning: boolean;\n  readonly messages: readonly TopAnchorTurnMessage[];\n}) => {\n  if (!isRunning) return null;\n\n  const target = messages.at(-1);\n  const anchor = messages.at(-2);\n  if (anchor?.role !== \"user\" || target?.role !== \"assistant\") return null;\n\n  return { anchorId: anchor.id, targetId: target.id };\n};\n\nexport const getActiveTopAnchorAnchorId = (\n  options: Parameters<typeof getActiveTopAnchorTurn>[0],\n) => getActiveTopAnchorTurn(options)?.anchorId;\n\nexport const getActiveTopAnchorTargetId = (\n  options: Parameters<typeof getActiveTopAnchorTurn>[0],\n) => getActiveTopAnchorTurn(options)?.targetId;\n"],"mappings":";;AAOA,MAAa,0BAA0B,EACrC,WACA,eAII;CACJ,IAAI,CAAC,WAAW,OAAO;CAEvB,MAAM,SAAS,SAAS,GAAG,EAAE;CAC7B,MAAM,SAAS,SAAS,GAAG,EAAE;CAC7B,IAAI,QAAQ,SAAS,UAAU,QAAQ,SAAS,aAAa,OAAO;CAEpE,OAAO;EAAE,UAAU,OAAO;EAAI,UAAU,OAAO;CAAG;AACpD;AAEA,MAAa,8BACX,YACG,uBAAuB,OAAO,CAAC,EAAE;AAEtC,MAAa,8BACX,YACG,uBAAuB,OAAO,CAAC,EAAE"}
+{"version":3,"file":"topAnchorTurn.js","names":["TopAnchorTurnMessage","id","role","getActiveTopAnchorTurn","isRunning","messages","target","at","anchor","anchorId","targetId","getActiveTopAnchorAnchorId","options","Parameters","getActiveTopAnchorTargetId"],"sources":["../../../../src/primitives/thread/topAnchor/topAnchorTurn.ts"],"sourcesContent":["\"use client\";\n\ntype TopAnchorTurnMessage = {\n  readonly id: string;\n  readonly role: string;\n};\n\nexport const getActiveTopAnchorTurn = ({\n  isRunning,\n  messages,\n}: {\n  readonly isRunning: boolean;\n  readonly messages: readonly TopAnchorTurnMessage[];\n}) => {\n  if (!isRunning) return null;\n\n  const target = messages.at(-1);\n  const anchor = messages.at(-2);\n  if (anchor?.role !== \"user\" || target?.role !== \"assistant\") return null;\n\n  return { anchorId: anchor.id, targetId: target.id };\n};\n\nexport const getActiveTopAnchorAnchorId = (\n  options: Parameters<typeof getActiveTopAnchorTurn>[0],\n) => getActiveTopAnchorTurn(options)?.anchorId;\n\nexport const getActiveTopAnchorTargetId = (\n  options: Parameters<typeof getActiveTopAnchorTurn>[0],\n) => getActiveTopAnchorTurn(options)?.targetId;\n"],"mappings":";;AAOA,MAAaG,0BAA0B,EACrCC,WACAC,eAII;CACJ,IAAI,CAACD,WAAW,OAAO;CAEvB,MAAME,SAASD,SAASE,GAAG,EAAE;CAC7B,MAAMC,SAASH,SAASE,GAAG,EAAE;CAC7B,IAAIC,QAAQN,SAAS,UAAUI,QAAQJ,SAAS,aAAa,OAAO;CAEpE,OAAO;EAAEO,UAAUD,OAAOP;EAAIS,UAAUJ,OAAOL;CAAG;AACpD;AAEA,MAAaU,8BACXC,YACGT,uBAAuBS,OAAO,CAAC,EAAEH;AAEtC,MAAaK,8BACXF,YACGT,uBAAuBS,OAAO,CAAC,EAAEF"}

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

@@ -1 +1 @@
-{"version":3,"file":"topAnchorUtils.js","names":[],"sources":["../../../../src/primitives/thread/topAnchor/topAnchorUtils.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Convert a supported CSS length string (`px`, `em`, `rem`) into pixels,\n * resolving font-relative units against the supplied element's computed style.\n * Unsupported or malformed values disable the tall-message clamp.\n *\n * Part of the top-anchor package's public input contract: consumers may pass\n * clamp configuration as supported CSS-length strings, and this function is the\n * single place that converts them into the pixel values the package operates on.\n */\nexport const parseCssLength = (value: string, element: HTMLElement): number => {\n  const match = value.trim().match(/^(\\d+(?:\\.\\d+)?|\\.\\d+)(em|px|rem)$/);\n  if (!match) return Number.POSITIVE_INFINITY;\n\n  const num = Number(match[1]);\n  const unit = match[2];\n\n  if (unit === \"px\") return num;\n  if (unit === \"em\") {\n    const fontSize = parseFloat(getComputedStyle(element).fontSize) || 16;\n    return num * fontSize;\n  }\n  if (unit === \"rem\") {\n    const rootFontSize =\n      parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\n    return num * rootFontSize;\n  }\n  return Number.POSITIVE_INFINITY;\n};\n\nexport const getAnchorId = (anchor: HTMLElement) => anchor.dataset.messageId;\n\nexport const createReserveElement = () => {\n  const reserve = document.createElement(\"div\");\n  reserve.dataset.auiTopAnchorReserve = \"\";\n  reserve.style.height = \"0px\";\n  reserve.style.flexShrink = \"0\";\n  reserve.style.pointerEvents = \"none\";\n  reserve.setAttribute(\"aria-hidden\", \"true\");\n\n  return reserve;\n};\n\nexport const setReserveHeight = (reserve: HTMLElement, height: number) => {\n  const nextHeight = `${height}px`;\n  if (reserve.style.height !== nextHeight) {\n    reserve.style.height = nextHeight;\n    return true;\n  }\n\n  return false;\n};\n\nexport const snapScrollTop = (top: number) => {\n  const pixelRatio = window.devicePixelRatio || 1;\n  return Math.round(top * pixelRatio) / pixelRatio;\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,kBAAkB,OAAe,YAAiC;CAC7E,MAAM,QAAQ,MAAM,KAAK,CAAC,CAAC,MAAM,oCAAoC;CACrE,IAAI,CAAC,OAAO,OAAO,OAAO;CAE1B,MAAM,MAAM,OAAO,MAAM,EAAE;CAC3B,MAAM,OAAO,MAAM;CAEnB,IAAI,SAAS,MAAM,OAAO;CAC1B,IAAI,SAAS,MAEX,OAAO,OADU,WAAW,iBAAiB,OAAO,CAAC,CAAC,QAAQ,KAAK;CAGrE,IAAI,SAAS,OAGX,OAAO,OADL,WAAW,iBAAiB,SAAS,eAAe,CAAC,CAAC,QAAQ,KAAK;CAGvE,OAAO,OAAO;AAChB;AAEA,MAAa,eAAe,WAAwB,OAAO,QAAQ;AAEnE,MAAa,6BAA6B;CACxC,MAAM,UAAU,SAAS,cAAc,KAAK;CAC5C,QAAQ,QAAQ,sBAAsB;CACtC,QAAQ,MAAM,SAAS;CACvB,QAAQ,MAAM,aAAa;CAC3B,QAAQ,MAAM,gBAAgB;CAC9B,QAAQ,aAAa,eAAe,MAAM;CAE1C,OAAO;AACT;AAEA,MAAa,oBAAoB,SAAsB,WAAmB;CACxE,MAAM,aAAa,GAAG,OAAO;CAC7B,IAAI,QAAQ,MAAM,WAAW,YAAY;EACvC,QAAQ,MAAM,SAAS;EACvB,OAAO;CACT;CAEA,OAAO;AACT;AAEA,MAAa,iBAAiB,QAAgB;CAC5C,MAAM,aAAa,OAAO,oBAAoB;CAC9C,OAAO,KAAK,MAAM,MAAM,UAAU,IAAI;AACxC"}
+{"version":3,"file":"topAnchorUtils.js","names":["parseCssLength","value","element","HTMLElement","match","trim","Number","POSITIVE_INFINITY","num","unit","fontSize","parseFloat","getComputedStyle","rootFontSize","document","documentElement","getAnchorId","anchor","dataset","messageId","createReserveElement","reserve","createElement","auiTopAnchorReserve","style","height","flexShrink","pointerEvents","setAttribute","setReserveHeight","nextHeight","snapScrollTop","top","pixelRatio","window","devicePixelRatio","Math","round"],"sources":["../../../../src/primitives/thread/topAnchor/topAnchorUtils.ts"],"sourcesContent":["\"use client\";\n\n/**\n * Convert a supported CSS length string (`px`, `em`, `rem`) into pixels,\n * resolving font-relative units against the supplied element's computed style.\n * Unsupported or malformed values disable the tall-message clamp.\n *\n * Part of the top-anchor package's public input contract: consumers may pass\n * clamp configuration as supported CSS-length strings, and this function is the\n * single place that converts them into the pixel values the package operates on.\n */\nexport const parseCssLength = (value: string, element: HTMLElement): number => {\n  const match = value.trim().match(/^(\\d+(?:\\.\\d+)?|\\.\\d+)(em|px|rem)$/);\n  if (!match) return Number.POSITIVE_INFINITY;\n\n  const num = Number(match[1]);\n  const unit = match[2];\n\n  if (unit === \"px\") return num;\n  if (unit === \"em\") {\n    const fontSize = parseFloat(getComputedStyle(element).fontSize) || 16;\n    return num * fontSize;\n  }\n  if (unit === \"rem\") {\n    const rootFontSize =\n      parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\n    return num * rootFontSize;\n  }\n  return Number.POSITIVE_INFINITY;\n};\n\nexport const getAnchorId = (anchor: HTMLElement) => anchor.dataset.messageId;\n\nexport const createReserveElement = () => {\n  const reserve = document.createElement(\"div\");\n  reserve.dataset.auiTopAnchorReserve = \"\";\n  reserve.style.height = \"0px\";\n  reserve.style.flexShrink = \"0\";\n  reserve.style.pointerEvents = \"none\";\n  reserve.setAttribute(\"aria-hidden\", \"true\");\n\n  return reserve;\n};\n\nexport const setReserveHeight = (reserve: HTMLElement, height: number) => {\n  const nextHeight = `${height}px`;\n  if (reserve.style.height !== nextHeight) {\n    reserve.style.height = nextHeight;\n    return true;\n  }\n\n  return false;\n};\n\nexport const snapScrollTop = (top: number) => {\n  const pixelRatio = window.devicePixelRatio || 1;\n  return Math.round(top * pixelRatio) / pixelRatio;\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAaA,kBAAkBC,OAAeC,YAAiC;CAC7E,MAAME,QAAQH,MAAMI,KAAK,CAAC,CAACD,MAAM,oCAAoC;CACrE,IAAI,CAACA,OAAO,OAAOE,OAAOC;CAE1B,MAAMC,MAAMF,OAAOF,MAAM,EAAE;CAC3B,MAAMK,OAAOL,MAAM;CAEnB,IAAIK,SAAS,MAAM,OAAOD;CAC1B,IAAIC,SAAS,MAEX,OAAOD,OADUG,WAAWC,iBAAiBV,OAAO,CAAC,CAACQ,QAAQ,KAAK;CAGrE,IAAID,SAAS,OAGX,OAAOD,OADLG,WAAWC,iBAAiBE,SAASC,eAAe,CAAC,CAACL,QAAQ,KAAK;CAGvE,OAAOJ,OAAOC;AAChB;AAEA,MAAaS,eAAeC,WAAwBA,OAAOC,QAAQC;AAEnE,MAAaC,6BAA6B;CACxC,MAAMC,UAAUP,SAASQ,cAAc,KAAK;CAC5CD,QAAQH,QAAQK,sBAAsB;CACtCF,QAAQG,MAAMC,SAAS;CACvBJ,QAAQG,MAAME,aAAa;CAC3BL,QAAQG,MAAMG,gBAAgB;CAC9BN,QAAQO,aAAa,eAAe,MAAM;CAE1C,OAAOP;AACT;AAEA,MAAaQ,oBAAoBR,SAAsBI,WAAmB;CACxE,MAAMK,aAAa,GAAGL,OAAM;CAC5B,IAAIJ,QAAQG,MAAMC,WAAWK,YAAY;EACvCT,QAAQG,MAAMC,SAASK;EACvB,OAAO;CACT;CAEA,OAAO;AACT;AAEA,MAAaC,iBAAiBC,QAAgB;CAC5C,MAAMC,aAAaC,OAAOC,oBAAoB;CAC9C,OAAOC,KAAKC,MAAML,MAAMC,UAAU,IAAIA;AACxC"}