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

package/dist/primitives/composer/ComposerDictationTranscript.d.ts

@@ -0,0 +1,27 @@
+import { type ComponentPublicInstance } from "vue";
+import { type PrimitiveProps } from "../../utils/Primitive.js";
+export declare namespace ComposerPrimitiveDictationTranscript {
+    type Element = ComponentPublicInstance;
+    type Props = PrimitiveProps<"span">;
+}
+/**
+ * Renders the current interim (partial) transcript while dictation is active.
+ *
+ * This component displays real-time feedback of what the user is saying before
+ * the transcription is finalized and committed to the composer input.
+ *
+ * @example
+ * ```tsx
+ * <AuiIf condition={(s) => s.composer.dictation != null}>
+ *   <div className="dictation-preview">
+ *     <ComposerPrimitive.DictationTranscript />
+ *   </div>
+ * </AuiIf>
+ * ```
+ */
+export declare const ComposerPrimitiveDictationTranscript: import("vue").DefineSetupFnComponent<ComposerPrimitiveDictationTranscript.Props, {}, {}, import("vue").HTMLAttributes & {
+    render?: import("vue").VNode | undefined;
+    asChild?: boolean | undefined;
+    children?: import("vue").VNodeChild;
+} & {}, import("vue").PublicProps>;
+//# sourceMappingURL=ComposerDictationTranscript.d.ts.map

package/dist/primitives/composer/ComposerDictationTranscript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerDictationTranscript.d.ts","mappings":"AAEA,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,KAAK;AAEtE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,0BAAuB;AAGtE,yBAAiB,oCAAoC,CAAC;IACpD,KAAY,OAAO,GAAG,uBAAuB;IAC7C,KAAY,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC;;AAG5C;;;;;;;;;;;;;;;AAeA,eAAO,MAAM,oCAAoC;;;;kCA2B9C","names":[],"ignoreList":[],"sources":["../../../src/primitives/composer/ComposerDictationTranscript.tsx"],"sourcesContent":[null]}

package/dist/primitives/composer/ComposerDictationTranscript.js

@@ -0,0 +1,42 @@
+"use client";
+import { Primitive as Primitive$1 } from "../../utils/Primitive.js";
+import { defineComponent, h } from "vue";
+import { useAuiState } from "@ulearning/ai-store";
+import { useForwardExpose } from "reka-ui";
+// src/primitives/composer/ComposerDictationTranscript.tsx
+/**
+* Renders the current interim (partial) transcript while dictation is active.
+*
+* This component displays real-time feedback of what the user is saying before
+* the transcription is finalized and committed to the composer input.
+*
+* @example
+* ```tsx
+* <AuiIf condition={(s) => s.composer.dictation != null}>
+*   <div className="dictation-preview">
+*     <ComposerPrimitive.DictationTranscript />
+*   </div>
+* </AuiIf>
+* ```
+*/
+const ComposerPrimitiveDictationTranscript = defineComponent((props, { attrs, slots }) => {
+	const { forwardRef } = useForwardExpose();
+	const transcript = useAuiState((s) => s.composer.dictation?.transcript);
+	return () => !transcript.value ? null : h(Primitive$1.span, {
+		...attrs,
+		render: props.render,
+		asChild: props.asChild,
+		ref: forwardRef
+	}, { default: () => slots.default?.() ?? props.children ?? transcript.value });
+}, {
+	name: "ComposerPrimitive.DictationTranscript",
+	inheritAttrs: false,
+	props: [
+		"render",
+		"asChild",
+		"children"
+	]
+});
+export { ComposerPrimitiveDictationTranscript };
+
+//# sourceMappingURL=ComposerDictationTranscript.js.map

package/dist/primitives/composer/ComposerDictationTranscript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerDictationTranscript.js","names":["defineComponent","h","ComponentPublicInstance","useForwardExpose","Primitive","PrimitiveProps","useAuiState","ComposerPrimitiveDictationTranscript","Element","Props","props","attrs","slots","forwardRef","transcript","s","composer","dictation","value","span","render","asChild","ref","default","children","name","inheritAttrs","Primitive"],"sources":["../../../src/primitives/composer/ComposerDictationTranscript.tsx"],"sourcesContent":["\"use client\";\n\nimport { defineComponent, h, type ComponentPublicInstance } from \"vue\";\nimport { useForwardExpose } from \"reka-ui\";\nimport { Primitive, type PrimitiveProps } from \"../../utils/Primitive\";\nimport { useAuiState } from \"@ulearning/ai-store\";\n\nexport namespace ComposerPrimitiveDictationTranscript {\n  export type Element = ComponentPublicInstance;\n  export type Props = PrimitiveProps<\"span\">;\n}\n\n/**\n * Renders the current interim (partial) transcript while dictation is active.\n *\n * This component displays real-time feedback of what the user is saying before\n * the transcription is finalized and committed to the composer input.\n *\n * @example\n * ```tsx\n * <AuiIf condition={(s) => s.composer.dictation != null}>\n *   <div className=\"dictation-preview\">\n *     <ComposerPrimitive.DictationTranscript />\n *   </div>\n * </AuiIf>\n * ```\n */\nexport const ComposerPrimitiveDictationTranscript =\n  defineComponent<ComposerPrimitiveDictationTranscript.Props>(\n    (props, { attrs, slots }) => {\n      const { forwardRef } = useForwardExpose();\n      const transcript = useAuiState((s) => s.composer.dictation?.transcript);\n      return () =>\n        !transcript.value\n          ? null\n          : h(\n              Primitive.span,\n              {\n                ...attrs,\n                render: props.render,\n                asChild: props.asChild,\n                ref: forwardRef,\n              },\n              {\n                default: () =>\n                  slots.default?.() ?? props.children ?? transcript.value,\n              },\n            );\n    },\n    {\n      name: \"ComposerPrimitive.DictationTranscript\",\n      inheritAttrs: false,\n      props: [\"render\", \"asChild\", \"children\"],\n    },\n  );\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA2BA,MAAaO,uCACXP,iBACGU,OAAO,EAAEC,OAAOC,YAAY;CAC3B,MAAM,EAAEC,eAAeV,iBAAiB;CACxC,MAAMW,aAAaR,aAAaS,MAAMA,EAAEC,SAASC,WAAWH,UAAU;CACtE,aACE,CAACA,WAAWI,QACR,OACAjB,EACEG,YAAUe,MACV;EACE,GAAGR;EACHS,QAAQV,MAAMU;EACdC,SAASX,MAAMW;EACfC,KAAKT;CACP,GACA,EACEU,eACEX,MAAMW,UAAU,KAAKb,MAAMc,YAAYV,WAAWI,MACtD,CACF;AACR,GACA;CACEO,MAAM;CACNC,cAAc;CACdhB,OAAO;EAAC;EAAU;EAAW;CAAU;AACzC,CACF"}

package/dist/primitives/composer/ComposerIf.d.ts

@@ -0,0 +1,3 @@
+export { ComposerPrimitiveIf } from "@ulearning/ai-core/vue";
+export type { UseComposerIfProps } from "@ulearning/ai-core/vue";
+//# sourceMappingURL=ComposerIf.d.ts.map

package/dist/primitives/composer/ComposerIf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerIf.d.ts","mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB","names":[],"ignoreList":[],"sources":["../../../src/primitives/composer/ComposerIf.ts"],"sourcesContent":[null]}

package/dist/primitives/composer/ComposerIf.js

@@ -0,0 +1,2 @@
+"use client";
+export { ComposerPrimitiveIf } from "@ulearning/ai-core/vue";

package/dist/primitives/composer/ComposerInput.d.ts

@@ -0,0 +1,132 @@
+import { type ComponentPublicInstance, type TextareaHTMLAttributes, type VNode, type VNodeChild } from "vue";
+import { type TextareaAutosizeOptions } from "./useTextareaAutosize.js";
+export declare namespace ComposerPrimitiveInput {
+    export type Element = ComponentPublicInstance;
+    type BaseProps = {
+        /** Native key event; retained casing for composer history bindings. */
+        onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
+        /**
+         * Whether to render as a child component using Slot.
+         * When true, the component will merge its props with its child.
+         */
+        asChild?: boolean | undefined;
+        /**
+         * A Vue element to use as the input container, with props merged in.
+         */
+        render?: VNode | undefined;
+        /**
+         * Whether to cancel message composition when Escape is pressed.
+         * After cancelling an edit, focus returns to the main thread composer when
+         * available, unless a handler has moved focus elsewhere.
+         * @default true
+         */
+        cancelOnEscape?: boolean | undefined;
+        /**
+         * Whether to focus the input when a new run starts if nothing is focused
+         * or focus is already inside the same thread or composer. Keeps the current
+         * selection when the input is already focused. Applies when `autoFocus` is
+         * enabled.
+         *
+         * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.
+         *
+         * @default true
+         */
+        unstable_focusOnRunStart?: boolean | undefined;
+        /**
+         * Whether to automatically focus the input when scrolling to bottom.
+         *
+         * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.
+         *
+         * @default true
+         */
+        unstable_focusOnScrollToBottom?: boolean | undefined;
+        /**
+         * Whether to automatically focus the input when switching threads.
+         *
+         * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.
+         *
+         * @default true
+         */
+        unstable_focusOnThreadSwitched?: boolean | undefined;
+        /**
+         * Whether plain Enter on a touch-primary device should insert a newline
+         * instead of submitting, detected via
+         * `(pointer: coarse) and (not (any-pointer: fine))`. Only takes effect
+         * when `submitMode` resolves to `"enter"`.
+         *
+         * @deprecated Experimental since 2026-05-24. Not scheduled for removal; the API may change in any release.
+         *
+         * @default false
+         */
+        unstable_insertNewlineOnTouchEnter?: boolean | undefined;
+        /**
+         * Whether to automatically add pasted files as attachments.
+         * @default true
+         */
+        addAttachmentOnPaste?: boolean | undefined;
+    };
+    type SubmitModeProps = {
+        /**
+         * Controls how the Enter key submits messages.
+         * - "enter": Plain Enter submits (Shift+Enter for newline)
+         * - "ctrlEnter": Ctrl/Cmd+Enter submits (plain Enter for newline)
+         * - "none": Keyboard submission disabled
+         * @default "enter"
+         */
+        submitMode?: "enter" | "ctrlEnter" | "none" | undefined;
+        /**
+         * @deprecated Use `submitMode` instead
+         * @ignore
+         */
+        submitOnEnter?: never;
+    } | {
+        submitMode?: never;
+        /**
+         * Whether to submit the message when Enter is pressed (without Shift).
+         * @default true
+         * @deprecated Use `submitMode` instead. Will be removed in a future version.
+         */
+        submitOnEnter?: boolean | undefined;
+    };
+    export type Props = TextareaHTMLAttributes & TextareaAutosizeOptions & {
+        children?: VNodeChild;
+        autoFocus?: boolean;
+    } & BaseProps & SubmitModeProps;
+    export {};
+}
+/**
+ * A text input component for composing messages.
+ *
+ * This component provides a rich text input experience with automatic resizing,
+ * keyboard shortcuts, file paste support, and intelligent focus management.
+ * It integrates with the composer context to manage message state and submission.
+ *
+ * When rendered inside `TriggerPopoverRoot` and a popover is open, the
+ * underlying `<textarea>` automatically receives `aria-controls`,
+ * `aria-expanded`, `aria-haspopup`, and `aria-activedescendant` for the
+ * combobox relationship. These computed attributes override user-provided
+ * values for those four ARIA props while the popover is open.
+ *
+ * @example
+ * ```tsx
+ * // Ctrl/Cmd+Enter to submit (plain Enter inserts newline)
+ * <ComposerPrimitive.Input
+ *   placeholder="Type your message..."
+ *   submitMode="ctrlEnter"
+ * />
+ *
+ * // Insert a newline on Enter on touch-primary devices.
+ * <ComposerPrimitive.Input
+ *   placeholder="Type your message..."
+ *   unstable_insertNewlineOnTouchEnter
+ * />
+ *
+ * // Old API (deprecated, still supported)
+ * <ComposerPrimitive.Input
+ *   placeholder="Type your message..."
+ *   submitOnEnter={true}
+ * />
+ * ```
+ */
+export declare const ComposerPrimitiveInput: import("vue").DefineSetupFnComponent<ComposerPrimitiveInput.Props, {}, {}, ComposerPrimitiveInput.Props & {}, import("vue").PublicProps>;
+//# sourceMappingURL=ComposerInput.d.ts.map

package/dist/primitives/composer/ComposerInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerInput.d.ts","mappings":"AAEA,OAAO,EAOL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,KAAK,EACV,KAAK,UAAU,EAChB,MAAM,KAAK;AAkBZ,OAAO,EAEL,KAAK,uBAAuB,EAE7B,MAAM,0BAAuB;AAI9B,yBAAiB,sBAAsB,CAAC;IACtC,MAAM,MAAM,OAAO,GAAG,uBAAuB;IAE7C,KAAK,SAAS,GAAG;QACf;QACA,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC,GAAG,SAAS;QACxD;;;;QAIA,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS;QAC7B;;;QAGA,MAAM,CAAC,EAAE,KAAK,GAAG,SAAS;QAC1B;;;;;;QAMA,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS;QACpC;;;;;;;;;;QAUA,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS;QAC9C;;;;;;;QAOA,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS;QACpD;;;;;;;QAOA,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS;QACpD;;;;;;;;;;QAUA,kCAAkC,CAAC,EAAE,OAAO,GAAG,SAAS;QACxD;;;;QAIA,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS;KAC3C;IAED,KAAK,eAAe,GAChB;QACE;;;;;;;QAOA,UAAU,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS;QACvD;;;;QAIA,aAAa,CAAC,EAAE,KAAK;KACtB,GACD;QACE,UAAU,CAAC,EAAE,KAAK;QAClB;;;;;QAKA,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS;KACpC;IAEL,MAAM,MAAM,KAAK,GAAG,sBAAsB,GACxC,uBAAuB,GAAG;QACxB,QAAQ,CAAC,EAAE,UAAU;QACrB,SAAS,CAAC,EAAE,OAAO;KACpB,GAAG,SAAS,GACb,eAAe;;;AAGnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,eAAO,MAAM,sBAAsB,0IA+RhC","names":[],"ignoreList":[],"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":[null]}

package/dist/primitives/composer/ComposerInput.js

@@ -0,0 +1,239 @@
+"use client";
+import { renderSlot } from "../../utils/Primitive.js";
+import { useComposerCompactContextOptional } from "./ComposerCompactContext.js";
+import { useOnScrollToBottom } from "../../utils/hooks/useOnScrollToBottom.js";
+import { useMediaQuery } from "../../utils/hooks/useMediaQuery.js";
+import { isCompositionKey } from "../../utils/isCompositionKey.js";
+import { useComposerInputPluginRegistryOptional } from "./ComposerInputPluginContext.js";
+import { useThreadRootElementRef } from "../thread/ThreadRootElementContext.js";
+import { useComposerCancelWithFocus } from "./useComposerCancelWithFocus.js";
+import { useComposerInputDisabled, useComposerInputValue, useTriggerPopoverAriaProps } from "./useComposerInputState.js";
+import { useTextareaAutosize } from "./useTextareaAutosize.js";
+import { computed, defineComponent, h, mergeProps, shallowRef, watchEffect } from "vue";
+import { useAui } from "@ulearning/ai-store";
+import { useIsomorphicLayoutEffect } from "@ulearning/ai-store/internal";
+import { Slot, useForwardExpose } from "reka-ui";
+import { flushTapSync } from "@ulearning/ai-tap";
+// src/primitives/composer/ComposerInput.tsx
+const TOUCH_PRIMARY_QUERY = "(pointer: coarse) and (not (any-pointer: fine))";
+/**
+* A text input component for composing messages.
+*
+* This component provides a rich text input experience with automatic resizing,
+* keyboard shortcuts, file paste support, and intelligent focus management.
+* It integrates with the composer context to manage message state and submission.
+*
+* When rendered inside `TriggerPopoverRoot` and a popover is open, the
+* underlying `<textarea>` automatically receives `aria-controls`,
+* `aria-expanded`, `aria-haspopup`, and `aria-activedescendant` for the
+* combobox relationship. These computed attributes override user-provided
+* values for those four ARIA props while the popover is open.
+*
+* @example
+* ```tsx
+* // Ctrl/Cmd+Enter to submit (plain Enter inserts newline)
+* <ComposerPrimitive.Input
+*   placeholder="Type your message..."
+*   submitMode="ctrlEnter"
+* />
+*
+* // Insert a newline on Enter on touch-primary devices.
+* <ComposerPrimitive.Input
+*   placeholder="Type your message..."
+*   unstable_insertNewlineOnTouchEnter
+* />
+*
+* // Old API (deprecated, still supported)
+* <ComposerPrimitive.Input
+*   placeholder="Type your message..."
+*   submitOnEnter={true}
+* />
+* ```
+*/
+const ComposerPrimitiveInput = defineComponent((props, { attrs, slots }) => {
+	const { forwardRef, currentElement } = useForwardExpose();
+	const aui = useAui();
+	const threadRootRef = useThreadRootElementRef();
+	const pluginRegistry = useComposerInputPluginRegistryOptional();
+	const compactContext = useComposerCompactContextOptional();
+	const declaredSubmitMode = computed(() => props.submitMode ?? (props.submitOnEnter === false ? "none" : "enter"));
+	const isTouchPrimary = useMediaQuery(() => props.unstable_insertNewlineOnTouchEnter ? TOUCH_PRIMARY_QUERY : null);
+	const effectiveSubmitMode = computed(() => props.unstable_insertNewlineOnTouchEnter && isTouchPrimary.value && declaredSubmitMode.value === "enter" ? "none" : declaredSubmitMode.value);
+	const value = useComposerInputValue();
+	const isDisabled = useComposerInputDisabled(() => props.disabled === true || props.disabled === "true");
+	const textarea = shallowRef(null);
+	watchEffect(() => {
+		const element = currentElement.value;
+		textarea.value = element instanceof HTMLTextAreaElement ? element : null;
+	}, { flush: "post" });
+	const cancel = useComposerCancelWithFocus(() => aui.composer.cancel());
+	let composing = false;
+	const updateCursor = (input) => {
+		const position = input.selectionStart ?? input.value.length;
+		for (const plugin of pluginRegistry?.getPlugins() ?? []) plugin.setCursorPosition(position);
+	};
+	const pluginKey = (event) => {
+		for (const plugin of pluginRegistry?.getPlugins() ?? []) if (plugin.handleKeyDown(event)) return true;
+		return false;
+	};
+	const keydown = (event) => {
+		if (event.defaultPrevented) return;
+		props.onKeyDown?.(event);
+		if (event.defaultPrevented || isDisabled.value || isCompositionKey(event)) return;
+		if (pluginKey(event)) return;
+		if (event.key === "Escape") {
+			if (props.cancelOnEscape !== false && aui.composer.getState().canCancel) {
+				cancel(textarea.value);
+				event.preventDefault();
+			}
+			return;
+		}
+		if (event.key !== "Enter") return;
+		const thread = aui.thread.getState();
+		if (event.shiftKey && (event.ctrlKey || event.metaKey) && thread.capabilities.queue && declaredSubmitMode.value !== "none" && aui.composer.getState().canSend) {
+			event.preventDefault();
+			aui.composer.send({ steer: true });
+			return;
+		}
+		if (event.shiftKey || thread.isRunning && !thread.capabilities.queue && thread.voice === void 0) return;
+		if (effectiveSubmitMode.value === "enter" || effectiveSubmitMode.value === "ctrlEnter" && (event.ctrlKey || event.metaKey)) {
+			event.preventDefault();
+			textarea.value?.closest("form")?.requestSubmit();
+		}
+	};
+	const paste = async (event) => {
+		if (event.defaultPrevented || props.addAttachmentOnPaste === false) return;
+		const files = Array.from(event.clipboardData?.files ?? []);
+		if (!aui.thread.getState().capabilities.attachments || files.length === 0) return;
+		event.preventDefault();
+		await Promise.all(files.map(async (file) => {
+			try {
+				await aui.composer.addAttachment(file);
+			} catch {}
+		}));
+	};
+	const heightChange = (height, meta) => {
+		props.onHeightChange?.(height, meta);
+		const input = textarea.value;
+		if (!input || input.value === "" || !compactContext?.value) return;
+		const style = input.ownerDocument.defaultView.getComputedStyle(input);
+		const number = (text) => parseFloat(text) || 0;
+		const contentHeight = style.boxSizing === "border-box" ? height - number(style.paddingTop) - number(style.paddingBottom) - number(style.borderTopWidth) - number(style.borderBottomWidth) : height;
+		if (Math.round(contentHeight / meta.rowHeight) > 1) compactContext.value.setMultiline(true);
+	};
+	useTextareaAutosize(textarea, value, {
+		get minRows() {
+			return props.minRows;
+		},
+		get maxRows() {
+			return props.maxRows;
+		},
+		get cacheMeasurements() {
+			return props.cacheMeasurements;
+		},
+		onHeightChange: heightChange
+	}, () => !props.render && !props.asChild, () => [attrs.style, attrs.placeholder]);
+	const focus = () => {
+		const input = textarea.value;
+		if (!input || !(props.autoFocus ?? attrs.autofocus) || isDisabled.value) return;
+		input.focus({ preventScroll: true });
+		input.setSelectionRange(input.value.length, input.value.length);
+	};
+	const focusOnRunStart = () => {
+		const input = textarea.value;
+		if (!input) return;
+		const doc = input.ownerDocument;
+		const active = doc.activeElement;
+		if (active === input) return;
+		const root = threadRootRef?.value;
+		const composer = input.closest("[data-aui-composer-type]");
+		if (active && active !== doc.body && !composer?.contains(active) && (!root?.contains(active) || active.closest("[data-aui-thread-root]") !== root)) return;
+		focus();
+	};
+	useIsomorphicLayoutEffect(focus);
+	useOnScrollToBottom(() => {
+		if (aui.composer.getState().type === "thread" && props.unstable_focusOnScrollToBottom !== false) focus();
+	});
+	useIsomorphicLayoutEffect(() => {
+		if (aui.composer.getState().type !== "thread" || props.unstable_focusOnRunStart === false) return void 0;
+		return aui.on("thread.runStart", focusOnRunStart);
+	});
+	useIsomorphicLayoutEffect(() => {
+		if (aui.composer.getState().type !== "thread" || props.unstable_focusOnThreadSwitched === false || !aui.optional.threads) return void 0;
+		return aui.on("threads.selectionChanged", focus);
+	});
+	useIsomorphicLayoutEffect(() => {
+		if (value.value === "") compactContext?.value?.setMultiline(false);
+	});
+	const aria = useTriggerPopoverAriaProps();
+	const input = (event) => {
+		if (event.defaultPrevented || !aui.composer.getState().isEditing) return;
+		const target = event.target;
+		const nativeComposing = event.isComposing === true;
+		if (composing && !nativeComposing) composing = false;
+		flushTapSync(() => aui.composer.setText(target.value, { origin: "user" }));
+		if (!nativeComposing && !composing) updateCursor(target);
+	};
+	const compositionEnd = (event) => {
+		if (event.defaultPrevented) return;
+		composing = false;
+		if (!aui.composer.getState().isEditing) return;
+		const target = event.target;
+		flushTapSync(() => aui.composer.setText(target.value, { origin: "user" }));
+		updateCursor(target);
+	};
+	return () => {
+		const inputProps = mergeProps({
+			name: "input",
+			value: value.value
+		}, attrs, aria.value, {
+			...props.render || props.asChild ? {
+				minRows: props.minRows,
+				maxRows: props.maxRows,
+				cacheMeasurements: props.cacheMeasurements,
+				onHeightChange: heightChange
+			} : {},
+			ref: forwardRef,
+			disabled: isDisabled.value,
+			onInput: input,
+			onKeydown: keydown,
+			onPaste: paste,
+			onCompositionstart: (event) => {
+				if (!event.defaultPrevented) composing = true;
+			},
+			onCompositionend: compositionEnd,
+			onSelect: (event) => {
+				if (!event.defaultPrevented && !composing) updateCursor(event.target);
+			}
+		});
+		const children = slots.default?.() ?? props.children;
+		if (props.render) return renderSlot(props.render, children, inputProps);
+		return props.asChild ? h(Slot, inputProps, { default: () => children }) : h("textarea", inputProps);
+	};
+}, {
+	name: "ComposerPrimitive.Input",
+	inheritAttrs: false,
+	props: [
+		"render",
+		"asChild",
+		"children",
+		"autoFocus",
+		"disabled",
+		"onKeyDown",
+		"submitMode",
+		"submitOnEnter",
+		"cancelOnEscape",
+		"unstable_focusOnRunStart",
+		"unstable_focusOnScrollToBottom",
+		"unstable_focusOnThreadSwitched",
+		"unstable_insertNewlineOnTouchEnter",
+		"addAttachmentOnPaste",
+		"minRows",
+		"maxRows",
+		"cacheMeasurements",
+		"onHeightChange"
+	]
+});
+export { ComposerPrimitiveInput };
+
+//# sourceMappingURL=ComposerInput.js.map

package/dist/primitives/composer/ComposerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerInput.js","names":["computed","defineComponent","h","mergeProps","shallowRef","watchEffect","ComponentPublicInstance","TextareaHTMLAttributes","VNode","VNodeChild","Slot","useForwardExpose","useIsomorphicLayoutEffect","useOnScrollToBottom","useMediaQuery","renderSlot","isCompositionKey","useAui","flushTapSync","useComposerInputPluginRegistryOptional","useComposerCompactContextOptional","useComposerCancelWithFocus","useThreadRootElementRef","useComposerInputDisabled","useComposerInputValue","useTriggerPopoverAriaProps","useTextareaAutosize","TextareaAutosizeOptions","TextareaHeightChangeMeta","TOUCH_PRIMARY_QUERY","ComposerPrimitiveInput","Element","BaseProps","onKeyDown","event","KeyboardEvent","asChild","render","cancelOnEscape","unstable_focusOnRunStart","unstable_focusOnScrollToBottom","unstable_focusOnThreadSwitched","unstable_insertNewlineOnTouchEnter","addAttachmentOnPaste","SubmitModeProps","submitMode","submitOnEnter","Props","children","autoFocus","props","attrs","slots","forwardRef","currentElement","aui","threadRootRef","pluginRegistry","compactContext","declaredSubmitMode","isTouchPrimary","effectiveSubmitMode","value","isDisabled","disabled","textarea","HTMLTextAreaElement","element","flush","cancel","composer","composing","updateCursor","input","position","selectionStart","length","plugin","getPlugins","setCursorPosition","pluginKey","handleKeyDown","keydown","defaultPrevented","key","getState","canCancel","preventDefault","thread","shiftKey","ctrlKey","metaKey","capabilities","queue","canSend","send","steer","isRunning","voice","undefined","closest","requestSubmit","paste","ClipboardEvent","files","Array","from","clipboardData","attachments","Promise","all","map","file","addAttachment","heightChange","height","meta","onHeightChange","style","ownerDocument","defaultView","getComputedStyle","number","text","parseFloat","contentHeight","boxSizing","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","Math","round","rowHeight","setMultiline","minRows","maxRows","cacheMeasurements","placeholder","focus","autofocus","preventScroll","setSelectionRange","focusOnRunStart","doc","active","activeElement","root","body","contains","type","on","optional","threads","aria","Event","isEditing","target","nativeComposing","InputEvent","isComposing","setText","origin","compositionEnd","CompositionEvent","inputProps","name","ref","onInput","onKeydown","onPaste","onCompositionstart","onCompositionend","onSelect","default","inheritAttrs"],"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  computed,\n  defineComponent,\n  h,\n  mergeProps,\n  shallowRef,\n  watchEffect,\n  type ComponentPublicInstance,\n  type TextareaHTMLAttributes,\n  type VNode,\n  type VNodeChild,\n} from \"vue\";\nimport { Slot, useForwardExpose } from \"reka-ui\";\nimport { useIsomorphicLayoutEffect } from \"@ulearning/ai-store/internal\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useMediaQuery } from \"../../utils/hooks/useMediaQuery\";\nimport { renderSlot } from \"../../utils/Primitive\";\nimport { isCompositionKey } from \"../../utils/isCompositionKey\";\nimport { useAui } from \"@ulearning/ai-store\";\nimport { flushTapSync } from \"@ulearning/ai-tap\";\nimport { useComposerInputPluginRegistryOptional } from \"./ComposerInputPluginContext\";\nimport { useComposerCompactContextOptional } from \"./ComposerCompactContext\";\nimport { useComposerCancelWithFocus } from \"./useComposerCancelWithFocus\";\nimport { useThreadRootElementRef } from \"../thread/ThreadRootElementContext\";\nimport {\n  useComposerInputDisabled,\n  useComposerInputValue,\n  useTriggerPopoverAriaProps,\n} from \"./useComposerInputState\";\nimport {\n  useTextareaAutosize,\n  type TextareaAutosizeOptions,\n  type TextareaHeightChangeMeta,\n} from \"./useTextareaAutosize\";\n\nconst TOUCH_PRIMARY_QUERY = \"(pointer: coarse) and (not (any-pointer: fine))\";\n\nexport namespace ComposerPrimitiveInput {\n  export type Element = ComponentPublicInstance;\n\n  type BaseProps = {\n    /** Native key event; retained casing for composer history bindings. */\n    onKeyDown?: ((event: KeyboardEvent) => void) | undefined;\n    /**\n     * Whether to render as a child component using Slot.\n     * When true, the component will merge its props with its child.\n     */\n    asChild?: boolean | undefined;\n    /**\n     * A Vue element to use as the input container, with props merged in.\n     */\n    render?: VNode | undefined;\n    /**\n     * Whether to cancel message composition when Escape is pressed.\n     * After cancelling an edit, focus returns to the main thread composer when\n     * available, unless a handler has moved focus elsewhere.\n     * @default true\n     */\n    cancelOnEscape?: boolean | undefined;\n    /**\n     * Whether to focus the input when a new run starts if nothing is focused\n     * or focus is already inside the same thread or composer. Keeps the current\n     * selection when the input is already focused. Applies when `autoFocus` is\n     * enabled.\n     *\n     * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.\n     *\n     * @default true\n     */\n    unstable_focusOnRunStart?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when scrolling to bottom.\n     *\n     * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.\n     *\n     * @default true\n     */\n    unstable_focusOnScrollToBottom?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when switching threads.\n     *\n     * @deprecated Experimental since 2024-10-12. Not scheduled for removal; the API may change in any release.\n     *\n     * @default true\n     */\n    unstable_focusOnThreadSwitched?: boolean | undefined;\n    /**\n     * Whether plain Enter on a touch-primary device should insert a newline\n     * instead of submitting, detected via\n     * `(pointer: coarse) and (not (any-pointer: fine))`. Only takes effect\n     * when `submitMode` resolves to `\"enter\"`.\n     *\n     * @deprecated Experimental since 2026-05-24. Not scheduled for removal; the API may change in any release.\n     *\n     * @default false\n     */\n    unstable_insertNewlineOnTouchEnter?: boolean | undefined;\n    /**\n     * Whether to automatically add pasted files as attachments.\n     * @default true\n     */\n    addAttachmentOnPaste?: boolean | undefined;\n  };\n\n  type SubmitModeProps =\n    | {\n        /**\n         * Controls how the Enter key submits messages.\n         * - \"enter\": Plain Enter submits (Shift+Enter for newline)\n         * - \"ctrlEnter\": Ctrl/Cmd+Enter submits (plain Enter for newline)\n         * - \"none\": Keyboard submission disabled\n         * @default \"enter\"\n         */\n        submitMode?: \"enter\" | \"ctrlEnter\" | \"none\" | undefined;\n        /**\n         * @deprecated Use `submitMode` instead\n         * @ignore\n         */\n        submitOnEnter?: never;\n      }\n    | {\n        submitMode?: never;\n        /**\n         * Whether to submit the message when Enter is pressed (without Shift).\n         * @default true\n         * @deprecated Use `submitMode` instead. Will be removed in a future version.\n         */\n        submitOnEnter?: boolean | undefined;\n      };\n\n  export type Props = TextareaHTMLAttributes &\n    TextareaAutosizeOptions & {\n      children?: VNodeChild;\n      autoFocus?: boolean;\n    } & BaseProps &\n    SubmitModeProps;\n}\n\n/**\n * A text input component for composing messages.\n *\n * This component provides a rich text input experience with automatic resizing,\n * keyboard shortcuts, file paste support, and intelligent focus management.\n * It integrates with the composer context to manage message state and submission.\n *\n * When rendered inside `TriggerPopoverRoot` and a popover is open, the\n * underlying `<textarea>` automatically receives `aria-controls`,\n * `aria-expanded`, `aria-haspopup`, and `aria-activedescendant` for the\n * combobox relationship. These computed attributes override user-provided\n * values for those four ARIA props while the popover is open.\n *\n * @example\n * ```tsx\n * // Ctrl/Cmd+Enter to submit (plain Enter inserts newline)\n * <ComposerPrimitive.Input\n *   placeholder=\"Type your message...\"\n *   submitMode=\"ctrlEnter\"\n * />\n *\n * // Insert a newline on Enter on touch-primary devices.\n * <ComposerPrimitive.Input\n *   placeholder=\"Type your message...\"\n *   unstable_insertNewlineOnTouchEnter\n * />\n *\n * // Old API (deprecated, still supported)\n * <ComposerPrimitive.Input\n *   placeholder=\"Type your message...\"\n *   submitOnEnter={true}\n * />\n * ```\n */\nexport const ComposerPrimitiveInput =\n  defineComponent<ComposerPrimitiveInput.Props>(\n    (props, { attrs, slots }) => {\n      const { forwardRef, currentElement } = useForwardExpose();\n      const aui = useAui();\n      const threadRootRef = useThreadRootElementRef();\n      const pluginRegistry = useComposerInputPluginRegistryOptional();\n      const compactContext = useComposerCompactContextOptional();\n      const declaredSubmitMode = computed(\n        () =>\n          props.submitMode ??\n          (props.submitOnEnter === false ? \"none\" : \"enter\"),\n      );\n      const isTouchPrimary = useMediaQuery(() =>\n        props.unstable_insertNewlineOnTouchEnter ? TOUCH_PRIMARY_QUERY : null,\n      );\n      const effectiveSubmitMode = computed(() =>\n        props.unstable_insertNewlineOnTouchEnter &&\n        isTouchPrimary.value &&\n        declaredSubmitMode.value === \"enter\"\n          ? \"none\"\n          : declaredSubmitMode.value,\n      );\n      const value = useComposerInputValue();\n      const isDisabled = useComposerInputDisabled(\n        () => props.disabled === true || props.disabled === \"true\",\n      );\n      const textarea = shallowRef<HTMLTextAreaElement | null>(null);\n      watchEffect(\n        () => {\n          const element = currentElement.value;\n          textarea.value =\n            element instanceof HTMLTextAreaElement ? element : null;\n        },\n        { flush: \"post\" },\n      );\n      const cancel = useComposerCancelWithFocus(() => aui.composer.cancel());\n      let composing = false;\n      const updateCursor = (input: HTMLTextAreaElement) => {\n        const position = input.selectionStart ?? input.value.length;\n        for (const plugin of pluginRegistry?.getPlugins() ?? [])\n          plugin.setCursorPosition(position);\n      };\n      const pluginKey = (event: KeyboardEvent) => {\n        for (const plugin of pluginRegistry?.getPlugins() ?? [])\n          if (plugin.handleKeyDown(event)) return true;\n        return false;\n      };\n      const keydown = (event: KeyboardEvent) => {\n        if (event.defaultPrevented) return;\n        props.onKeyDown?.(event);\n        if (\n          event.defaultPrevented ||\n          isDisabled.value ||\n          isCompositionKey(event)\n        )\n          return;\n        if (pluginKey(event)) return;\n        if (event.key === \"Escape\") {\n          if (\n            props.cancelOnEscape !== false &&\n            aui.composer.getState().canCancel\n          ) {\n            cancel(textarea.value);\n            event.preventDefault();\n          }\n          return;\n        }\n        if (event.key !== \"Enter\") return;\n        const thread = aui.thread.getState();\n        if (\n          event.shiftKey &&\n          (event.ctrlKey || event.metaKey) &&\n          thread.capabilities.queue &&\n          declaredSubmitMode.value !== \"none\" &&\n          aui.composer.getState().canSend\n        ) {\n          event.preventDefault();\n          aui.composer.send({ steer: true });\n          return;\n        }\n        if (\n          event.shiftKey ||\n          (thread.isRunning &&\n            !thread.capabilities.queue &&\n            thread.voice === undefined)\n        )\n          return;\n        if (\n          effectiveSubmitMode.value === \"enter\" ||\n          (effectiveSubmitMode.value === \"ctrlEnter\" &&\n            (event.ctrlKey || event.metaKey))\n        ) {\n          event.preventDefault();\n          textarea.value?.closest(\"form\")?.requestSubmit();\n        }\n      };\n      const paste = async (event: ClipboardEvent) => {\n        if (event.defaultPrevented || props.addAttachmentOnPaste === false)\n          return;\n        const files = Array.from(event.clipboardData?.files ?? []);\n        if (\n          !aui.thread.getState().capabilities.attachments ||\n          files.length === 0\n        )\n          return;\n        event.preventDefault();\n        await Promise.all(\n          files.map(async (file) => {\n            try {\n              await aui.composer.addAttachment(file);\n            } catch {\n              /* The runtime emits composer.attachmentAddError. */\n            }\n          }),\n        );\n      };\n      const heightChange = (height: number, meta: TextareaHeightChangeMeta) => {\n        props.onHeightChange?.(height, meta);\n        const input = textarea.value;\n        if (!input || input.value === \"\" || !compactContext?.value) return;\n        const style = input.ownerDocument.defaultView!.getComputedStyle(input);\n        const number = (text: string) => parseFloat(text) || 0;\n        const contentHeight =\n          style.boxSizing === \"border-box\"\n            ? height -\n              number(style.paddingTop) -\n              number(style.paddingBottom) -\n              number(style.borderTopWidth) -\n              number(style.borderBottomWidth)\n            : height;\n        if (Math.round(contentHeight / meta.rowHeight) > 1)\n          compactContext.value.setMultiline(true);\n      };\n      useTextareaAutosize(\n        textarea,\n        value,\n        {\n          get minRows() {\n            return props.minRows;\n          },\n          get maxRows() {\n            return props.maxRows;\n          },\n          get cacheMeasurements() {\n            return props.cacheMeasurements;\n          },\n          onHeightChange: heightChange,\n        },\n        () => !props.render && !props.asChild,\n        () => [attrs.style, attrs.placeholder],\n      );\n      const focus = () => {\n        const input = textarea.value;\n        if (!input || !(props.autoFocus ?? attrs.autofocus) || isDisabled.value)\n          return;\n        input.focus({ preventScroll: true });\n        input.setSelectionRange(input.value.length, input.value.length);\n      };\n      const focusOnRunStart = () => {\n        const input = textarea.value;\n        if (!input) return;\n        const doc = input.ownerDocument;\n        const active = doc.activeElement;\n        if (active === input) return;\n        const root = threadRootRef?.value;\n        const composer = input.closest(\"[data-aui-composer-type]\");\n        if (\n          active &&\n          active !== doc.body &&\n          !composer?.contains(active) &&\n          (!root?.contains(active) ||\n            active.closest(\"[data-aui-thread-root]\") !== root)\n        )\n          return;\n        focus();\n      };\n      useIsomorphicLayoutEffect(focus);\n      useOnScrollToBottom(() => {\n        if (\n          aui.composer.getState().type === \"thread\" &&\n          props.unstable_focusOnScrollToBottom !== false\n        )\n          focus();\n      });\n      useIsomorphicLayoutEffect(() => {\n        if (\n          aui.composer.getState().type !== \"thread\" ||\n          props.unstable_focusOnRunStart === false\n        )\n          return undefined;\n        return aui.on(\"thread.runStart\", focusOnRunStart);\n      });\n      useIsomorphicLayoutEffect(() => {\n        if (\n          aui.composer.getState().type !== \"thread\" ||\n          props.unstable_focusOnThreadSwitched === false ||\n          !aui.optional.threads\n        )\n          return undefined;\n        return aui.on(\"threads.selectionChanged\", focus);\n      });\n      useIsomorphicLayoutEffect(() => {\n        if (value.value === \"\") compactContext?.value?.setMultiline(false);\n      });\n      const aria = useTriggerPopoverAriaProps();\n      const input = (event: Event) => {\n        if (event.defaultPrevented || !aui.composer.getState().isEditing)\n          return;\n        const target = event.target as HTMLTextAreaElement;\n        const nativeComposing = (event as InputEvent).isComposing === true;\n        if (composing && !nativeComposing) composing = false;\n        flushTapSync(() =>\n          aui.composer.setText(target.value, { origin: \"user\" }),\n        );\n        if (!nativeComposing && !composing) updateCursor(target);\n      };\n      const compositionEnd = (event: CompositionEvent) => {\n        if (event.defaultPrevented) return;\n        composing = false;\n        if (!aui.composer.getState().isEditing) return;\n        const target = event.target as HTMLTextAreaElement;\n        flushTapSync(() =>\n          aui.composer.setText(target.value, { origin: \"user\" }),\n        );\n        updateCursor(target);\n      };\n      return () => {\n        const inputProps = mergeProps(\n          { name: \"input\", value: value.value },\n          attrs,\n          aria.value,\n          {\n            ...(props.render || props.asChild\n              ? {\n                  minRows: props.minRows,\n                  maxRows: props.maxRows,\n                  cacheMeasurements: props.cacheMeasurements,\n                  onHeightChange: heightChange,\n                }\n              : {}),\n            ref: forwardRef,\n            disabled: isDisabled.value,\n            onInput: input,\n            onKeydown: keydown,\n            onPaste: paste,\n            onCompositionstart: (event: CompositionEvent) => {\n              if (!event.defaultPrevented) composing = true;\n            },\n            onCompositionend: compositionEnd,\n            onSelect: (event: Event) => {\n              if (!event.defaultPrevented && !composing)\n                updateCursor(event.target as HTMLTextAreaElement);\n            },\n          },\n        );\n        const children = slots.default?.() ?? props.children;\n        if (props.render) return renderSlot(props.render, children, inputProps);\n        return props.asChild\n          ? h(Slot, inputProps, { default: () => children })\n          : h(\"textarea\", inputProps);\n      };\n    },\n    {\n      name: \"ComposerPrimitive.Input\",\n      inheritAttrs: false,\n      props: [\n        \"render\",\n        \"asChild\",\n        \"children\",\n        \"autoFocus\",\n        \"disabled\",\n        \"onKeyDown\",\n        \"submitMode\",\n        \"submitOnEnter\",\n        \"cancelOnEscape\",\n        \"unstable_focusOnRunStart\",\n        \"unstable_focusOnScrollToBottom\",\n        \"unstable_focusOnThreadSwitched\",\n        \"unstable_insertNewlineOnTouchEnter\",\n        \"addAttachmentOnPaste\",\n        \"minRows\",\n        \"maxRows\",\n        \"cacheMeasurements\",\n        \"onHeightChange\",\n      ],\n    },\n  );\n"],"mappings":"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"}

package/dist/primitives/composer/ComposerInputPluginContext.d.ts

@@ -0,0 +1,40 @@
+import { type VNodeChild } from "vue";
+/**
+ * A plugin that intercepts keyboard events and cursor changes in the composer
+ * input. Used by trigger popover declarations to handle popover navigation
+ * without ComposerInput knowing about specific triggers.
+ */
+export type ComposerInputPlugin = {
+    /** Handle a key event. Return true if consumed (stops propagation to other plugins and default behavior). */
+    handleKeyDown(e: {
+        readonly key: string;
+        readonly shiftKey: boolean;
+        readonly ctrlKey?: boolean;
+        readonly metaKey?: boolean;
+        readonly nativeEvent?: {
+            isComposing?: boolean;
+        };
+        preventDefault(): void;
+    }): boolean;
+    /** Called on every cursor position change (selection change / text change). */
+    setCursorPosition(pos: number): void;
+};
+/** Options for registering a plugin. */
+export type ComposerInputPluginRegisterOptions = {
+    /**
+     * Relative priority. Plugins with higher priority receive events first.
+     * @default 0
+     */
+    priority?: number;
+};
+export type ComposerInputPluginRegistry = {
+    register(plugin: ComposerInputPlugin, opts?: ComposerInputPluginRegisterOptions): () => void;
+    getPlugins(): readonly ComposerInputPlugin[];
+};
+export declare const useComposerInputPluginRegistryOptional: () => ComposerInputPluginRegistry | null;
+export declare const ComposerInputPluginProvider: import("vue").DefineSetupFnComponent<{
+    children?: VNodeChild;
+}, {}, {}, {
+    children?: VNodeChild;
+} & {}, import("vue").PublicProps>;
+//# sourceMappingURL=ComposerInputPluginContext.d.ts.map

package/dist/primitives/composer/ComposerInputPluginContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerInputPluginContext.d.ts","mappings":"AAEA,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,KAAK;AAEZ;;;;;AAKA,MAAM,MAAM,mBAAmB,GAAG;IAChC;IACA,aAAa,CAAC,CAAC,EAAE;QACf,QAAQ,CAAC,GAAG,EAAE,MAAM;QACpB,QAAQ,CAAC,QAAQ,EAAE,OAAO;QAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO;QAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO;QAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE;YAAE,WAAW,CAAC,EAAE,OAAO;SAAE;QAChD,cAAc,IAAI,IAAI;KACvB,GAAG,OAAO;IAEX;IACA,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;CACrC;AAED;AACA,MAAM,MAAM,kCAAkC,GAAG;IAC/C;;;;IAIA,QAAQ,CAAC,EAAE,MAAM;CAClB;AAGD,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,CACN,MAAM,EAAE,mBAAmB,EAC3B,IAAI,CAAC,EAAE,kCAAkC,GACxC,MAAM,IAAI;IACb,UAAU,IAAI,SAAS,mBAAmB,EAAE;CAC7C;AAID,eAAO,MAAM,sCAAsC,0CACD;AAElD,eAAO,MAAM,2BAA2B;eAC3B,UAAU;;eAAV,UAAU;kCAyBtB","names":[],"ignoreList":[],"sources":["../../../src/primitives/composer/ComposerInputPluginContext.tsx"],"sourcesContent":[null]}

package/dist/primitives/composer/ComposerInputPluginContext.js

@@ -0,0 +1,30 @@
+"use client";
+import { defineComponent, inject, provide } from "vue";
+// src/primitives/composer/ComposerInputPluginContext.tsx
+const ComposerInputPluginRegistryContext = Symbol("ComposerInputPluginRegistry");
+const useComposerInputPluginRegistryOptional = () => inject(ComposerInputPluginRegistryContext, null);
+const ComposerInputPluginProvider = defineComponent((props, { slots }) => {
+	const plugins = /* @__PURE__ */ new Map();
+	let snapshot = [];
+	const refresh = () => {
+		snapshot = [...plugins].sort((a, b) => b[1] - a[1]).map(([plugin]) => plugin);
+	};
+	provide(ComposerInputPluginRegistryContext, {
+		register(plugin, opts) {
+			plugins.set(plugin, opts?.priority ?? 0);
+			refresh();
+			return () => {
+				plugins.delete(plugin);
+				refresh();
+			};
+		},
+		getPlugins: () => snapshot
+	});
+	return () => slots.default?.() ?? props.children;
+}, {
+	name: "ComposerInputPluginProvider",
+	props: ["children"]
+});
+export { ComposerInputPluginProvider, useComposerInputPluginRegistryOptional };
+
+//# sourceMappingURL=ComposerInputPluginContext.js.map

package/dist/primitives/composer/ComposerInputPluginContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerInputPluginContext.js","names":["defineComponent","inject","provide","InjectionKey","VNodeChild","ComposerInputPlugin","handleKeyDown","e","key","shiftKey","ctrlKey","metaKey","nativeEvent","isComposing","preventDefault","setCursorPosition","pos","ComposerInputPluginRegisterOptions","priority","ComposerInputPluginRegistry","register","plugin","opts","getPlugins","ComposerInputPluginRegistryContext","Symbol","useComposerInputPluginRegistryOptional","ComposerInputPluginProvider","children","props","slots","plugins","Map","snapshot","refresh","sort","a","b","map","registry","set","delete","default","name"],"sources":["../../../src/primitives/composer/ComposerInputPluginContext.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  defineComponent,\n  inject,\n  provide,\n  type InjectionKey,\n  type VNodeChild,\n} from \"vue\";\n\n/**\n * A plugin that intercepts keyboard events and cursor changes in the composer\n * input. Used by trigger popover declarations to handle popover navigation\n * without ComposerInput knowing about specific triggers.\n */\nexport type ComposerInputPlugin = {\n  /** Handle a key event. Return true if consumed (stops propagation to other plugins and default behavior). */\n  handleKeyDown(e: {\n    readonly key: string;\n    readonly shiftKey: boolean;\n    readonly ctrlKey?: boolean;\n    readonly metaKey?: boolean;\n    readonly nativeEvent?: { isComposing?: boolean };\n    preventDefault(): void;\n  }): boolean;\n\n  /** Called on every cursor position change (selection change / text change). */\n  setCursorPosition(pos: number): void;\n};\n\n/** Options for registering a plugin. */\nexport type ComposerInputPluginRegisterOptions = {\n  /**\n   * Relative priority. Plugins with higher priority receive events first.\n   * @default 0\n   */\n  priority?: number;\n};\n\n// Ref-based registry: plugins are read imperatively at event time, so register/unregister does not trigger re-renders.\nexport type ComposerInputPluginRegistry = {\n  register(\n    plugin: ComposerInputPlugin,\n    opts?: ComposerInputPluginRegisterOptions,\n  ): () => void;\n  getPlugins(): readonly ComposerInputPlugin[];\n};\n\nconst ComposerInputPluginRegistryContext: InjectionKey<ComposerInputPluginRegistry> =\n  Symbol(\"ComposerInputPluginRegistry\");\nexport const useComposerInputPluginRegistryOptional = () =>\n  inject(ComposerInputPluginRegistryContext, null);\n\nexport const ComposerInputPluginProvider = defineComponent<{\n  children?: VNodeChild;\n}>(\n  (props, { slots }) => {\n    const plugins = new Map<ComposerInputPlugin, number>();\n    let snapshot: readonly ComposerInputPlugin[] = [];\n    const refresh = () => {\n      snapshot = [...plugins]\n        .sort((a, b) => b[1] - a[1])\n        .map(([plugin]) => plugin);\n    };\n    const registry: ComposerInputPluginRegistry = {\n      register(plugin, opts) {\n        plugins.set(plugin, opts?.priority ?? 0);\n        refresh();\n        return () => {\n          plugins.delete(plugin);\n          refresh();\n        };\n      },\n      getPlugins: () => snapshot,\n    };\n    provide(ComposerInputPluginRegistryContext, registry);\n    return () => slots.default?.() ?? props.children;\n  },\n  { name: \"ComposerInputPluginProvider\", props: [\"children\"] },\n);\n"],"mappings":";;;AAgDA,MAAMwB,qCACJC,OAAO,6BAA6B;AACtC,MAAaC,+CACXzB,OAAOuB,oCAAoC,IAAI;AAEjD,MAAaG,8BAA8B3B,iBAGxC6B,OAAO,EAAEC,YAAY;CACpB,MAAMC,0BAAU,IAAIC,IAAiC;CACrD,IAAIC,WAA2C,CAAA;CAC/C,MAAMC,gBAAgB;EACpBD,WAAW,CAAC,GAAGF,OAAO,CAAC,CACpBI,MAAMC,GAAGC,MAAMA,EAAE,KAAKD,EAAE,EAAE,CAAC,CAC3BE,KAAK,CAACjB,YAAYA,MAAM;CAC7B;CAYAnB,QAAQsB,oCAAoCe;EAV1CnB,SAASC,QAAQC,MAAM;GACrBS,QAAQS,IAAInB,QAAQC,MAAMJ,YAAY,CAAC;GACvCgB,QAAQ;GACR,aAAa;IACXH,QAAQU,OAAOpB,MAAM;IACrBa,QAAQ;GACV;EACF;EACAX,kBAAkBU;CAEwBM,CAAQ;CACpD,aAAaT,MAAMY,UAAU,KAAKb,MAAMD;AAC1C,GACA;CAAEe,MAAM;CAA+Bd,OAAO,CAAC,UAAU;AAAE,CAC7D"}

package/dist/primitives/composer/ComposerQueue.d.ts

@@ -0,0 +1,2 @@
+export { ComposerPrimitiveQueue } from "@ulearning/ai-core/vue";
+//# sourceMappingURL=ComposerQueue.d.ts.map

package/dist/primitives/composer/ComposerQueue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComposerQueue.d.ts","mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB","names":[],"ignoreList":[],"sources":["../../../src/primitives/composer/ComposerQueue.tsx"],"sourcesContent":[null]}

package/dist/primitives/composer/ComposerQueue.js

@@ -0,0 +1,2 @@
+"use client";
+export { ComposerPrimitiveQueue } from "@ulearning/ai-core/vue";