@assistant-ui/react 0.15.21 → 0.15.23

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

@@ -1,13 +1,12 @@
 import { Primitive } from "../../utils/Primitive.js";
-import { ComponentPropsWithoutRef, ComponentRef } from "react";
-//#region src/primitives/thread/ThreadRoot.d.ts
+import { type ComponentRef, type ComponentPropsWithoutRef } from "react";
 export declare namespace ThreadPrimitiveRoot {
-  type Element = ComponentRef<typeof Primitive.div>;
-  /**
-   * Props for the ThreadPrimitive.Root component.
-   * Accepts all standard div element props.
-   */
-  type Props = ComponentPropsWithoutRef<typeof Primitive.div>;
+    type Element = ComponentRef<typeof Primitive.div>;
+    /**
+     * Props for the ThreadPrimitive.Root component.
+     * Accepts all standard div element props.
+     */
+    type Props = ComponentPropsWithoutRef<typeof Primitive.div>;
 }
 /**
  * The root container component for a thread.
@@ -15,8 +14,9 @@ export declare namespace ThreadPrimitiveRoot {
  * This component serves as the foundational wrapper for all thread-related components.
  * It provides the basic structure and context needed for thread functionality.
  *
- * While this component is mounted, an unhandled Escape keydown stops active speech, even if
- * the action bar that started it is no longer mounted.
+ * While this component is mounted, an unhandled Escape keydown inside this thread stops its
+ * active speech, even if the action bar that started it is no longer mounted. Escape outside
+ * every thread retains the document-level fallback.
  *
  * @example
  * ```tsx
@@ -30,9 +30,8 @@ export declare namespace ThreadPrimitiveRoot {
  * ```
  */
 export declare const ThreadPrimitiveRoot: 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=ThreadRoot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadRoot.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"mappings":";;;yBAWiB;OACH,UAAU,oBAAoB,UAAU;;;;;OAKxC,QAAQ,gCAAgC,UAAU;;;;;;;;;;;;;;;;;;;;;;qBAuBnD,qCAAmB,0BAAA,KAAA,qBAAA,gBAAA,kCAAA,eAAA;;;;oBAiC9B,cAAA,0CAAA,cAAA"}
+{"version":3,"file":"ThreadRoot.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EACL,KAAK,YAAY,EAEjB,KAAK,wBAAwB,EAI9B,MAAM,OAAO,CAAC;AAOf,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACzD;;;OAGG;IACH,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;CACpE;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,mBAAmB;;;;0GA8D9B,CAAC"}

package/dist/primitives/thread/ThreadRoot.js

@@ -1,18 +1,22 @@
 "use client";
-import { Primitive } from "../../utils/Primitive.js";
+import { Primitive as Primitive$1 } from "../../utils/Primitive.js";
+import { ThreadRootElementContext } from "./ThreadRootElementContext.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { forwardRef, useEffect, useRef } from "@assistant-ui/tap/react-shim";
 import { useAui } from "@assistant-ui/store";
-import { forwardRef, useEffect } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "radix-ui/internal";
 //#region src/primitives/thread/ThreadRoot.tsx
+const escapeEventThreadRoots = /* @__PURE__ */ new WeakMap();
 /**
 * The root container component for a thread.
 *
 * This component serves as the foundational wrapper for all thread-related components.
 * It provides the basic structure and context needed for thread functionality.
 *
-* While this component is mounted, an unhandled Escape keydown stops active speech, even if
-* the action bar that started it is no longer mounted.
+* While this component is mounted, an unhandled Escape keydown inside this thread stops its
+* active speech, even if the action bar that started it is no longer mounted. Escape outside
+* every thread retains the document-level fallback.
 *
 * @example
 * ```tsx
@@ -26,21 +30,35 @@ import { jsx } from "react/jsx-runtime";
 * ```
 */
 const ThreadPrimitiveRoot = forwardRef((props, ref) => {
-	const $ = c(6);
+	const $ = c(9);
 	const aui = useAui();
+	const rootRef = useRef(null);
+	const composedRef = useComposedRefs(ref, rootRef);
 	let t0;
+	if ($[0] !== props) {
+		t0 = (event) => {
+			if (event.key === "Escape" && rootRef.current) escapeEventThreadRoots.set(event.nativeEvent, rootRef.current);
+			props.onKeyDown?.(event);
+		};
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const handleRootKeyDown = t0;
 	let t1;
-	if ($[0] !== aui) {
-		t0 = () => {
-			const handleKeyDown = (event) => {
-				if (event.key !== "Escape") return;
-				if (event.defaultPrevented || aui.thread.source === null) return;
+	let t2;
+	if ($[2] !== aui) {
+		t1 = () => {
+			const handleKeyDown = (event_0) => {
+				if (event_0.key !== "Escape") return;
+				if (event_0.defaultPrevented || aui.thread.source === null) return;
+				const eventThreadRoot = escapeEventThreadRoots.get(event_0) ?? event_0.composedPath().find(_temp);
+				if (eventThreadRoot && eventThreadRoot !== rootRef.current) return;
 				if (aui.thread.getState().speech == null) return;
-				event.preventDefault();
+				event_0.preventDefault();
 				try {
 					aui.thread.stopSpeaking();
-				} catch (t2) {
-					const error = t2;
+				} catch (t3) {
+					const error = t3;
 					if (!(error instanceof Error) || error.message !== "No message is being spoken") throw error;
 				}
 			};
@@ -49,28 +67,37 @@ const ThreadPrimitiveRoot = forwardRef((props, ref) => {
 				document.removeEventListener("keydown", handleKeyDown);
 			};
 		};
-		t1 = [aui];
-		$[0] = aui;
-		$[1] = t0;
-		$[2] = t1;
+		t2 = [aui];
+		$[2] = aui;
+		$[3] = t1;
+		$[4] = t2;
 	} else {
-		t0 = $[1];
-		t1 = $[2];
+		t1 = $[3];
+		t2 = $[4];
 	}
-	useEffect(t0, t1);
-	let t2;
-	if ($[3] !== props || $[4] !== ref) {
-		t2 = /* @__PURE__ */ jsx(Primitive.div, {
-			...props,
-			ref
+	useEffect(t1, t2);
+	let t3;
+	if ($[5] !== composedRef || $[6] !== handleRootKeyDown || $[7] !== props) {
+		t3 = /* @__PURE__ */ jsx(ThreadRootElementContext.Provider, {
+			value: rootRef,
+			children: /* @__PURE__ */ jsx(Primitive$1.div, {
+				...props,
+				"data-aui-thread-root": "",
+				ref: composedRef,
+				onKeyDown: handleRootKeyDown
+			})
 		});
-		$[3] = props;
-		$[4] = ref;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
+		$[5] = composedRef;
+		$[6] = handleRootKeyDown;
+		$[7] = props;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
 });
 ThreadPrimitiveRoot.displayName = "ThreadPrimitive.Root";
+function _temp(target) {
+	return target instanceof Element && target.hasAttribute("data-aui-thread-root");
+}
 //#endregion
 export { ThreadPrimitiveRoot };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadRoot.js","names":["c","_c","Primitive","ComponentRef","forwardRef","ComponentPropsWithoutRef","useEffect","useAui","ThreadPrimitiveRoot","Element","div","Props","props","ref","$","aui","t0","t1","handleKeyDown","event","key","defaultPrevented","thread","source","getState","speech","preventDefault","stopSpeaking","t2","error","Error","message","document","addEventListener","removeEventListener","displayName"],"sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  useEffect,\n} from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\n\nexport namespace ThreadPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  /**\n   * Props for the ThreadPrimitive.Root component.\n   * Accepts all standard div element props.\n   */\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * The root container component for a thread.\n *\n * This component serves as the foundational wrapper for all thread-related components.\n * It provides the basic structure and context needed for thread functionality.\n *\n * While this component is mounted, an unhandled Escape keydown stops active speech, even if\n * the action bar that started it is no longer mounted.\n *\n * @example\n * ```tsx\n * <ThreadPrimitive.Root>\n *   <ThreadPrimitive.Viewport>\n *     <ThreadPrimitive.Messages>\n *       {() => <MyMessage />}\n *     </ThreadPrimitive.Messages>\n *   </ThreadPrimitive.Viewport>\n * </ThreadPrimitive.Root>\n * ```\n */\nexport const ThreadPrimitiveRoot = forwardRef<\n  ThreadPrimitiveRoot.Element,\n  ThreadPrimitiveRoot.Props\n>((props, ref) => {\n  const aui = useAui();\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      if (event.defaultPrevented || aui.thread.source === null) return;\n      if (aui.thread.getState().speech == null) return;\n      event.preventDefault();\n      try {\n        aui.thread.stopSpeaking();\n      } catch (error) {\n        // getState() is the last rendered snapshot, so speech can finish before this call.\n        if (\n          !(error instanceof Error) ||\n          error.message !== \"No message is being spoken\"\n        ) {\n          throw error;\n        }\n      }\n    };\n\n    // Bubble phase lets capture-phase Escape handlers consume the event first.\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [aui]);\n\n  return <Primitive.div {...props} ref={ref} />;\n});\n\nThreadPrimitiveRoot.displayName = \"ThreadPrimitive.Root\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAaQ,sBAAsBJ,YAGjCQ,OAAAC,QAAA;CAAA,MAAAC,IAAAb,EAAA,CAAA;CACA,MAAAc,MAAYR,OAAO;CAAE,IAAAS;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAC,KAAA;EAEXC,WAAA;GACR,MAAAE,iBAAsBC,UAAA;IACpB,IAAIA,MAAKC,QAAS,UAAQ;IAC1B,IAAID,MAAKE,oBAAqBN,IAAGO,OAAOC,WAAY,MAAI;IACxD,IAAIR,IAAGO,OAAOE,SAAU,CAAC,CAAAC,UAAW,MAAI;IACxCN,MAAKO,eAAgB;IACrB,IAAA;KACEX,IAAGO,OAAOK,aAAc;IAAC,SAAAC,IAAA;KAClBC,MAAAA,QAAAA;KAEP,IACE,EAAEA,iBAAiBC,UACnBD,MAAKE,YAAa,8BAElB,MAAMF;IACP;GACF;GAIHG,SAAQC,iBAAkB,WAAWf,aAAa;GAAC,aAC5C;IACLc,SAAQE,oBAAqB,WAAWhB,aAAa;GAAC;EACvD;EACAD,KAAA,CAACF,GAAG;EAACD,EAAA,KAAAC;EAAAD,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAAD,KAAAF,EAAA;EAAAG,KAAAH,EAAA;CAAA;CAxBRR,UAAUU,IAwBPC,EAAK;CAAC,IAAAW;CAAA,IAAAd,EAAA,OAAAF,SAAAE,EAAA,OAAAD,KAAA;EAEFe,KAAA,oBAAA,UAAA,KAAA;GAAA,GAAmBhB;GAAYC;EAAG,CAAA;EAAIC,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,OAAtCc;AAAsC,CAC9C;AAEDpB,oBAAoB2B,cAAc"}
+{"version":3,"file":"ThreadRoot.js","names":["c","_c","Primitive","ComponentRef","forwardRef","ComponentPropsWithoutRef","KeyboardEventHandler","useEffect","useRef","useAui","useComposedRefs","ThreadRootElementContext","escapeEventThreadRoots","WeakMap","KeyboardEvent","Element","ThreadPrimitiveRoot","div","Props","props","ref","$","aui","rootRef","composedRef","t0","event","key","current","set","nativeEvent","onKeyDown","handleRootKeyDown","t1","t2","handleKeyDown","event_0","defaultPrevented","thread","source","eventThreadRoot","get","composedPath","find","_temp","getState","speech","preventDefault","stopSpeaking","t3","error","Error","message","document","addEventListener","removeEventListener","displayName","target","hasAttribute"],"sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type KeyboardEventHandler,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { useComposedRefs } from \"radix-ui/internal\";\nimport { ThreadRootElementContext } from \"./ThreadRootElementContext\";\n\nconst escapeEventThreadRoots = new WeakMap<KeyboardEvent, Element>();\n\nexport namespace ThreadPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  /**\n   * Props for the ThreadPrimitive.Root component.\n   * Accepts all standard div element props.\n   */\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * The root container component for a thread.\n *\n * This component serves as the foundational wrapper for all thread-related components.\n * It provides the basic structure and context needed for thread functionality.\n *\n * While this component is mounted, an unhandled Escape keydown inside this thread stops its\n * active speech, even if the action bar that started it is no longer mounted. Escape outside\n * every thread retains the document-level fallback.\n *\n * @example\n * ```tsx\n * <ThreadPrimitive.Root>\n *   <ThreadPrimitive.Viewport>\n *     <ThreadPrimitive.Messages>\n *       {() => <MyMessage />}\n *     </ThreadPrimitive.Messages>\n *   </ThreadPrimitive.Viewport>\n * </ThreadPrimitive.Root>\n * ```\n */\nexport const ThreadPrimitiveRoot = forwardRef<\n  ThreadPrimitiveRoot.Element,\n  ThreadPrimitiveRoot.Props\n>((props, ref) => {\n  const aui = useAui();\n  const rootRef = useRef<ThreadPrimitiveRoot.Element>(null);\n  const composedRef = useComposedRefs(ref, rootRef);\n  const handleRootKeyDown: KeyboardEventHandler<ThreadPrimitiveRoot.Element> = (\n    event,\n  ) => {\n    if (event.key === \"Escape\" && rootRef.current) {\n      escapeEventThreadRoots.set(event.nativeEvent, rootRef.current);\n    }\n    props.onKeyDown?.(event);\n  };\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      if (event.defaultPrevented || aui.thread.source === null) return;\n      const eventThreadRoot =\n        escapeEventThreadRoots.get(event) ??\n        event\n          .composedPath()\n          .find(\n            (target) =>\n              target instanceof Element &&\n              target.hasAttribute(\"data-aui-thread-root\"),\n          );\n      if (eventThreadRoot && eventThreadRoot !== rootRef.current) return;\n      if (aui.thread.getState().speech == null) return;\n      event.preventDefault();\n      try {\n        aui.thread.stopSpeaking();\n      } catch (error) {\n        // getState() is the last rendered snapshot, so speech can finish before this call.\n        if (\n          !(error instanceof Error) ||\n          error.message !== \"No message is being spoken\"\n        ) {\n          throw error;\n        }\n      }\n    };\n\n    // Bubble phase lets capture-phase Escape handlers consume the event first.\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [aui]);\n\n  return (\n    <ThreadRootElementContext.Provider value={rootRef}>\n      <Primitive.div\n        {...props}\n        data-aui-thread-root=\"\"\n        ref={composedRef}\n        onKeyDown={handleRootKeyDown}\n      />\n    </ThreadRootElementContext.Provider>\n  );\n});\n\nThreadPrimitiveRoot.displayName = \"ThreadPrimitive.Root\";\n"],"mappings":";;;;;;;;;AAeA,MAAMY,yCAAyB,IAAIC,QAAgC;;;;;;;;;;;;;;;;;;;;;;AAgCnE,MAAaG,sBAAsBZ,YAGjCe,OAAAC,QAAA;CAAA,MAAAC,IAAApB,EAAA,CAAA;CACA,MAAAqB,MAAYb,OAAO;CACnB,MAAAc,UAAgBf,OAAoC,IAAI;CACxD,MAAAgB,cAAoBd,gBAAgBU,KAAKG,OAAO;CAAE,IAAAE;CAAA,IAAAJ,EAAA,OAAAF,OAAA;EAC2BM,MAAAC,UAAA;GAG3E,IAAIA,MAAKC,QAAS,YAAYJ,QAAOK,SACnChB,uBAAsBiB,IAAKH,MAAKI,aAAcP,QAAOK,OAAQ;GAE/DT,MAAKY,YAAaL,KAAK;EAAC;EACzBL,EAAA,KAAAF;EAAAE,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAPD,MAAAW,oBAA6EP;CAO3E,IAAAQ;CAAA,IAAAC;CAAA,IAAAb,EAAA,OAAAC,KAAA;EAEQW,WAAA;GACR,MAAAE,iBAAsBC,YAAA;IACpB,IAAIV,QAAKC,QAAS,UAAQ;IAC1B,IAAID,QAAKW,oBAAqBf,IAAGgB,OAAOC,WAAY,MAAI;IACxD,MAAAC,kBACE5B,uBAAsB6B,IAAKf,OAOzB,KANFA,QAAKgB,aACW,CAAC,CAAAC,KAEbC,KAGF;IACJ,IAAIJ,mBAAmBA,oBAAoBjB,QAAOK,SAAQ;IAC1D,IAAIN,IAAGgB,OAAOO,SAAU,CAAC,CAAAC,UAAW,MAAI;IACxCpB,QAAKqB,eAAgB;IACrB,IAAA;KACEzB,IAAGgB,OAAOU,aAAc;IAAC,SAAAC,IAAA;KAClBC,MAAAA,QAAAA;KAEP,IACE,EAAEA,iBAAiBC,UACnBD,MAAKE,YAAa,8BAElB,MAAMF;IACP;GACF;GAIHG,SAAQC,iBAAkB,WAAWnB,aAAa;GAAC,aAC5C;IACLkB,SAAQE,oBAAqB,WAAWpB,aAAa;GAAC;EACvD;EACAD,KAAA,CAACZ,GAAG;EAACD,EAAA,KAAAC;EAAAD,EAAA,KAAAY;EAAAZ,EAAA,KAAAa;CAAA,OAAA;EAAAD,KAAAZ,EAAA;EAAAa,KAAAb,EAAA;CAAA;CAlCRd,UAAU0B,IAkCPC,EAAK;CAAC,IAAAe;CAAA,IAAA5B,EAAA,OAAAG,eAAAH,EAAA,OAAAW,qBAAAX,EAAA,OAAAF,OAAA;EAGP8B,KAAA,oBAAA,yBAAA,UAAA;GAA0C1B,OAAAA;GACxC,UAAA,oBAAA,YAAA,KAAA;IAAA,GACMJ;IACiB,wBAAA;IAChBK,KAAAA;IACMQ,WAAAA;GAAiB,CAAA;EAEhC,CAAA;EAAoCX,EAAA,KAAAG;EAAAH,EAAA,KAAAW;EAAAX,EAAA,KAAAF;EAAAE,EAAA,KAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAAA,OAPpC4B;AAOoC,CAEvC;AAEDjC,oBAAoBwC,cAAc;AA7DhC,SAAAZ,MAAAa,QAAA;CAAA,OAuBYA,kBAAkB1C,WAClB0C,OAAMC,aAAc,sBAAsB;AAAC"}

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

@@ -0,0 +1,4 @@
+import { type RefObject } from "react";
+export declare const ThreadRootElementContext: import("react").Context<RefObject<HTMLElement | null> | undefined>;
+export declare const useThreadRootElementRef: () => RefObject<HTMLElement | null> | undefined;
+//# sourceMappingURL=ThreadRootElementContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadRootElementContext.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadRootElementContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAElE,eAAO,MAAM,wBAAwB,oEAEzB,CAAC;AAEb,eAAO,MAAM,uBAAuB,iDACE,CAAC"}

package/dist/primitives/thread/ThreadRootElementContext.js

@@ -0,0 +1,11 @@
+"use client";
+import { createContext, useContext } from "@assistant-ui/tap/react-shim";
+//#region src/primitives/thread/ThreadRootElementContext.ts
+const ThreadRootElementContext = createContext(void 0);
+const useThreadRootElementRef = () => {
+	return useContext(ThreadRootElementContext);
+};
+//#endregion
+export { ThreadRootElementContext, useThreadRootElementRef };
+
+//# sourceMappingURL=ThreadRootElementContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadRootElementContext.js","names":["createContext","RefObject","useContext","ThreadRootElementContext","HTMLElement","undefined","useThreadRootElementRef"],"sources":["../../../src/primitives/thread/ThreadRootElementContext.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, type RefObject, useContext } from \"react\";\n\nexport const ThreadRootElementContext = createContext<\n  RefObject<HTMLElement | null> | undefined\n>(undefined);\n\nexport const useThreadRootElementRef = () =>\n  useContext(ThreadRootElementContext);\n"],"mappings":";;;AAIA,MAAaG,2BAA2BH,cAEtCK,KAAAA,CAAS;AAEX,MAAaC,gCAA0B;CAAA,OACrCJ,WAAWC,wBAAwB;AAAC"}

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

@@ -1,20 +1,18 @@
-import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
-//#region src/primitives/thread/ThreadScrollToBottom.d.ts
-declare namespace useThreadScrollToBottom {
-  type Options = {
-    behavior?: ScrollBehavior | undefined;
-  };
+import { type ActionButtonElement, type ActionButtonProps } from "../../utils/createActionButton.js";
+export declare namespace useThreadScrollToBottom {
+    type Options = {
+        behavior?: ScrollBehavior | undefined;
+    };
 }
-declare const useThreadScrollToBottom: ({ behavior }?: useThreadScrollToBottom.Options) => (() => void) | null;
+declare const useThreadScrollToBottom: ({ behavior, }?: useThreadScrollToBottom.Options) => (() => void) | null;
 export declare namespace ThreadPrimitiveScrollToBottom {
-  type Element = ActionButtonElement;
-  type Props = ActionButtonProps<typeof useThreadScrollToBottom>;
+    type Element = ActionButtonElement;
+    type Props = ActionButtonProps<typeof useThreadScrollToBottom>;
 }
 export declare const ThreadPrimitiveScrollToBottom: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-  asChild?: boolean;
+    asChild?: boolean;
 }, "ref"> & {
-  render?: import("react").ReactElement | undefined;
+    render?: import("react").ReactElement | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & useThreadScrollToBottom.Options & import("react").RefAttributes<HTMLButtonElement>>;
-//#endregion
-export { useThreadScrollToBottom };
+export {};
 //# sourceMappingURL=ThreadScrollToBottom.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadScrollToBottom.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadScrollToBottom.ts"],"mappings":";;kBAaiB;OACH;IACV,WAAW;;;cAIT,4BAA2B,aAE9B,wBAAwB;yBAaV;OACH,UAAU;OACV,QAAQ,yBAAyB;;qBAGlC,+CAA6B,0BAAA,KAAA,qBAAA,gBAAA,qCAAA,qBAAA;;;;oBAIzC,cAAA,6BAAA,wBAAA,0BAAA,cAAA"}
+{"version":3,"file":"ThreadScrollToBottom.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadScrollToBottom.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EAEvB,0CAAuC;AAOxC,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,OAAO,GAAG;QACpB,QAAQ,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;KACvC,CAAC;CACH;AAED,QAAA,MAAM,uBAAuB,GAAI,gBAE9B,uBAAuB,CAAC,OAAY,wBAWtC,CAAC;AAEF,yBAAiB,6BAA6B,CAAC;IAC7C,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,uBAAuB,CAAC,CAAC;CACvE;AAED,eAAO,MAAM,6BAA6B;;;;kJAIzC,CAAC"}

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

@@ -1,56 +1,55 @@
-import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
-//#region src/primitives/thread/ThreadSuggestion.d.ts
-declare const useThreadSuggestion: ({ prompt, send, clearComposer, autoSend, method: _method }: {
-  /** The suggestion prompt. */
-  prompt: string;
-  /**
-   * When true, automatically sends the message.
-   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
-   */
-  send?: boolean | undefined;
-  /**
-   * Whether to clear the composer after sending. A send queued while a run is
-   * in progress never clears the composer.
-   * When send is set to false, determines if composer text is replaced with suggestion (true, default),
-   * or if it's appended to the composer text (false).
-   *
-   * @default true
-   */
-  clearComposer?: boolean | undefined;
-  /** @deprecated Use `send` instead. */
-  autoSend?: boolean | undefined;
-  /** @deprecated Use `clearComposer` instead. */
-  method?: "replace";
+import { type ActionButtonElement, type ActionButtonProps } from "../../utils/createActionButton.js";
+declare const useThreadSuggestion: ({ prompt, send, clearComposer, autoSend, method: _method, }: {
+    /** The suggestion prompt. */
+    prompt: string;
+    /**
+     * When true, automatically sends the message.
+     * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
+     */
+    send?: boolean | undefined;
+    /**
+     * Whether to clear the composer after sending. A send queued while a run is
+     * in progress never clears the composer.
+     * When send is set to false, determines if composer text is replaced with suggestion (true, default),
+     * or if it's appended to the composer text (false).
+     *
+     * @default true
+     */
+    clearComposer?: boolean | undefined;
+    /** @deprecated Use `send` instead. */
+    autoSend?: boolean | undefined;
+    /** @deprecated Use `clearComposer` instead. */
+    method?: "replace";
 }) => (() => void) | null;
 export declare namespace ThreadPrimitiveSuggestion {
-  type Element = ActionButtonElement;
-  type Props = ActionButtonProps<typeof useThreadSuggestion>;
+    type Element = ActionButtonElement;
+    type Props = ActionButtonProps<typeof useThreadSuggestion>;
 }
 export declare const ThreadPrimitiveSuggestion: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-  asChild?: boolean;
+    asChild?: boolean;
 }, "ref"> & {
-  render?: import("react").ReactElement | undefined;
+    render?: import("react").ReactElement | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-  /** The suggestion prompt. */
-  prompt: string;
-  /**
-   * When true, automatically sends the message.
-   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
-   */
-  send?: boolean | undefined;
-  /**
-   * Whether to clear the composer after sending. A send queued while a run is
-   * in progress never clears the composer.
-   * When send is set to false, determines if composer text is replaced with suggestion (true, default),
-   * or if it's appended to the composer text (false).
-   *
-   * @default true
-   */
-  clearComposer?: boolean | undefined;
-  /** @deprecated Use `send` instead. */
-  autoSend?: boolean | undefined;
-  /** @deprecated Use `clearComposer` instead. */
-  method?: "replace";
+    /** The suggestion prompt. */
+    prompt: string;
+    /**
+     * When true, automatically sends the message.
+     * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
+     */
+    send?: boolean | undefined;
+    /**
+     * Whether to clear the composer after sending. A send queued while a run is
+     * in progress never clears the composer.
+     * When send is set to false, determines if composer text is replaced with suggestion (true, default),
+     * or if it's appended to the composer text (false).
+     *
+     * @default true
+     */
+    clearComposer?: boolean | undefined;
+    /** @deprecated Use `send` instead. */
+    autoSend?: boolean | undefined;
+    /** @deprecated Use `clearComposer` instead. */
+    method?: "replace";
 } & import("react").RefAttributes<HTMLButtonElement>>;
-//#endregion
+export {};
 //# sourceMappingURL=ThreadSuggestion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadSuggestion.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadSuggestion.ts"],"mappings":";;cASM,wBAAuB,QAAA,MAAA,eAAA,UAAA,QAAA;;EAQ3B;;;;;EAMA;;;;;;;;;EAUA;;EAGA;;EAGA;;yBAae;OACH,UAAU;OACV,QAAQ,yBAAyB;;qBAGlC,2CAAyB,0BAAA,KAAA,qBAAA,gBAAA,qCAAA,qBAAA;;;;;;EAxC5B;;;;;EAMD;;;;;;;;;EAUS;;EAGL;;EAGF;oBAsBV,cAAA"}
+{"version":3,"file":"ThreadSuggestion.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadSuggestion.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EAEvB,0CAAuC;AAGxC,QAAA,MAAM,mBAAmB,GAAI,6DAM1B;IACD,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEpC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,wBAUA,CAAC;AAEF,yBAAiB,yBAAyB,CAAC;IACzC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,yBAAyB;;;;;IAzCpC,6BAA6B;YACrB,MAAM;IAEd;;;OAGG;WACI,OAAO,GAAG,SAAS;IAE1B;;;;;;;OAOG;oBACa,OAAO,GAAG,SAAS;IAEnC,sCAAsC;eAC3B,OAAO,GAAG,SAAS;IAE9B,+CAA+C;aACtC,SAAS;qDAsBnB,CAAC"}

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

@@ -1,2 +1,2 @@
-import { ThreadPrimitiveSuggestionByIndex, ThreadPrimitiveSuggestions, ThreadPrimitiveSuggestionsImpl } from "@assistant-ui/core/react";
-export { ThreadPrimitiveSuggestionByIndex, ThreadPrimitiveSuggestions, ThreadPrimitiveSuggestionsImpl };
+export { ThreadPrimitiveSuggestions, ThreadPrimitiveSuggestionsImpl, ThreadPrimitiveSuggestionByIndex, } from "@assistant-ui/core/react";
+//# sourceMappingURL=ThreadSuggestions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadSuggestions.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadSuggestions.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,0BAA0B,EAC1B,8BAA8B,EAC9B,gCAAgC,GACjC,MAAM,0BAA0B,CAAC"}

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

@@ -1,9 +1,81 @@
 import { Primitive } from "../../utils/Primitive.js";
-import { ComponentPropsWithoutRef, ComponentRef } from "react";
-//#region src/primitives/thread/ThreadViewport.d.ts
+import { type ComponentRef, type ComponentPropsWithoutRef } from "react";
 export declare namespace ThreadPrimitiveViewport {
-  type Element = ComponentRef<typeof Primitive.div>;
-  type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {
+    type Element = ComponentRef<typeof Primitive.div>;
+    type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {
+        /**
+         * 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;
+        /**
+         * Controls scroll anchoring behavior for new messages.
+         * - "bottom" (default): Messages anchor at the bottom, classic chat behavior.
+         * - "top": New user messages anchor at the top of the viewport for a focused reading experience.
+         */
+        turnAnchor?: "top" | "bottom" | undefined;
+        /**
+         * Clamps tall user messages so the assistant response stays in view.
+         *
+         * @default { tallerThan: "10em", visibleHeight: "6em" }
+         */
+        topAnchorMessageClamp?: {
+            /**
+             * Clamp messages taller than this. Supports `px`, `em`, and `rem`.
+             *
+             * @default "10em"
+             */
+            tallerThan?: string;
+            /**
+             * Visible portion of clamped messages. Supports `px`, `em`, and `rem`.
+             *
+             * @default "6em"
+             */
+            visibleHeight?: string;
+        };
+        /**
+         * Whether to scroll to bottom when a new run starts.
+         *
+         * Defaults to true.
+         */
+        scrollToBottomOnRunStart?: boolean | undefined;
+        /**
+         * Whether to scroll to bottom when thread history is first loaded.
+         *
+         * Defaults to true.
+         */
+        scrollToBottomOnInitialize?: boolean | undefined;
+        /**
+         * Whether to scroll to bottom when switching to a different thread.
+         *
+         * Defaults to true.
+         */
+        scrollToBottomOnThreadSwitch?: boolean | undefined;
+    };
+}
+/**
+ * A scrollable viewport container for thread messages.
+ *
+ * This component provides a scrollable area for displaying thread messages with
+ * automatic scrolling capabilities. It manages the viewport state and provides
+ * context for child components to access viewport-related functionality.
+ *
+ * @example
+ * ```tsx
+ * <ThreadPrimitive.Viewport turnAnchor="top">
+ *   <ThreadPrimitive.Messages>
+ *     {() => <MyMessage />}
+ *   </ThreadPrimitive.Messages>
+ * </ThreadPrimitive.Viewport>
+ * ```
+ */
+export declare const ThreadPrimitiveViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & {
+    render?: import("react").ReactElement | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     /**
      * Whether to automatically scroll to the bottom when new messages are added.
      * When enabled, the viewport will automatically scroll to show the latest content.
@@ -23,18 +95,18 @@ export declare namespace ThreadPrimitiveViewport {
      * @default { tallerThan: "10em", visibleHeight: "6em" }
      */
     topAnchorMessageClamp?: {
-      /**
-       * Clamp messages taller than this. Supports `px`, `em`, and `rem`.
-       *
-       * @default "10em"
-       */
-      tallerThan?: string;
-      /**
-       * Visible portion of clamped messages. Supports `px`, `em`, and `rem`.
-       *
-       * @default "6em"
-       */
-      visibleHeight?: string;
+        /**
+         * Clamp messages taller than this. Supports `px`, `em`, and `rem`.
+         *
+         * @default "10em"
+         */
+        tallerThan?: string;
+        /**
+         * Visible portion of clamped messages. Supports `px`, `em`, and `rem`.
+         *
+         * @default "6em"
+         */
+        visibleHeight?: string;
     };
     /**
      * Whether to scroll to bottom when a new run starts.
@@ -54,79 +126,5 @@ export declare namespace ThreadPrimitiveViewport {
      * Defaults to true.
      */
     scrollToBottomOnThreadSwitch?: boolean | undefined;
-  };
-}
-/**
- * A scrollable viewport container for thread messages.
- *
- * This component provides a scrollable area for displaying thread messages with
- * automatic scrolling capabilities. It manages the viewport state and provides
- * context for child components to access viewport-related functionality.
- *
- * @example
- * ```tsx
- * <ThreadPrimitive.Viewport turnAnchor="top">
- *   <ThreadPrimitive.Messages>
- *     {() => <MyMessage />}
- *   </ThreadPrimitive.Messages>
- * </ThreadPrimitive.Viewport>
- * ```
- */
-export declare const ThreadPrimitiveViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-  asChild?: boolean;
-}, "ref"> & {
-  render?: import("react").ReactElement | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-  /**
-   * 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;
-  /**
-   * Controls scroll anchoring behavior for new messages.
-   * - "bottom" (default): Messages anchor at the bottom, classic chat behavior.
-   * - "top": New user messages anchor at the top of the viewport for a focused reading experience.
-   */
-  turnAnchor?: "top" | "bottom" | undefined;
-  /**
-   * Clamps tall user messages so the assistant response stays in view.
-   *
-   * @default { tallerThan: "10em", visibleHeight: "6em" }
-   */
-  topAnchorMessageClamp?: {
-    /**
-     * Clamp messages taller than this. Supports `px`, `em`, and `rem`.
-     *
-     * @default "10em"
-     */
-    tallerThan?: string;
-    /**
-     * Visible portion of clamped messages. Supports `px`, `em`, and `rem`.
-     *
-     * @default "6em"
-     */
-    visibleHeight?: string;
-  };
-  /**
-   * Whether to scroll to bottom when a new run starts.
-   *
-   * Defaults to true.
-   */
-  scrollToBottomOnRunStart?: boolean | undefined;
-  /**
-   * Whether to scroll to bottom when thread history is first loaded.
-   *
-   * Defaults to true.
-   */
-  scrollToBottomOnInitialize?: boolean | undefined;
-  /**
-   * Whether to scroll to bottom when switching to a different thread.
-   *
-   * Defaults to true.
-   */
-  scrollToBottomOnThreadSwitch?: boolean | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
-//#endregion
 //# sourceMappingURL=ThreadViewport.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadViewport.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadViewport.tsx"],"mappings":";;;yBA4BiB;OACH,UAAU,oBAAoB,UAAU;OACxC,QAAQ,gCAAgC,UAAU;;;;;;;IAO5D;;;;;;IAOA;;;;;;IAOA;;;;;;MAME;;;;;;MAMA;;;;;;;IAQF;;;;;;IAOA;;;;;;IAOA;;;;;;;;;;;;;;;;;;;qBA6HS,yCAAuB,0BAAA,KAAA,qBAAA,gBAAA,kCAAA,eAAA;;;;;;;;;;;EA7KnB;;;;;;EAOA;;;;;;EAOW;;;;;;IAMtB;;;;;;IAMA;;;;;;;EAQyB;;;;;;EAOE;;;;;;EAOE;oBAwIjC,cAAA"}
+{"version":3,"file":"ThreadViewport.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadViewport.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EACL,KAAK,YAAY,EAEjB,KAAK,wBAAwB,EAI9B,MAAM,OAAO,CAAC;AAiBf,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACzD,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG;QACnE;;;;;WAKG;QACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAEjC;;;;WAIG;QACH,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;QAE1C;;;;WAIG;QACH,qBAAqB,CAAC,EAAE;YACtB;;;;eAIG;YACH,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB;;;;eAIG;YACH,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QAEF;;;;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;AA2GD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,uBAAuB;;;;;IAnLhC;;;;;OAKG;iBACU,OAAO,GAAG,SAAS;IAEhC;;;;OAIG;iBACU,KAAK,GAAG,QAAQ,GAAG,SAAS;IAEzC;;;;OAIG;4BACqB;QACtB;;;;WAIG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB;;;;WAIG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED;;;;OAIG;+BACwB,OAAO,GAAG,SAAS;IAE9C;;;;OAIG;iCAC0B,OAAO,GAAG,SAAS;IAEhD;;;;OAIG;mCAC4B,OAAO,GAAG,SAAS;kDAwIpD,CAAC"}

package/dist/primitives/thread/ThreadViewport.js

@@ -8,8 +8,8 @@ import { useSizeHandle } from "../../utils/hooks/useSizeHandle.js";
 import { useTopAnchorReserve } from "./topAnchor/useTopAnchorReserve.js";
 import { getActiveTopAnchorAnchorId, getActiveTopAnchorTargetId, isTopAnchorTurnValid } from "./topAnchor/topAnchorTurn.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
-import { useAuiState } from "@assistant-ui/store";
 import { forwardRef, useLayoutEffect } from "@assistant-ui/tap/react-shim";
+import { useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "radix-ui/internal";
 //#region src/primitives/thread/ThreadViewport.tsx