@assistant-ui/react 0.14.7 → 0.14.9

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

@@ -1,68 +1,78 @@
-import { type ReactElement } from "react";
-import { type TextareaAutosizeProps } from "react-textarea-autosize";
-export declare namespace ComposerPrimitiveInput {
-    export type Element = HTMLTextAreaElement;
-    type BaseProps = {
-        /**
-         * Whether to render as a child component using Slot.
-         * When true, the component will merge its props with its child.
-         */
-        asChild?: boolean | undefined;
-        /**
-         * A React element to use as the input container, with props merged in.
-         */
-        render?: ReactElement | undefined;
-        /**
-         * Whether to cancel message composition when Escape is pressed.
-         * @default true
-         */
-        cancelOnEscape?: boolean | undefined;
-        /**
-         * Whether to automatically focus the input when a new run starts.
-         * @default true
-         */
-        unstable_focusOnRunStart?: boolean | undefined;
-        /**
-         * Whether to automatically focus the input when scrolling to bottom.
-         * @default true
-         */
-        unstable_focusOnScrollToBottom?: boolean | undefined;
-        /**
-         * Whether to automatically focus the input when switching threads.
-         * @default true
-         */
-        unstable_focusOnThreadSwitched?: 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 = TextareaAutosizeProps & BaseProps & SubmitModeProps;
-    export {};
+import { ReactElement } from "react";
+import { TextareaAutosizeProps } from "react-textarea-autosize";
+
+//#region src/primitives/composer/ComposerInput.d.ts
+declare namespace ComposerPrimitiveInput {
+  export type Element = HTMLTextAreaElement;
+  type BaseProps = {
+    /**
+     * Whether to render as a child component using Slot.
+     * When true, the component will merge its props with its child.
+     */
+    asChild?: boolean | undefined;
+    /**
+     * A React element to use as the input container, with props merged in.
+     */
+    render?: ReactElement | undefined;
+    /**
+     * Whether to cancel message composition when Escape is pressed.
+     * @default true
+     */
+    cancelOnEscape?: boolean | undefined;
+    /**
+     * Whether to automatically focus the input when a new run starts.
+     * @default true
+     */
+    unstable_focusOnRunStart?: boolean | undefined;
+    /**
+     * Whether to automatically focus the input when scrolling to bottom.
+     * @default true
+     */
+    unstable_focusOnScrollToBottom?: boolean | undefined;
+    /**
+     * Whether to automatically focus the input when switching threads.
+     * @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"`.
+     * @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 = TextareaAutosizeProps & BaseProps & SubmitModeProps;
+  export {};
 }
 /**
  * A text input component for composing messages.
@@ -85,6 +95,12 @@ export declare namespace ComposerPrimitiveInput {
  *   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..."
@@ -92,5 +108,7 @@ export declare namespace ComposerPrimitiveInput {
  * />
  * ```
  */
-export declare const ComposerPrimitiveInput: import("react").ForwardRefExoticComponent<ComposerPrimitiveInput.Props & import("react").RefAttributes<HTMLTextAreaElement>>;
+declare const ComposerPrimitiveInput: import("react").ForwardRefExoticComponent<ComposerPrimitiveInput.Props & import("react").RefAttributes<HTMLTextAreaElement>>;
+//#endregion
+export { ComposerPrimitiveInput };
 //# sourceMappingURL=ComposerInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComposerInput.d.ts","sourceRoot":"","sources":["../../../src/primitives/composer/ComposerInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,YAAY,EAQlB,MAAM,OAAO,CAAC;AACf,OAAyB,EACvB,KAAK,qBAAqB,EAC3B,MAAM,yBAAyB,CAAC;AAQjC,yBAAiB,sBAAsB,CAAC;IACtC,MAAM,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAE1C,KAAK,SAAS,GAAG;QACf;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC9B;;WAEG;QACH,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;QAClC;;;WAGG;QACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrC;;;WAGG;QACH,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC/C;;;WAGG;QACH,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrD;;;WAGG;QACH,8BAA8B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QACrD;;;WAGG;QACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAC5C,CAAC;IAEF,KAAK,eAAe,GAChB;QACE;;;;;;WAMG;QACH,UAAU,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;QACxD;;;WAGG;QACH,aAAa,CAAC,EAAE,KAAK,CAAC;KACvB,GACD;QACE,UAAU,CAAC,EAAE,KAAK,CAAC;QACnB;;;;WAIG;QACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KACrC,CAAC;IAEN,MAAM,MAAM,KAAK,GAAG,qBAAqB,GAAG,SAAS,GAAG,eAAe,CAAC;;CACzE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,sBAAsB,8HA8QlC,CAAC"}
+{"version":3,"file":"ComposerInput.d.ts","names":[],"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"mappings":";;;;kBA8BiB,sBAAA;EAAA,YACH,OAAA,GAAU,mBAAA;EAAA,KAEjB,SAAA;IAHgC;;;;IAQnC,OAAA;IAkE0C;;;IA9D1C,MAAA,GAAS,YAAA;IAXC;;;;IAgBV,cAAA;IALS;;;;IAUT,wBAAA;IAkBA;;;;IAbA,8BAAA;IAsCI;;;;IAjCJ,8BAAA;IA0CsD;;AAAe;AAqCzE;;;;IAvEI,kCAAA;IAuE+B;;;;IAlE/B,oBAAA;EAAA;EAAA,KAGG,eAAA;;;;;;;;IASC,UAAA;;;;;IAKA,aAAA;EAAA;IAGA,UAAA;;;;;;IAMA,aAAA;EAAA;EAAA,YAGM,KAAA,GAAQ,qBAAA,GAAwB,SAAA,GAAY,eAAA;EAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAqC7C,sBAAA,kBAAsB,yBAAA,CAAA,sBAAA,CAAA,KAAA,mBAAA,aAAA,CAAA,mBAAA"}

package/dist/primitives/composer/ComposerInput.js

@@ -1,244 +1,201 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { composeEventHandlers } from "@radix-ui/primitive";
+import { useOnScrollToBottom } from "../../utils/hooks/useOnScrollToBottom.js";
+import { useMediaQuery } from "../../utils/hooks/useMediaQuery.js";
+import { useComposerInputPluginRegistryOptional } from "./ComposerInputPluginContext.js";
+import { useTriggerPopoverActiveAriaOptional } from "./trigger/TriggerPopoverRootContext.js";
+import { useAui, useAuiState } from "@assistant-ui/store";
+import { cloneElement, forwardRef, isValidElement, useCallback, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { useEscapeKeydown } from "@radix-ui/react-use-escape-keydown";
 import { Slot } from "radix-ui";
-import { forwardRef, useCallback, useEffect, useRef, cloneElement, isValidElement, } from "react";
 import TextareaAutosize from "react-textarea-autosize";
-import { useEscapeKeydown } from "@radix-ui/react-use-escape-keydown";
-import { useOnScrollToBottom } from "../../utils/hooks/useOnScrollToBottom.js";
-import { useAuiState, useAui } from "@assistant-ui/store";
 import { flushResourcesSync } from "@assistant-ui/tap";
-import { useComposerInputPluginRegistryOptional } from "./ComposerInputPluginContext.js";
-import { useTriggerPopoverActiveAriaOptional } from "./trigger/TriggerPopoverRootContext.js";
+//#region 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 `Unstable_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"
- * />
- *
- * // Old API (deprecated, still supported)
- * <ComposerPrimitive.Input
- *   placeholder="Type your message..."
- *   submitOnEnter={true}
- * />
- * ```
- */
-export const ComposerPrimitiveInput = forwardRef(({ autoFocus = false, asChild, render, disabled: disabledProp, onChange, onKeyDown, onPaste, onSelect, submitOnEnter, submitMode, cancelOnEscape = true, unstable_focusOnRunStart = true, unstable_focusOnScrollToBottom = true, unstable_focusOnThreadSwitched = true, addAttachmentOnPaste = true, ...rest }, forwardedRef) => {
-    const aui = useAui();
-    const pluginRegistry = useComposerInputPluginRegistryOptional();
-    const activeAria = useTriggerPopoverActiveAriaOptional();
-    const effectiveSubmitMode = submitMode ?? (submitOnEnter === false ? "none" : "enter");
-    const value = useAuiState((s) => {
-        if (!s.composer.isEditing)
-            return "";
-        return s.composer.text;
-    });
-    const isDisabled = useAuiState((s) => s.thread.isDisabled || s.composer.dictation?.inputDisabled) || disabledProp;
-    const textareaRef = useRef(null);
-    const ref = useComposedRefs(forwardedRef, textareaRef);
-    // suppress text/cursor broadcasts during IME composition
-    const compositionRef = useRef(false);
-    useEscapeKeydown((e) => {
-        // Only handle ESC if it originated from within this input
-        if (!textareaRef.current?.contains(e.target))
-            return;
-        // Let registered plugins (mention, slash command, etc.) handle Escape first
-        if (pluginRegistry) {
-            for (const plugin of pluginRegistry.getPlugins()) {
-                if (plugin.handleKeyDown(e))
-                    return;
-            }
-        }
-        if (!cancelOnEscape)
-            return;
-        const composer = aui.composer();
-        if (composer.getState().canCancel) {
-            composer.cancel();
-            e.preventDefault();
-        }
-    });
-    const handleKeyPress = (e) => {
-        if (isDisabled)
-            return;
-        // ignore IME composition events
-        if (e.nativeEvent.isComposing)
-            return;
-        // Let registered plugins (mention, slash command, etc.) handle keyboard events first
-        if (pluginRegistry) {
-            for (const plugin of pluginRegistry.getPlugins()) {
-                if (plugin.handleKeyDown(e))
-                    return;
-            }
-        }
-        if (e.key === "Enter") {
-            const threadState = aui.thread().getState();
-            const hasQueue = threadState.capabilities.queue;
-            // Steer hotkey: Cmd/Ctrl+Shift+Enter (respects submitMode="none" and canSend)
-            if (e.shiftKey &&
-                (e.ctrlKey || e.metaKey) &&
-                hasQueue &&
-                effectiveSubmitMode !== "none" &&
-                aui.composer().getState().canSend) {
-                e.preventDefault();
-                aui.composer().send({ steer: true });
-                return;
-            }
-            // Regular newline: Shift+Enter
-            if (e.shiftKey)
-                return;
-            // Block submission when running unless queue is supported
-            if (threadState.isRunning && !hasQueue)
-                return;
-            let shouldSubmit = false;
-            if (effectiveSubmitMode === "ctrlEnter") {
-                shouldSubmit = e.ctrlKey || e.metaKey;
-            }
-            else if (effectiveSubmitMode === "enter") {
-                shouldSubmit = true;
-            }
-            if (shouldSubmit) {
-                e.preventDefault();
-                textareaRef.current?.closest("form")?.requestSubmit();
-            }
-        }
-    };
-    const handlePaste = async (e) => {
-        if (!addAttachmentOnPaste)
-            return;
-        const threadCapabilities = aui.thread().getState().capabilities;
-        const files = Array.from(e.clipboardData?.files || []);
-        if (threadCapabilities.attachments && files.length > 0) {
-            try {
-                e.preventDefault();
-                await Promise.all(files.map((file) => aui.composer().addAttachment(file)));
-            }
-            catch (error) {
-                console.error("Error adding attachment:", error);
-            }
-        }
-    };
-    const autoFocusEnabled = autoFocus && !isDisabled;
-    const focus = useCallback(() => {
-        const textarea = textareaRef.current;
-        if (!textarea || !autoFocusEnabled)
-            return;
-        textarea.focus({ preventScroll: true });
-        textarea.setSelectionRange(textarea.value.length, textarea.value.length);
-    }, [autoFocusEnabled]);
-    useEffect(() => focus(), [focus]);
-    useOnScrollToBottom(() => {
-        if (aui.composer().getState().type === "thread" &&
-            unstable_focusOnScrollToBottom) {
-            focus();
-        }
-    });
-    useEffect(() => {
-        if (aui.composer().getState().type !== "thread" ||
-            !unstable_focusOnRunStart)
-            return undefined;
-        return aui.on("thread.runStart", focus);
-    }, [unstable_focusOnRunStart, focus, aui]);
-    useEffect(() => {
-        if (aui.composer().getState().type !== "thread" ||
-            !unstable_focusOnThreadSwitched)
-            return undefined;
-        return aui.on("threadListItem.switchedTo", focus);
-    }, [unstable_focusOnThreadSwitched, focus, aui]);
-    const ariaComboboxProps = activeAria
-        ? {
-            "aria-controls": activeAria.popoverId,
-            "aria-expanded": true,
-            "aria-haspopup": "listbox",
-            "aria-activedescendant": activeAria.highlightedItemId,
-        }
-        : {};
-    const inputProps = {
-        name: "input",
-        value,
-        ...rest,
-        ...ariaComboboxProps,
-        ref: ref,
-        disabled: isDisabled,
-        onChange: composeEventHandlers(onChange, (e) => {
-            if (!aui.composer().getState().isEditing)
-                return;
-            const nativeIsComposing = e.nativeEvent.isComposing === true;
-            // recover stuck compositionRef when the browser drops compositionend
-            if (compositionRef.current && !nativeIsComposing) {
-                compositionRef.current = false;
-            }
-            const isComposing = nativeIsComposing || compositionRef.current;
-            // keep controlled value in sync mid-IME so react does not reset the textarea to a stale value
-            flushResourcesSync(() => {
-                aui.composer().setText(e.target.value);
-            });
-            if (isComposing)
-                return;
-            const pos = e.target.selectionStart ?? e.target.value.length;
-            if (pluginRegistry) {
-                for (const plugin of pluginRegistry.getPlugins()) {
-                    plugin.setCursorPosition(pos);
-                }
-            }
-        }),
-        onKeyDown: composeEventHandlers(onKeyDown, handleKeyPress),
-        onCompositionStart: composeEventHandlers(rest
-            .onCompositionStart, () => {
-            compositionRef.current = true;
-        }),
-        onCompositionEnd: composeEventHandlers(rest
-            .onCompositionEnd, (e) => {
-            compositionRef.current = false;
-            if (!aui.composer().getState().isEditing)
-                return;
-            const target = e.target;
-            flushResourcesSync(() => {
-                aui.composer().setText(target.value);
-            });
-            const pos = target.selectionStart ?? target.value.length;
-            if (pluginRegistry) {
-                for (const plugin of pluginRegistry.getPlugins()) {
-                    plugin.setCursorPosition(pos);
-                }
-            }
-        }),
-        onSelect: composeEventHandlers(onSelect, (e) => {
-            if (compositionRef.current)
-                return;
-            const target = e.target;
-            const pos = target.selectionStart ?? target.value.length;
-            if (pluginRegistry) {
-                for (const plugin of pluginRegistry.getPlugins()) {
-                    plugin.setCursorPosition(pos);
-                }
-            }
-        }),
-        onPaste: composeEventHandlers(onPaste, handlePaste),
-    };
-    if (render && isValidElement(render)) {
-        const renderChildren = rest.children !== undefined
-            ? rest.children
-            : render.props.children;
-        return (_jsx(Slot.Root, { ...inputProps, children: cloneElement(render, undefined, renderChildren) }));
-    }
-    const Component = asChild ? Slot.Root : TextareaAutosize;
-    return _jsx(Component, { ...inputProps });
+* 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 `Unstable_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 = forwardRef(({ autoFocus = false, asChild, render, disabled: disabledProp, onChange, onKeyDown, onPaste, onSelect, submitOnEnter, submitMode, cancelOnEscape = true, unstable_focusOnRunStart = true, unstable_focusOnScrollToBottom = true, unstable_focusOnThreadSwitched = true, unstable_insertNewlineOnTouchEnter = false, addAttachmentOnPaste = true, ...rest }, forwardedRef) => {
+	const aui = useAui();
+	const pluginRegistry = useComposerInputPluginRegistryOptional();
+	const activeAria = useTriggerPopoverActiveAriaOptional();
+	const declaredSubmitMode = submitMode ?? (submitOnEnter === false ? "none" : "enter");
+	const isTouchPrimary = useMediaQuery(unstable_insertNewlineOnTouchEnter ? TOUCH_PRIMARY_QUERY : null);
+	const effectiveSubmitMode = unstable_insertNewlineOnTouchEnter && isTouchPrimary && declaredSubmitMode === "enter" ? "none" : declaredSubmitMode;
+	const value = useAuiState((s) => {
+		if (!s.composer.isEditing) return "";
+		return s.composer.text;
+	});
+	const isDisabled = useAuiState((s) => s.thread.isDisabled || s.composer.dictation?.inputDisabled) || disabledProp;
+	const textareaRef = useRef(null);
+	const ref = useComposedRefs(forwardedRef, textareaRef);
+	const compositionRef = useRef(false);
+	useEscapeKeydown((e) => {
+		if (!textareaRef.current?.contains(e.target)) return;
+		if (pluginRegistry) {
+			for (const plugin of pluginRegistry.getPlugins()) if (plugin.handleKeyDown(e)) return;
+		}
+		if (!cancelOnEscape) return;
+		const composer = aui.composer();
+		if (composer.getState().canCancel) {
+			composer.cancel();
+			e.preventDefault();
+		}
+	});
+	const handleKeyPress = (e) => {
+		if (isDisabled) return;
+		if (e.nativeEvent.isComposing) return;
+		if (pluginRegistry) {
+			for (const plugin of pluginRegistry.getPlugins()) if (plugin.handleKeyDown(e)) return;
+		}
+		if (e.key === "Enter") {
+			const threadState = aui.thread().getState();
+			const hasQueue = threadState.capabilities.queue;
+			if (e.shiftKey && (e.ctrlKey || e.metaKey) && hasQueue && declaredSubmitMode !== "none" && aui.composer().getState().canSend) {
+				e.preventDefault();
+				aui.composer().send({ steer: true });
+				return;
+			}
+			if (e.shiftKey) return;
+			if (threadState.isRunning && !hasQueue) return;
+			let shouldSubmit = false;
+			if (effectiveSubmitMode === "ctrlEnter") shouldSubmit = e.ctrlKey || e.metaKey;
+			else if (effectiveSubmitMode === "enter") shouldSubmit = true;
+			if (shouldSubmit) {
+				e.preventDefault();
+				textareaRef.current?.closest("form")?.requestSubmit();
+			}
+		}
+	};
+	const handlePaste = async (e) => {
+		if (!addAttachmentOnPaste) return;
+		const threadCapabilities = aui.thread().getState().capabilities;
+		const files = Array.from(e.clipboardData?.files || []);
+		if (threadCapabilities.attachments && files.length > 0) try {
+			e.preventDefault();
+			await Promise.all(files.map((file) => aui.composer().addAttachment(file)));
+		} catch (error) {
+			console.error("Error adding attachment:", error);
+		}
+	};
+	const autoFocusEnabled = autoFocus && !isDisabled;
+	const focus = useCallback(() => {
+		const textarea = textareaRef.current;
+		if (!textarea || !autoFocusEnabled) return;
+		textarea.focus({ preventScroll: true });
+		textarea.setSelectionRange(textarea.value.length, textarea.value.length);
+	}, [autoFocusEnabled]);
+	useEffect(() => focus(), [focus]);
+	useOnScrollToBottom(() => {
+		if (aui.composer().getState().type === "thread" && unstable_focusOnScrollToBottom) focus();
+	});
+	useEffect(() => {
+		if (aui.composer().getState().type !== "thread" || !unstable_focusOnRunStart) return void 0;
+		return aui.on("thread.runStart", focus);
+	}, [
+		unstable_focusOnRunStart,
+		focus,
+		aui
+	]);
+	useEffect(() => {
+		if (aui.composer().getState().type !== "thread" || !unstable_focusOnThreadSwitched) return void 0;
+		return aui.on("threadListItem.switchedTo", focus);
+	}, [
+		unstable_focusOnThreadSwitched,
+		focus,
+		aui
+	]);
+	const ariaComboboxProps = activeAria ? {
+		"aria-controls": activeAria.popoverId,
+		"aria-expanded": true,
+		"aria-haspopup": "listbox",
+		"aria-activedescendant": activeAria.highlightedItemId
+	} : {};
+	const inputProps = {
+		name: "input",
+		value,
+		...rest,
+		...ariaComboboxProps,
+		ref,
+		disabled: isDisabled,
+		onChange: composeEventHandlers(onChange, (e) => {
+			if (!aui.composer().getState().isEditing) return;
+			const nativeIsComposing = e.nativeEvent.isComposing === true;
+			if (compositionRef.current && !nativeIsComposing) compositionRef.current = false;
+			const isComposing = nativeIsComposing || compositionRef.current;
+			flushResourcesSync(() => {
+				aui.composer().setText(e.target.value);
+			});
+			if (isComposing) return;
+			const pos = e.target.selectionStart ?? e.target.value.length;
+			if (pluginRegistry) for (const plugin of pluginRegistry.getPlugins()) plugin.setCursorPosition(pos);
+		}),
+		onKeyDown: composeEventHandlers(onKeyDown, handleKeyPress),
+		onCompositionStart: composeEventHandlers(rest.onCompositionStart, () => {
+			compositionRef.current = true;
+		}),
+		onCompositionEnd: composeEventHandlers(rest.onCompositionEnd, (e) => {
+			compositionRef.current = false;
+			if (!aui.composer().getState().isEditing) return;
+			const target = e.target;
+			flushResourcesSync(() => {
+				aui.composer().setText(target.value);
+			});
+			const pos = target.selectionStart ?? target.value.length;
+			if (pluginRegistry) for (const plugin of pluginRegistry.getPlugins()) plugin.setCursorPosition(pos);
+		}),
+		onSelect: composeEventHandlers(onSelect, (e) => {
+			if (compositionRef.current) return;
+			const target = e.target;
+			const pos = target.selectionStart ?? target.value.length;
+			if (pluginRegistry) for (const plugin of pluginRegistry.getPlugins()) plugin.setCursorPosition(pos);
+		}),
+		onPaste: composeEventHandlers(onPaste, handlePaste)
+	};
+	if (render && isValidElement(render)) {
+		const renderChildren = rest.children !== void 0 ? rest.children : render.props.children;
+		return /* @__PURE__ */ jsx(Slot.Root, {
+			...inputProps,
+			children: cloneElement(render, void 0, renderChildren)
+		});
+	}
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : TextareaAutosize, { ...inputProps });
 });
 ComposerPrimitiveInput.displayName = "ComposerPrimitive.Input";
+//#endregion
+export { ComposerPrimitiveInput };
+
 //# sourceMappingURL=ComposerInput.js.map