@ulearning/ai-sdk 0.0.0-stage → 1.0.0-next.0

package/dist/utils/createActionButton.js

@@ -0,0 +1,39 @@
+import { Primitive as Primitive$1 } from "./Primitive.js";
+import { defineComponent, h, mergeProps, shallowReactive, unref, watchEffect } from "vue";
+import { useForwardExpose } from "reka-ui";
+// src/utils/createActionButton.tsx
+const createActionButton = (displayName, useActionButton, forwardProps = []) => {
+	return defineComponent((props, { attrs, slots }) => {
+		const { forwardRef } = useForwardExpose();
+		const options = shallowReactive({});
+		watchEffect(() => {
+			for (const key of forwardProps) options[key] = Reflect.get(props, key);
+		}, { flush: "sync" });
+		const callback = useActionButton(options);
+		const invoke = (event) => {
+			if (!event.defaultPrevented) unref(callback)?.(event);
+		};
+		return () => h(Primitive$1.button, {
+			type: "button",
+			...attrs,
+			render: props.render,
+			asChild: props.asChild,
+			children: props.children,
+			ref: forwardRef,
+			disabled: attrs.disabled === "" || !!attrs.disabled || !unref(callback),
+			...mergeProps({ onClick: attrs.onClick }, { onClick: invoke })
+		}, slots);
+	}, {
+		name: displayName,
+		inheritAttrs: false,
+		props: [
+			"render",
+			"asChild",
+			"children",
+			...forwardProps
+		]
+	});
+};
+export { createActionButton };
+
+//# sourceMappingURL=createActionButton.js.map

package/dist/utils/createActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createActionButton.js","names":["defineComponent","h","mergeProps","shallowReactive","unref","watchEffect","ComponentPublicInstance","MaybeRef","useForwardExpose","Primitive","PrimitiveProps","ActionHandler","event","MouseEvent","ActionButtonCallback","props","TProps","PrimitiveButtonProps","ActionButtonProps","THook","ActionButtonElement","createActionButton","displayName","useActionButton","forwardProps","Extract","NonNullable","attrs","slots","forwardRef","options","Record","key","Reflect","get","flush","callback","invoke","defaultPrevented","button","type","render","asChild","children","ref","disabled","onClick","name","inheritAttrs","Primitive"],"sources":["../../src/utils/createActionButton.tsx"],"sourcesContent":["import {\n  defineComponent,\n  h,\n  mergeProps,\n  shallowReactive,\n  unref,\n  watchEffect,\n  type ComponentPublicInstance,\n  type MaybeRef,\n} from \"vue\";\nimport { useForwardExpose } from \"reka-ui\";\nimport { Primitive, type PrimitiveProps } from \"./Primitive\";\n\ntype ActionHandler = (event: MouseEvent) => void;\n\ntype ActionButtonCallback<TProps> = (\n  props: TProps,\n) => MaybeRef<ActionHandler | null>;\n\ntype PrimitiveButtonProps = PrimitiveProps<\"button\">;\n\nexport type ActionButtonProps<THook> = PrimitiveButtonProps &\n  (THook extends (props: infer TProps) => unknown ? TProps : never);\n\nexport type ActionButtonElement = ComponentPublicInstance;\n\nexport const createActionButton = <TProps,>(\n  displayName: string,\n  useActionButton: ActionButtonCallback<TProps>,\n  forwardProps: Extract<keyof NonNullable<TProps>, string>[] = [],\n) => {\n  return defineComponent<PrimitiveButtonProps & TProps>(\n    (props, { attrs, slots }) => {\n      const { forwardRef } = useForwardExpose();\n      const options = shallowReactive<Record<string, unknown>>({});\n      watchEffect(\n        () => {\n          for (const key of forwardProps)\n            options[key] = Reflect.get(props, key);\n        },\n        { flush: \"sync\" },\n      );\n      const callback = useActionButton(options as TProps);\n      const invoke = (event: MouseEvent) => {\n        if (!event.defaultPrevented) unref(callback)?.(event);\n      };\n      return () =>\n        h(\n          Primitive.button,\n          {\n            type: \"button\",\n            ...attrs,\n            render: props.render,\n            asChild: props.asChild,\n            children: props.children,\n            ref: forwardRef,\n            disabled:\n              attrs.disabled === \"\" || !!attrs.disabled || !unref(callback),\n            ...mergeProps({ onClick: attrs.onClick }, { onClick: invoke }),\n          },\n          slots,\n        );\n    },\n    {\n      name: displayName,\n      inheritAttrs: false,\n      props: [\n        \"render\",\n        \"asChild\",\n        \"children\",\n        ...forwardProps,\n      ] as (keyof (PrimitiveButtonProps & TProps))[],\n    },\n  );\n};\n"],"mappings":";;;;AA0BA,MAAaqB,sBACXC,aACAC,iBACAC,eAA6D,CAAA,MAC1D;CACH,OAAOxB,iBACJe,OAAO,EAAEY,OAAOC,YAAY;EAC3B,MAAM,EAAEC,eAAerB,iBAAiB;EACxC,MAAMsB,UAAU3B,gBAAyC,CAAC,CAAC;EAC3DE,kBACQ;GACJ,KAAK,MAAM2B,OAAOR,cAChBM,QAAQE,OAAOC,QAAQC,IAAInB,OAAOiB,GAAG;EACzC,GACA,EAAEG,OAAO,OAAO,CAClB;EACA,MAAMC,WAAWb,gBAAgBO,OAAiB;EAClD,MAAMO,UAAUzB,UAAsB;GACpC,IAAI,CAACA,MAAM0B,kBAAkBlC,MAAMgC,QAAQ,CAAC,GAAGxB,KAAK;EACtD;EACA,aACEX,EACEQ,YAAU8B,QACV;GACEC,MAAM;GACN,GAAGb;GACHc,QAAQ1B,MAAM0B;GACdC,SAAS3B,MAAM2B;GACfC,UAAU5B,MAAM4B;GAChBC,KAAKf;GACLgB,UACElB,MAAMkB,aAAa,MAAM,CAAC,CAAClB,MAAMkB,YAAY,CAACzC,MAAMgC,QAAQ;GAC9D,GAAGlC,WAAW,EAAE4C,SAASnB,MAAMmB,QAAQ,GAAG,EAAEA,SAAST,OAAO,CAAC;EAC/D,GACAT,KACF;CACJ,GACA;EACEmB,MAAMzB;EACN0B,cAAc;EACdjC,OAAO;GACL;GACA;GACA;GACA,GAAGS;EAAY;CAEnB,CACF;AACF"}

package/dist/utils/getSelectionMessageId.d.ts

@@ -0,0 +1,2 @@
+export declare const getSelectionMessageId: (selection: Selection, root?: Element | null) => string | null;
+//# sourceMappingURL=getSelectionMessageId.d.ts.map

package/dist/utils/getSelectionMessageId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSelectionMessageId.d.ts","mappings":"AAmFA,eAAO,MAAM,qBAAqB,GAChC,WAAW,SAAS,EACpB,OAAO,OAAO,GAAG,IAAI,KACpB,MAAM,GAAG,IA8CX","names":[],"ignoreList":[],"sources":["../../src/utils/getSelectionMessageId.ts"],"sourcesContent":[null]}

package/dist/utils/getSelectionMessageId.js

@@ -0,0 +1,84 @@
+// src/utils/getSelectionMessageId.ts
+const QUOTE_SELECTABLE_SELECTOR = "[data-aui-quote-selectable]";
+const getElement = (node) => {
+	return node instanceof HTMLElement ? node : node?.parentElement ?? null;
+};
+const findMessageElement = (node) => {
+	let el = node instanceof HTMLElement ? node : node?.parentElement ?? null;
+	while (el) {
+		if (el.getAttribute("data-message-id")) return el;
+		el = el.parentElement;
+	}
+	return null;
+};
+const isExcluded = (marker) => {
+	return marker.getAttribute("data-aui-quote-selectable") === "false";
+};
+const hasQuoteSelectableRegion = (messageElement) => {
+	if (messageElement.matches(QUOTE_SELECTABLE_SELECTOR) && !isExcluded(messageElement)) return true;
+	for (const marker of messageElement.querySelectorAll(QUOTE_SELECTABLE_SELECTOR)) if (!isExcluded(marker)) return true;
+	return false;
+};
+const findQuoteMarker = (node, messageElement) => {
+	const marker = getElement(node)?.closest(QUOTE_SELECTABLE_SELECTOR);
+	if (!(marker instanceof HTMLElement)) return null;
+	if (!messageElement.contains(marker)) return null;
+	return marker;
+};
+const normalizeRangeEnd = (range) => {
+	if (range.endOffset !== 0 || range.collapsed) return range;
+	const walker = range.endContainer.ownerDocument?.createTreeWalker(range.commonAncestorContainer, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);
+	if (!walker) return range;
+	walker.currentNode = range.endContainer;
+	while (walker.previousNode()) {
+		const node = walker.currentNode;
+		const offset = node instanceof Text ? node.length : node.childNodes.length;
+		if (range.comparePoint(node, offset) < 0) return range;
+		const marker = (node instanceof Element ? node : node.parentElement)?.closest(QUOTE_SELECTABLE_SELECTOR);
+		if (marker && isExcluded(marker) && !node.contains(range.endContainer)) return range;
+		if (!(node instanceof Text) || !node.data.trim()) continue;
+		const normalized = range.cloneRange();
+		normalized.setEnd(node, offset);
+		return normalized.collapsed ? range : normalized;
+	}
+	return range;
+};
+const intersectsExcluded = (scope, ranges) => {
+	for (const marker of scope.querySelectorAll(QUOTE_SELECTABLE_SELECTOR)) {
+		if (!isExcluded(marker)) continue;
+		if (ranges.some((range) => range.intersectsNode(marker))) return true;
+	}
+	return false;
+};
+const getSelectionMessageId = (selection, root) => {
+	let { anchorNode, focusNode } = selection;
+	if (!anchorNode || !focusNode) return null;
+	const ranges = Array.from({ length: selection.rangeCount }, (_, i) => selection.getRangeAt(i));
+	if (ranges.length === 1) {
+		const range = normalizeRangeEnd(ranges[0]);
+		if (range !== ranges[0]) {
+			ranges[0] = range;
+			anchorNode = range.startContainer;
+			focusNode = range.endContainer;
+		}
+	}
+	const anchorMessageElement = findMessageElement(anchorNode);
+	const focusMessageElement = findMessageElement(focusNode);
+	if (!anchorMessageElement || anchorMessageElement !== focusMessageElement) return null;
+	if (root && !root.contains(anchorMessageElement)) return null;
+	const messageId = anchorMessageElement.getAttribute("data-message-id");
+	if (!messageId) return null;
+	const anchorMarker = findQuoteMarker(anchorNode, anchorMessageElement);
+	const focusMarker = findQuoteMarker(focusNode, anchorMessageElement);
+	if (anchorMarker && isExcluded(anchorMarker)) return null;
+	if (focusMarker && isExcluded(focusMarker)) return null;
+	if (hasQuoteSelectableRegion(anchorMessageElement)) {
+		if (!anchorMarker || anchorMarker !== focusMarker) return null;
+	}
+	const scope = anchorMarker ?? anchorMessageElement;
+	for (const { commonAncestorContainer } of ranges) if (!scope.contains(commonAncestorContainer)) return null;
+	return intersectsExcluded(scope, ranges) ? null : messageId;
+};
+export { getSelectionMessageId };
+
+//# sourceMappingURL=getSelectionMessageId.js.map

package/dist/utils/getSelectionMessageId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSelectionMessageId.js","names":[],"sources":["../../src/utils/getSelectionMessageId.ts"],"sourcesContent":["const QUOTE_SELECTABLE_SELECTOR = \"[data-aui-quote-selectable]\";\n\nconst getElement = (node: Node | null): HTMLElement | null => {\n  return node instanceof HTMLElement ? node : (node?.parentElement ?? null);\n};\n\nconst findMessageElement = (node: Node | null): HTMLElement | null => {\n  let el = node instanceof HTMLElement ? node : (node?.parentElement ?? null);\n  while (el) {\n    const id = el.getAttribute(\"data-message-id\");\n    if (id) return el;\n    el = el.parentElement;\n  }\n  return null;\n};\n\nconst isExcluded = (marker: Element): boolean => {\n  return marker.getAttribute(\"data-aui-quote-selectable\") === \"false\";\n};\n\nconst hasQuoteSelectableRegion = (messageElement: HTMLElement) => {\n  if (\n    messageElement.matches(QUOTE_SELECTABLE_SELECTOR) &&\n    !isExcluded(messageElement)\n  ) {\n    return true;\n  }\n  for (const marker of messageElement.querySelectorAll(\n    QUOTE_SELECTABLE_SELECTOR,\n  )) {\n    if (!isExcluded(marker)) return true;\n  }\n  return false;\n};\n\nconst findQuoteMarker = (\n  node: Node | null,\n  messageElement: HTMLElement,\n): HTMLElement | null => {\n  const marker = getElement(node)?.closest(QUOTE_SELECTABLE_SELECTOR);\n  if (!(marker instanceof HTMLElement)) return null;\n  if (!messageElement.contains(marker)) return null;\n  return marker;\n};\n\nconst normalizeRangeEnd = (range: Range): Range => {\n  if (range.endOffset !== 0 || range.collapsed) return range;\n\n  const walker = range.endContainer.ownerDocument?.createTreeWalker(\n    range.commonAncestorContainer,\n    NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT,\n  );\n  if (!walker) return range;\n  walker.currentNode = range.endContainer;\n\n  while (walker.previousNode()) {\n    const node = walker.currentNode;\n    const offset = node instanceof Text ? node.length : node.childNodes.length;\n    if (range.comparePoint(node, offset) < 0) return range;\n    const element = node instanceof Element ? node : node.parentElement;\n    const marker = element?.closest(QUOTE_SELECTABLE_SELECTOR);\n    if (marker && isExcluded(marker) && !node.contains(range.endContainer))\n      return range;\n    if (!(node instanceof Text) || !node.data.trim()) continue;\n\n    const normalized = range.cloneRange();\n    normalized.setEnd(node, offset);\n    return normalized.collapsed ? range : normalized;\n  }\n  return range;\n};\n\nconst intersectsExcluded = (\n  scope: Element,\n  ranges: readonly Range[],\n): boolean => {\n  for (const marker of scope.querySelectorAll(QUOTE_SELECTABLE_SELECTOR)) {\n    if (!isExcluded(marker)) continue;\n    if (ranges.some((range) => range.intersectsNode(marker))) return true;\n  }\n  return false;\n};\n\nexport const getSelectionMessageId = (\n  selection: Selection,\n  root?: Element | null,\n): string | null => {\n  let { anchorNode, focusNode } = selection;\n  if (!anchorNode || !focusNode) return null;\n\n  const ranges = Array.from({ length: selection.rangeCount }, (_, i) =>\n    selection.getRangeAt(i),\n  );\n  if (ranges.length === 1) {\n    const range = normalizeRangeEnd(ranges[0]!);\n    if (range !== ranges[0]) {\n      ranges[0] = range;\n      anchorNode = range.startContainer;\n      focusNode = range.endContainer;\n    }\n  }\n\n  const anchorMessageElement = findMessageElement(anchorNode);\n  const focusMessageElement = findMessageElement(focusNode);\n\n  if (!anchorMessageElement || anchorMessageElement !== focusMessageElement) {\n    return null;\n  }\n  if (root && !root.contains(anchorMessageElement)) {\n    return null;\n  }\n\n  const messageId = anchorMessageElement.getAttribute(\"data-message-id\");\n  if (!messageId) return null;\n\n  const anchorMarker = findQuoteMarker(anchorNode, anchorMessageElement);\n  const focusMarker = findQuoteMarker(focusNode, anchorMessageElement);\n\n  if (anchorMarker && isExcluded(anchorMarker)) return null;\n  if (focusMarker && isExcluded(focusMarker)) return null;\n\n  if (hasQuoteSelectableRegion(anchorMessageElement)) {\n    if (!anchorMarker || anchorMarker !== focusMarker) return null;\n  }\n\n  const scope = anchorMarker ?? anchorMessageElement;\n\n  for (const { commonAncestorContainer } of ranges) {\n    if (!scope.contains(commonAncestorContainer)) return null;\n  }\n\n  return intersectsExcluded(scope, ranges) ? null : messageId;\n};\n"],"mappings":"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"}

package/dist/utils/hooks/useManagedRef.d.ts

@@ -0,0 +1,2 @@
+export declare const useManagedRef: <TNode>(callback: (node: TNode) => (() => void) | undefined, dependencies?: () => readonly unknown[]) => (node: TNode | null) => void;
+//# sourceMappingURL=useManagedRef.d.ts.map

package/dist/utils/hooks/useManagedRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useManagedRef.d.ts","mappings":"AAGA,eAAO,MAAM,aAAa,GAAI,KAAK,EACjC,UAAU,CAAC,IAAI,EAAE,KAAK,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,EACnD,eAAe,MAAM,SAAS,OAAO,EAAE,MAU/B,MAAM,KAAK,GAAG,IAAI,SAG3B","names":[],"ignoreList":[],"sources":["../../../src/utils/hooks/useManagedRef.ts"],"sourcesContent":[null]}

package/dist/utils/hooks/useManagedRef.js

@@ -0,0 +1,15 @@
+import { shallowRef } from "vue";
+import { useIsomorphicLayoutEffect } from "@ulearning/ai-store/internal";
+// src/utils/hooks/useManagedRef.ts
+const useManagedRef = (callback, dependencies) => {
+	const element = shallowRef(null);
+	useIsomorphicLayoutEffect(() => {
+		if (element.value !== null) return callback(element.value);
+	}, dependencies ? () => [element.value, ...dependencies()] : void 0);
+	return (node) => {
+		element.value = node;
+	};
+};
+export { useManagedRef };
+
+//# sourceMappingURL=useManagedRef.js.map

package/dist/utils/hooks/useManagedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useManagedRef.js","names":[],"sources":["../../../src/utils/hooks/useManagedRef.ts"],"sourcesContent":["import { shallowRef } from \"vue\";\nimport { useIsomorphicLayoutEffect } from \"@ulearning/ai-store/internal\";\n\nexport const useManagedRef = <TNode>(\n  callback: (node: TNode) => (() => void) | undefined,\n  dependencies?: () => readonly unknown[],\n) => {\n  const element = shallowRef<TNode | null>(null);\n  useIsomorphicLayoutEffect(\n    () => {\n      if (element.value !== null) return callback(element.value);\n      return undefined;\n    },\n    dependencies ? () => [element.value, ...dependencies()] : undefined,\n  );\n  return (node: TNode | null) => {\n    element.value = node;\n  };\n};\n"],"mappings":";;;AAGA,MAAa,iBACX,UACA,iBACG;CACH,MAAM,UAAU,WAAyB,IAAI;CAC7C,gCACQ;EACJ,IAAI,QAAQ,UAAU,MAAM,OAAO,SAAS,QAAQ,KAAK;CAE3D,GACA,qBAAqB,CAAC,QAAQ,OAAO,GAAG,aAAa,CAAC,IAAI,KAAA,CAC5D;CACA,QAAQ,SAAuB;EAC7B,QAAQ,QAAQ;CAClB;AACF"}

package/dist/utils/hooks/useMediaQuery.d.ts

@@ -0,0 +1,3 @@
+import { type MaybeRefOrGetter } from "vue";
+export declare const useMediaQuery: (query: MaybeRefOrGetter<string | null>) => Readonly<import("vue").ShallowRef<boolean, boolean>>;
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/utils/hooks/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","mappings":"AAEA,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,KAAK;AAIZ,eAAO,MAAM,aAAa,GAAI,OAAO,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,yDA+BnE","names":[],"ignoreList":[],"sources":["../../../src/utils/hooks/useMediaQuery.ts"],"sourcesContent":[null]}

package/dist/utils/hooks/useMediaQuery.js

@@ -0,0 +1,33 @@
+"use client";
+import { shallowReadonly, shallowRef, toValue, watch } from "vue";
+import { useIsomorphicLayoutEffect } from "@ulearning/ai-store/internal";
+// src/utils/hooks/useMediaQuery.ts
+const useMediaQuery = (query) => {
+	const matches = shallowRef(false);
+	useIsomorphicLayoutEffect(() => {
+		return watch(() => toValue(query), (value, _, onCleanup) => {
+			if (typeof window === "undefined" || value === null || !window.matchMedia) {
+				matches.value = false;
+				return;
+			}
+			const media = window.matchMedia(value);
+			let active = true;
+			const refresh = () => {
+				if (active) matches.value = media.matches;
+			};
+			media.addEventListener("change", refresh);
+			refresh();
+			onCleanup(() => {
+				active = false;
+				media.removeEventListener("change", refresh);
+			});
+		}, {
+			immediate: true,
+			flush: "sync"
+		});
+	}, []);
+	return shallowReadonly(matches);
+};
+export { useMediaQuery };
+
+//# sourceMappingURL=useMediaQuery.js.map

package/dist/utils/hooks/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.js","names":[],"sources":["../../../src/utils/hooks/useMediaQuery.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  shallowReadonly,\n  shallowRef,\n  toValue,\n  watch,\n  type MaybeRefOrGetter,\n} from \"vue\";\n\nimport { useIsomorphicLayoutEffect } from \"@ulearning/ai-store/internal\";\n\nexport const useMediaQuery = (query: MaybeRefOrGetter<string | null>) => {\n  const matches = shallowRef(false);\n  // Media queries have no server snapshot. Start after mount to preserve hydration.\n  useIsomorphicLayoutEffect(() => {\n    return watch(\n      () => toValue(query),\n      (value, _, onCleanup) => {\n        if (\n          typeof window === \"undefined\" ||\n          value === null ||\n          !window.matchMedia\n        ) {\n          matches.value = false;\n          return;\n        }\n        const media = window.matchMedia(value);\n        let active = true;\n        const refresh = () => {\n          if (active) matches.value = media.matches;\n        };\n        media.addEventListener(\"change\", refresh);\n        refresh();\n        onCleanup(() => {\n          active = false;\n          media.removeEventListener(\"change\", refresh);\n        });\n      },\n      { immediate: true, flush: \"sync\" },\n    );\n  }, []);\n  return shallowReadonly(matches);\n};\n"],"mappings":";;;;AAYA,MAAa,iBAAiB,UAA2C;CACvE,MAAM,UAAU,WAAW,KAAK;CAEhC,gCAAgC;EAC9B,OAAO,YACC,QAAQ,KAAK,IAClB,OAAO,GAAG,cAAc;GACvB,IACE,OAAO,WAAW,eAClB,UAAU,QACV,CAAC,OAAO,YACR;IACA,QAAQ,QAAQ;IAChB;GACF;GACA,MAAM,QAAQ,OAAO,WAAW,KAAK;GACrC,IAAI,SAAS;GACb,MAAM,gBAAgB;IACpB,IAAI,QAAQ,QAAQ,QAAQ,MAAM;GACpC;GACA,MAAM,iBAAiB,UAAU,OAAO;GACxC,QAAQ;GACR,gBAAgB;IACd,SAAS;IACT,MAAM,oBAAoB,UAAU,OAAO;GAC7C,CAAC;EACH,GACA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC;CACF,GAAG,CAAC,CAAC;CACL,OAAO,gBAAgB,OAAO;AAChC"}

package/dist/utils/hooks/useOnScrollToBottom.d.ts

@@ -0,0 +1,7 @@
+import { type Ref } from "vue";
+type ScrollCallback = (config: {
+    behavior: ScrollBehavior;
+}) => void;
+export declare const useOnScrollToBottom: (callback: ScrollCallback | Ref<ScrollCallback>) => void;
+export {};
+//# sourceMappingURL=useOnScrollToBottom.d.ts.map

package/dist/utils/hooks/useOnScrollToBottom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnScrollToBottom.d.ts","mappings":"AAEA,OAAO,EAAS,KAAK,GAAG,EAAE,MAAM,KAAK;AAKrC,KAAK,cAAc,GAAG,CAAC,MAAM,EAAE;IAAE,QAAQ,EAAE,cAAc;CAAE,KAAK,IAAI;AACpE,eAAO,MAAM,mBAAmB,GAC9B,UAAU,cAAc,GAAG,GAAG,CAAC,cAAc,CAAC,SAa/C","names":[],"ignoreList":[],"sources":["../../../src/utils/hooks/useOnScrollToBottom.ts"],"sourcesContent":[null]}

package/dist/utils/hooks/useOnScrollToBottom.js

@@ -0,0 +1,15 @@
+"use client";
+import { useThreadViewport } from "../../context/vue/ThreadViewportContext.js";
+import { unref } from "vue";
+import { useIsomorphicLayoutEffect } from "@ulearning/ai-store/internal";
+// src/utils/hooks/useOnScrollToBottom.ts
+const useOnScrollToBottom = (callback) => {
+	const onScrollToBottom = useThreadViewport({
+		optional: true,
+		selector: (vp) => vp.onScrollToBottom
+	});
+	useIsomorphicLayoutEffect(() => onScrollToBottom.value?.((config) => unref(callback)(config)), () => [onScrollToBottom.value]);
+};
+export { useOnScrollToBottom };
+
+//# sourceMappingURL=useOnScrollToBottom.js.map

package/dist/utils/hooks/useOnScrollToBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnScrollToBottom.js","names":[],"sources":["../../../src/utils/hooks/useOnScrollToBottom.ts"],"sourcesContent":["\"use client\";\n\nimport { unref, type Ref } from \"vue\";\nimport { useIsomorphicLayoutEffect } from \"@ulearning/ai-store/internal\";\nimport type { ThreadViewportState } from \"../../context/stores/ThreadViewport\";\nimport { useThreadViewport } from \"../../context/vue/ThreadViewportContext\";\n\ntype ScrollCallback = (config: { behavior: ScrollBehavior }) => void;\nexport const useOnScrollToBottom = (\n  callback: ScrollCallback | Ref<ScrollCallback>,\n) => {\n  const onScrollToBottom = useThreadViewport({\n    optional: true,\n    selector: (vp: ThreadViewportState) => vp.onScrollToBottom,\n  });\n  useIsomorphicLayoutEffect(\n    () =>\n      onScrollToBottom.value?.((config: Parameters<ScrollCallback>[0]) =>\n        unref(callback)(config),\n      ),\n    () => [onScrollToBottom.value],\n  );\n};\n"],"mappings":";;;;;AAQA,MAAa,uBACX,aACG;CACH,MAAM,mBAAmB,kBAAkB;EACzC,UAAU;EACV,WAAW,OAA4B,GAAG;CAC5C,CAAC;CACD,gCAEI,iBAAiB,SAAS,WACxB,MAAM,QAAQ,CAAC,CAAC,MAAM,CACxB,SACI,CAAC,iBAAiB,KAAK,CAC/B;AACF"}

package/dist/utils/hooks/useSizeHandle.d.ts

@@ -0,0 +1,12 @@
+import { type MaybeRef } from "vue";
+import type { SizeHandle } from "../../context/stores/ThreadViewport.js";
+/**
+ * Hook that creates a ref for tracking element size via a SizeHandle.
+ * Automatically sets up ResizeObserver and reports height changes.
+ *
+ * @param register - Function that returns a SizeHandle (e.g., registerContentInset)
+ * @param getHeight - Optional function to compute height (defaults to el.offsetHeight)
+ * @returns A ref callback to attach to the element
+ */
+export declare const useSizeHandle: (register: MaybeRef<(() => SizeHandle) | null | undefined>, getHeight?: (el: HTMLElement) => number) => (node: HTMLElement | null) => void;
+//# sourceMappingURL=useSizeHandle.d.ts.map

package/dist/utils/hooks/useSizeHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSizeHandle.d.ts","mappings":"AAEA,OAAO,EAAS,KAAK,QAAQ,EAAE,MAAM,KAAK;AAE1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAqC;AAErE;;;;;;;;AAQA,eAAO,MAAM,aAAa,GACxB,UAAU,QAAQ,CAAC,CAAC,MAAM,UAAU,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,EACzD,YAAY,CAAC,EAAE,EAAE,WAAW,KAAK,MAAM,uCAsBxC","names":[],"ignoreList":[],"sources":["../../../src/utils/hooks/useSizeHandle.ts"],"sourcesContent":[null]}

package/dist/utils/hooks/useSizeHandle.js

@@ -0,0 +1,33 @@
+"use client";
+import { useManagedRef } from "./useManagedRef.js";
+import { unref } from "vue";
+// src/utils/hooks/useSizeHandle.ts
+/**
+* Hook that creates a ref for tracking element size via a SizeHandle.
+* Automatically sets up ResizeObserver and reports height changes.
+*
+* @param register - Function that returns a SizeHandle (e.g., registerContentInset)
+* @param getHeight - Optional function to compute height (defaults to el.offsetHeight)
+* @returns A ref callback to attach to the element
+*/
+const useSizeHandle = (register, getHeight) => {
+	return useManagedRef((el) => {
+		const registerHandle = unref(register);
+		if (!registerHandle) return;
+		const sizeHandle = registerHandle();
+		const updateHeight = () => {
+			const height = getHeight ? getHeight(el) : el.offsetHeight;
+			sizeHandle.setHeight(height);
+		};
+		const ro = new ResizeObserver(updateHeight);
+		ro.observe(el);
+		updateHeight();
+		return () => {
+			ro.disconnect();
+			sizeHandle.unregister();
+		};
+	});
+};
+export { useSizeHandle };
+
+//# sourceMappingURL=useSizeHandle.js.map

package/dist/utils/hooks/useSizeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSizeHandle.js","names":[],"sources":["../../../src/utils/hooks/useSizeHandle.ts"],"sourcesContent":["\"use client\";\n\nimport { unref, type MaybeRef } from \"vue\";\nimport { useManagedRef } from \"./useManagedRef\";\nimport type { SizeHandle } from \"../../context/stores/ThreadViewport\";\n\n/**\n * Hook that creates a ref for tracking element size via a SizeHandle.\n * Automatically sets up ResizeObserver and reports height changes.\n *\n * @param register - Function that returns a SizeHandle (e.g., registerContentInset)\n * @param getHeight - Optional function to compute height (defaults to el.offsetHeight)\n * @returns A ref callback to attach to the element\n */\nexport const useSizeHandle = (\n  register: MaybeRef<(() => SizeHandle) | null | undefined>,\n  getHeight?: (el: HTMLElement) => number,\n) => {\n  return useManagedRef((el: HTMLElement) => {\n    const registerHandle = unref(register);\n    if (!registerHandle) return;\n\n    const sizeHandle = registerHandle();\n\n    const updateHeight = () => {\n      const height = getHeight ? getHeight(el) : el.offsetHeight;\n      sizeHandle.setHeight(height);\n    };\n\n    const ro = new ResizeObserver(updateHeight);\n    ro.observe(el);\n    updateHeight();\n\n    return () => {\n      ro.disconnect();\n      sizeHandle.unregister();\n    };\n  });\n};\n"],"mappings":";;;;;;;;;;;;AAcA,MAAa,iBACX,UACA,cACG;CACH,OAAO,eAAe,OAAoB;EACxC,MAAM,iBAAiB,MAAM,QAAQ;EACrC,IAAI,CAAC,gBAAgB;EAErB,MAAM,aAAa,eAAe;EAElC,MAAM,qBAAqB;GACzB,MAAM,SAAS,YAAY,UAAU,EAAE,IAAI,GAAG;GAC9C,WAAW,UAAU,MAAM;EAC7B;EAEA,MAAM,KAAK,IAAI,eAAe,YAAY;EAC1C,GAAG,QAAQ,EAAE;EACb,aAAa;EAEb,aAAa;GACX,GAAG,WAAW;GACd,WAAW,WAAW;EACxB;CACF,CAAC;AACH"}

package/dist/utils/isCompositionKey.d.ts

@@ -0,0 +1,2 @@
+export declare const isCompositionKey: (event: KeyboardEvent) => boolean;
+//# sourceMappingURL=isCompositionKey.d.ts.map

package/dist/utils/isCompositionKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCompositionKey.d.ts","mappings":"AAGA,eAAO,MAAM,gBAAgB,GAAI,OAAO,aAAa,YACT","names":[],"ignoreList":[],"sources":["../../src/utils/isCompositionKey.ts"],"sourcesContent":[null]}

package/dist/utils/isCompositionKey.js

@@ -0,0 +1,5 @@
+// src/utils/isCompositionKey.ts
+const isCompositionKey = (event) => event.isComposing || event.keyCode === 229;
+export { isCompositionKey };
+
+//# sourceMappingURL=isCompositionKey.js.map

package/dist/utils/isCompositionKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCompositionKey.js","names":[],"sources":["../../src/utils/isCompositionKey.ts"],"sourcesContent":["// A keydown that ends an IME composition can arrive after compositionend with\n// isComposing false and keyCode 229, as the Enter that commits one does in\n// Safari.\nexport const isCompositionKey = (event: KeyboardEvent) =>\n  event.isComposing || event.keyCode === 229;\n"],"mappings":";AAGA,MAAa,oBAAoB,UAC/B,MAAM,eAAe,MAAM,YAAY"}

package/dist/utils/smooth/SmoothContext.d.ts

@@ -0,0 +1,117 @@
+import { type Component, type FunctionalComponent } from "vue";
+import type { ReadonlyStore } from "../../context/ReadonlyStore.js";
+export declare const SmoothContextProvider: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type ComponentProps<C> = C extends new (...args: never[]) => {
+    $props: infer P extends object;
+} ? P : C extends FunctionalComponent<infer P extends object> ? P : Record<string, unknown>;
+export declare const withSmoothContextProvider: <C extends Component>(Component: C) => import("vue").DefineSetupFnComponent<ComponentProps<C>, {}, {}, ComponentProps<C> & {}, import("vue").PublicProps>;
+export declare const useSmoothStatus: {
+    (): Readonly<import("vue").ShallowRef<{
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "tool-calls" | "interrupt";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "tool-calls";
+        readonly error?: import("@ulearning/ai-stream/utils").ReadonlyJSONValue;
+    }>>;
+    <S>(selector: (state: {
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "tool-calls" | "interrupt";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "tool-calls";
+        readonly error?: import("@ulearning/ai-stream/utils").ReadonlyJSONValue;
+    }) => S): Readonly<import("vue").ShallowRef<S>>;
+    (options: {
+        optional: true;
+    }): Readonly<import("vue").ShallowRef<{
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "tool-calls" | "interrupt";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "tool-calls";
+        readonly error?: import("@ulearning/ai-stream/utils").ReadonlyJSONValue;
+    } | null>>;
+    <S>(options: {
+        optional: true;
+        selector: (state: {
+            readonly type: "running";
+        } | {
+            readonly type: "complete";
+        } | {
+            readonly type: "incomplete";
+            readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+            readonly error?: unknown;
+        } | {
+            readonly type: "requires-action";
+            readonly reason: "tool-calls" | "interrupt";
+        } | {
+            readonly type: "incomplete";
+            readonly reason: "tool-calls";
+            readonly error?: import("@ulearning/ai-stream/utils").ReadonlyJSONValue;
+        }) => S;
+    }): Readonly<import("vue").ShallowRef<S | null>>;
+}, useSmoothStatusStore: {
+    (): ReadonlyStore<{
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "tool-calls" | "interrupt";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "tool-calls";
+        readonly error?: import("@ulearning/ai-stream/utils").ReadonlyJSONValue;
+    }>;
+    (options: {
+        optional: true;
+    }): ReadonlyStore<{
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "tool-calls" | "interrupt";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "tool-calls";
+        readonly error?: import("@ulearning/ai-stream/utils").ReadonlyJSONValue;
+    }> | null;
+};
+export {};
+//# sourceMappingURL=SmoothContext.d.ts.map

package/dist/utils/smooth/SmoothContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmoothContext.d.ts","mappings":"AAEA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,mBAAmB,EAEzB,MAAM,KAAK;AAGZ,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAA6B;AAahE,eAAO,MAAM,qBAAqB;;yPAahC;AAEF,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK;IAC3D,MAAM,EAAE,MAAM,CAAC,SAAS,MAAM;CAC/B,GACG,CAAC,GACD,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,SAAS,MAAM,CAAC,GACnD,CAAC,GACD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;AAE7B,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,SAAS,EAAE,WAAW,CAAC,uHAexE;AAcH,eAAO,MAAQ,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGnD","names":[],"ignoreList":[],"sources":["../../../src/utils/smooth/SmoothContext.tsx"],"sourcesContent":[null]}

package/dist/utils/smooth/SmoothContext.js

@@ -0,0 +1,40 @@
+"use client";
+import { createContextStoreHook } from "../../context/vue/utils/createContextStoreHook.js";
+import { defineComponent, h, inject, provide } from "vue";
+import { useAui } from "@ulearning/ai-store";
+import { createStore } from "zustand/vanilla";
+import { useForwardExpose } from "reka-ui";
+// src/utils/smooth/SmoothContext.tsx
+const SmoothContext = Symbol("SmoothContext");
+const SmoothContextProvider = defineComponent({
+	name: "SmoothContextProvider",
+	setup(_, { slots }) {
+		if (!useSmoothContext({ optional: true })) {
+			const aui = useAui();
+			const store = createStore(() => aui.part.getState().status);
+			provide(SmoothContext, { useSmoothStatus: store });
+		}
+		return () => slots.default?.();
+	}
+});
+const withSmoothContextProvider = (Component) => defineComponent((props, { attrs, slots }) => {
+	const { forwardRef } = useForwardExpose();
+	return () => h(SmoothContextProvider, null, { default: () => h(Component, {
+		...attrs,
+		...props,
+		ref: forwardRef
+	}, slots) });
+}, {
+	name: Component.name ?? "SmoothContextProviderWrapper",
+	inheritAttrs: false,
+	props: []
+});
+function useSmoothContext(options) {
+	const context = inject(SmoothContext, null);
+	if (!options?.optional && !context) throw new Error("This component must be used within a SmoothContextProvider.");
+	return context;
+}
+const { useSmoothStatus, useSmoothStatusStore } = createContextStoreHook(useSmoothContext, "useSmoothStatus");
+export { SmoothContextProvider, useSmoothStatus, useSmoothStatusStore, withSmoothContextProvider };
+
+//# sourceMappingURL=SmoothContext.js.map

package/dist/utils/smooth/SmoothContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmoothContext.js","names":["defineComponent","h","inject","provide","Component","FunctionalComponent","InjectionKey","useForwardExpose","createStore","ReadonlyStore","MessagePartStatus","ToolCallMessagePartStatus","useAui","createContextStoreHook","SmoothContextValue","useSmoothStatus","SmoothContext","Symbol","SmoothContextProvider","name","setup","_","slots","outer","useSmoothContext","optional","aui","store","part","getState","status","default","ComponentProps","C","args","$props","P","Record","withSmoothContextProvider","props","attrs","forwardRef","ref","inheritAttrs","options","context","Error","useSmoothStatusStore"],"sources":["../../../src/utils/smooth/SmoothContext.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  defineComponent,\n  h,\n  inject,\n  provide,\n  type Component,\n  type FunctionalComponent,\n  type InjectionKey,\n} from \"vue\";\nimport { useForwardExpose } from \"reka-ui\";\nimport { createStore } from \"zustand/vanilla\";\nimport type { ReadonlyStore } from \"../../context/ReadonlyStore\";\nimport type {\n  MessagePartStatus,\n  ToolCallMessagePartStatus,\n} from \"@ulearning/ai-core\";\nimport { useAui } from \"@ulearning/ai-store\";\nimport { createContextStoreHook } from \"../../context/vue/utils/createContextStoreHook\";\n\ntype SmoothContextValue = {\n  useSmoothStatus: ReadonlyStore<MessagePartStatus | ToolCallMessagePartStatus>;\n};\nconst SmoothContext: InjectionKey<SmoothContextValue> = Symbol(\"SmoothContext\");\n\nexport const SmoothContextProvider = defineComponent({\n  name: \"SmoothContextProvider\",\n  setup(_, { slots }) {\n    const outer = useSmoothContext({ optional: true });\n    if (!outer) {\n      const aui = useAui();\n      const store = createStore<MessagePartStatus | ToolCallMessagePartStatus>(\n        () => aui.part.getState().status,\n      );\n      provide(SmoothContext, { useSmoothStatus: store });\n    }\n    return () => slots.default?.();\n  },\n});\n\ntype ComponentProps<C> = C extends new (...args: never[]) => {\n  $props: infer P extends object;\n}\n  ? P\n  : C extends FunctionalComponent<infer P extends object>\n    ? P\n    : Record<string, unknown>;\n\nexport const withSmoothContextProvider = <C extends Component>(Component: C) =>\n  defineComponent(\n    (props: ComponentProps<C>, { attrs, slots }) => {\n      const { forwardRef } = useForwardExpose();\n      return () =>\n        h(SmoothContextProvider, null, {\n          default: () =>\n            h(Component, { ...attrs, ...props, ref: forwardRef }, slots),\n        });\n    },\n    {\n      name: Component.name ?? \"SmoothContextProviderWrapper\",\n      inheritAttrs: false,\n      props: [],\n    },\n  );\nfunction useSmoothContext(options?: { optional?: false }): SmoothContextValue;\nfunction useSmoothContext(options?: {\n  optional?: boolean;\n}): SmoothContextValue | null;\nfunction useSmoothContext(options?: { optional?: boolean }) {\n  const context = inject(SmoothContext, null);\n  if (!options?.optional && !context)\n    throw new Error(\n      \"This component must be used within a SmoothContextProvider.\",\n    );\n  return context;\n}\n\nexport const { useSmoothStatus, useSmoothStatusStore } = createContextStoreHook(\n  useSmoothContext,\n  \"useSmoothStatus\",\n);\n"],"mappings":";;;;;;;AAwBA,MAAMgB,gBAAkDC,OAAO,eAAe;AAE9E,MAAaC,wBAAwBlB,gBAAgB;CACnDmB,MAAM;CACNC,MAAMC,GAAG,EAAEC,SAAS;EAElB,IAAI,CADUE,iBAAiB,EAAEC,UAAU,KAAK,CAC3CF,GAAO;GACV,MAAMG,MAAMd,OAAO;GACnB,MAAMe,QAAQnB,kBACNkB,IAAIE,KAAKC,SAAS,CAAC,CAACC,MAC5B;GACA3B,QAAQa,eAAe,EAAED,iBAAiBY,MAAM,CAAC;EACnD;EACA,aAAaL,MAAMS,UAAU;CAC/B;AACF,CAAC;AAUD,MAAaO,6BAAkDlC,cAC7DJ,iBACGuC,OAA0B,EAAEC,OAAOlB,YAAY;CAC9C,MAAM,EAAEmB,eAAelC,iBAAiB;CACxC,aACEN,EAAEiB,uBAAuB,MAAM,EAC7Ba,eACE9B,EAAEG,WAAW;EAAE,GAAGoC;EAAO,GAAGD;EAAOG,KAAKD;CAAW,GAAGnB,KAAK,EAC/D,CAAC;AACL,GACA;CACEH,MAAMf,UAAUe,QAAQ;CACxBwB,cAAc;CACdJ,OAAO,CAAA;AACT,CACF;AAKF,SAASf,iBAAiBoB,SAAkC;CAC1D,MAAMC,UAAU3C,OAAOc,eAAe,IAAI;CAC1C,IAAI,CAAC4B,SAASnB,YAAY,CAACoB,SACzB,MAAM,IAAIC,MACR,6DACF;CACF,OAAOD;AACT;AAEA,MAAa,EAAE9B,iBAAiBgC,yBAAyBlC,uBACvDW,kBACA,iBACF"}

package/dist/utils/smooth/useSmooth.d.ts

@@ -0,0 +1,63 @@
+import { type MaybeRefOrGetter } from "vue";
+import type { MessagePartStatus, ReasoningMessagePart, TextMessagePart, MessagePartState } from "@ulearning/ai-core";
+/**
+ * Tuning options for the smooth text streaming animation.
+ */
+export type SmoothOptions = {
+    /**
+     * Target time in milliseconds to drain the backlog of unrevealed
+     * characters. Larger values reveal long backlogs more gradually.
+     * @default 250
+     */
+    drainMs?: number | undefined;
+    /**
+     * Maximum time in milliseconds between revealed characters, i.e. the
+     * slowest reveal rate when the backlog is short.
+     * @default 5
+     */
+    maxCharIntervalMs?: number | undefined;
+    /**
+     * Maximum number of characters revealed per animation frame.
+     * @default Infinity
+     */
+    maxCharsPerFrame?: number | undefined;
+    /**
+     * Minimum time in milliseconds between committed updates. The reveal keeps
+     * advancing every frame, but the visible text (and the downstream re-render
+     * and markdown re-parse it triggers) is committed at most once per interval.
+     * The final frame always commits. `0` commits every frame.
+     * @default 0
+     */
+    minCommitMs?: number | undefined;
+};
+/**
+ * Animates streamed message part text with a typewriter-style reveal.
+ *
+ * Takes the current part state and a `smooth` argument: `false` disables,
+ * `true` uses the default rate, and a {@link SmoothOptions} object tunes
+ * the reveal. Returns the part state with `text` replaced by the revealed
+ * prefix and `status` reporting `running` until the reveal catches up.
+ * If the source settles before any character has been revealed, the text
+ * is committed immediately so a missed animation frame cannot leave an
+ * empty bubble.
+ *
+ * The reveal auto-disables under `prefers-reduced-motion: reduce`,
+ * committing the full text immediately; this takes precedence over an
+ * explicit `smooth={true}`.
+ *
+ * @example
+ * ```tsx
+ * const { text, status } = useSmooth(useMessagePartText(), {
+ *   drainMs: 500,
+ *   maxCharsPerFrame: 30,
+ * });
+ * ```
+ */
+type SmoothState = MessagePartState & (TextMessagePart | ReasoningMessagePart);
+export declare const useSmooth: (state: MaybeRefOrGetter<SmoothState>, smooth?: MaybeRefOrGetter<boolean | SmoothOptions>) => import("vue").ComputedRef<(TextMessagePart & {
+    readonly status: MessagePartStatus | import("@ulearning/ai-core").ToolCallMessagePartStatus;
+}) | (ReasoningMessagePart & {
+    readonly status: MessagePartStatus | import("@ulearning/ai-core").ToolCallMessagePartStatus;
+})>;
+export {};
+//# sourceMappingURL=useSmooth.d.ts.map

package/dist/utils/smooth/useSmooth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSmooth.d.ts","mappings":"AAEA,OAAO,EAML,KAAK,gBAAgB,EACtB,MAAM,KAAK;AAEZ,OAAO,KAAK,EACV,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EACjB,MAAM,oBAAoB;AAO3B;;;AAGA,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;;IAKA,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS;IAC5B;;;;;IAKA,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS;IACtC;;;;IAIA,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS;IACrC;;;;;;;IAOA,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS;CACjC;AAwFD;;;;;;;;;;;;;;;;;;;;;;;AAuBA,KAAK,WAAW,GAAG,gBAAgB,GAAG,CAAC,eAAe,GAAG,oBAAoB,CAAC;AAE9E,eAAO,MAAM,SAAS,GACpB,OAAO,gBAAgB,CAAC,WAAW,CAAC,EACpC,SAAQ,gBAAgB,CAAC,OAAO,GAAG,aAAa,CAAS;;;;GAkG1D","names":[],"ignoreList":[],"sources":["../../../src/utils/smooth/useSmooth.ts"],"sourcesContent":[null]}