@assistant-ui/react 0.15.14 → 0.15.16

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

@@ -1 +1 @@
-{"version":3,"file":"ComposerInput.js","names":["composeEventHandlers","useComposedRefs","Slot","ClipboardEvent","KeyboardEvent","ReactElement","ReactNode","forwardRef","useCallback","useEffect","useRef","cloneElement","isValidElement","TextareaAutosize","TextareaAutosizeProps","TextareaHeightChangeMeta","useEscapeKeydown","useOnScrollToBottom","useMediaQuery","useAui","flushTapSync","useComposerInputPluginRegistryOptional","useComposerCompactContextOptional","useComposerInputDisabled","useComposerInputValue","useTriggerPopoverAriaProps","TOUCH_PRIMARY_QUERY","ComposerPrimitiveInput","Element","HTMLTextAreaElement","BaseProps","asChild","render","cancelOnEscape","unstable_focusOnRunStart","unstable_focusOnScrollToBottom","unstable_focusOnThreadSwitched","unstable_insertNewlineOnTouchEnter","addAttachmentOnPaste","SubmitModeProps","submitMode","submitOnEnter","Props","autoFocus","disabled","disabledProp","onChange","onKeyDown","onPaste","onSelect","onHeightChange","rest","forwardedRef","aui","pluginRegistry","compactContext","declaredSubmitMode","isTouchPrimary","effectiveSubmitMode","value","isDisabled","textareaRef","ref","compositionRef","e","current","contains","target","Node","isComposing","plugin","getPlugins","handleKeyDown","composer","getState","canCancel","cancel","preventDefault","handleKeyPress","nativeEvent","key","threadState","thread","hasQueue","capabilities","queue","shiftKey","ctrlKey","metaKey","canSend","send","steer","isRunning","shouldSubmit","closest","requestSubmit","handlePaste","threadCapabilities","files","Array","from","clipboardData","attachments","length","Promise","all","map","file","addAttachment","handleHeightChange","height","meta","el","cs","getComputedStyle","contentHeight","boxSizing","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","Math","round","rowHeight","setMultiline","autoFocusEnabled","focus","textarea","preventScroll","setSelectionRange","type","undefined","on","ariaComboboxProps","inputProps","name","const","React","ForwardedRef","ChangeEvent","isEditing","nativeIsComposing","setText","pos","selectionStart","setCursorPosition","onCompositionStart","CompositionEventHandler","onCompositionEnd","CompositionEvent","SyntheticEvent","renderChildren","children","props","Record","Component","Root","displayName"],"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Slot } from \"radix-ui\";\nimport {\n  type ClipboardEvent,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  cloneElement,\n  isValidElement,\n} from \"react\";\nimport TextareaAutosize, {\n  type TextareaAutosizeProps,\n  type TextareaHeightChangeMeta,\n} from \"react-textarea-autosize\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useMediaQuery } from \"../../utils/hooks/useMediaQuery\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { flushTapSync } from \"@assistant-ui/tap\";\nimport { useComposerInputPluginRegistryOptional } from \"./ComposerInputPluginContext\";\nimport { useComposerCompactContextOptional } from \"./ComposerCompactContext\";\nimport {\n  useComposerInputDisabled,\n  useComposerInputValue,\n  useTriggerPopoverAriaProps,\n} from \"./useComposerInputState\";\n\nconst TOUCH_PRIMARY_QUERY = \"(pointer: coarse) and (not (any-pointer: fine))\";\n\nexport namespace ComposerPrimitiveInput {\n  export type Element = HTMLTextAreaElement;\n\n  type BaseProps = {\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 React element to use as the input container, with props merged in.\n     */\n    render?: ReactElement | undefined;\n    /**\n     * Whether to cancel message composition when Escape is pressed.\n     * @default true\n     */\n    cancelOnEscape?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when a new run starts.\n     * @default true\n     */\n    unstable_focusOnRunStart?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when scrolling to bottom.\n     * @default true\n     */\n    unstable_focusOnScrollToBottom?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when switching threads.\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     * @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 = TextareaAutosizeProps & BaseProps & 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 `Unstable_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 = forwardRef<\n  ComposerPrimitiveInput.Element,\n  ComposerPrimitiveInput.Props\n>(\n  (\n    {\n      autoFocus = false,\n      asChild,\n      render,\n      disabled: disabledProp,\n      onChange,\n      onKeyDown,\n      onPaste,\n      onSelect,\n      submitOnEnter,\n      submitMode,\n      cancelOnEscape = true,\n      unstable_focusOnRunStart = true,\n      unstable_focusOnScrollToBottom = true,\n      unstable_focusOnThreadSwitched = true,\n      unstable_insertNewlineOnTouchEnter = false,\n      addAttachmentOnPaste = true,\n      onHeightChange,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const aui = useAui();\n    const pluginRegistry = useComposerInputPluginRegistryOptional();\n    const compactContext = useComposerCompactContextOptional();\n\n    const declaredSubmitMode =\n      submitMode ?? (submitOnEnter === false ? \"none\" : \"enter\");\n    const isTouchPrimary = useMediaQuery(\n      unstable_insertNewlineOnTouchEnter ? TOUCH_PRIMARY_QUERY : null,\n    );\n    const effectiveSubmitMode =\n      unstable_insertNewlineOnTouchEnter &&\n      isTouchPrimary &&\n      declaredSubmitMode === \"enter\"\n        ? \"none\"\n        : declaredSubmitMode;\n\n    const value = useComposerInputValue();\n    const isDisabled = useComposerInputDisabled(disabledProp);\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const ref = useComposedRefs(forwardedRef, textareaRef);\n    // suppress text/cursor broadcasts during IME composition\n    const compositionRef = useRef(false);\n\n    useEscapeKeydown((e) => {\n      // Only handle ESC if it originated from within this input\n      if (!textareaRef.current?.contains(e.target as Node)) return;\n\n      // ignore IME composition events\n      if (e.isComposing) return;\n\n      // Let registered plugins (mention, slash command, etc.) handle Escape first\n      if (pluginRegistry) {\n        for (const plugin of pluginRegistry.getPlugins()) {\n          if (plugin.handleKeyDown(e)) return;\n        }\n      }\n\n      if (!cancelOnEscape) return;\n\n      const composer = aui.composer;\n      if (composer.getState().canCancel) {\n        composer.cancel();\n        e.preventDefault();\n      }\n    });\n\n    const handleKeyPress = (e: KeyboardEvent) => {\n      if (isDisabled) return;\n\n      // ignore IME composition events\n      if (e.nativeEvent.isComposing) return;\n\n      // Let registered plugins (mention, slash command, etc.) handle keyboard events first\n      if (pluginRegistry) {\n        for (const plugin of pluginRegistry.getPlugins()) {\n          if (plugin.handleKeyDown(e)) return;\n        }\n      }\n\n      if (e.key === \"Enter\") {\n        const threadState = aui.thread.getState();\n        const hasQueue = threadState.capabilities.queue;\n\n        // Steer hotkey: Cmd/Ctrl+Shift+Enter (respects submitMode=\"none\" and canSend)\n        if (\n          e.shiftKey &&\n          (e.ctrlKey || e.metaKey) &&\n          hasQueue &&\n          declaredSubmitMode !== \"none\" &&\n          aui.composer.getState().canSend\n        ) {\n          e.preventDefault();\n          aui.composer.send({ steer: true });\n          return;\n        }\n\n        // Regular newline: Shift+Enter\n        if (e.shiftKey) return;\n\n        // Block submission when running unless queue is supported\n        if (threadState.isRunning && !hasQueue) return;\n\n        let shouldSubmit = false;\n        if (effectiveSubmitMode === \"ctrlEnter\") {\n          shouldSubmit = e.ctrlKey || e.metaKey;\n        } else if (effectiveSubmitMode === \"enter\") {\n          shouldSubmit = true;\n        }\n\n        if (shouldSubmit) {\n          e.preventDefault();\n          textareaRef.current?.closest(\"form\")?.requestSubmit();\n        }\n      }\n    };\n\n    const handlePaste = async (e: ClipboardEvent<HTMLTextAreaElement>) => {\n      if (!addAttachmentOnPaste) return;\n      const threadCapabilities = aui.thread.getState().capabilities;\n      const files = Array.from(e.clipboardData?.files || []);\n\n      if (threadCapabilities.attachments && files.length > 0) {\n        e.preventDefault();\n        await Promise.all(\n          files.map(async (file) => {\n            try {\n              await aui.composer.addAttachment(file);\n            } catch {\n              // The composer runtime emits composer.attachmentAddError before rejecting.\n            }\n          }),\n        );\n      }\n    };\n\n    const handleHeightChange = (\n      height: number,\n      meta: TextareaHeightChangeMeta,\n    ) => {\n      onHeightChange?.(height, meta);\n      if (!compactContext) return;\n      const el = textareaRef.current;\n      if (!el || el.value === \"\") return;\n      const cs = getComputedStyle(el);\n      const contentHeight =\n        cs.boxSizing === \"border-box\"\n          ? height -\n            parseFloat(cs.paddingTop) -\n            parseFloat(cs.paddingBottom) -\n            parseFloat(cs.borderTopWidth) -\n            parseFloat(cs.borderBottomWidth)\n          : height;\n      if (Math.round(contentHeight / meta.rowHeight) > 1) {\n        compactContext.setMultiline(true);\n      }\n    };\n\n    const autoFocusEnabled = autoFocus && !isDisabled;\n    const focus = useCallback(() => {\n      const textarea = textareaRef.current;\n      if (!textarea || !autoFocusEnabled) return;\n\n      textarea.focus({ preventScroll: true });\n      textarea.setSelectionRange(textarea.value.length, textarea.value.length);\n    }, [autoFocusEnabled]);\n\n    useEffect(() => focus(), [focus]);\n\n    useOnScrollToBottom(() => {\n      if (\n        aui.composer.getState().type === \"thread\" &&\n        unstable_focusOnScrollToBottom\n      ) {\n        focus();\n      }\n    });\n\n    useEffect(() => {\n      if (\n        aui.composer.getState().type !== \"thread\" ||\n        !unstable_focusOnRunStart\n      )\n        return undefined;\n\n      return aui.on(\"thread.runStart\", focus);\n    }, [unstable_focusOnRunStart, focus, aui]);\n\n    useEffect(() => {\n      if (\n        aui.composer.getState().type !== \"thread\" ||\n        !unstable_focusOnThreadSwitched\n      )\n        return undefined;\n\n      return aui.on(\"threadListItem.switchedTo\", focus);\n    }, [unstable_focusOnThreadSwitched, focus, aui]);\n\n    useEffect(() => {\n      if (value === \"\") compactContext?.setMultiline(false);\n    }, [value, compactContext]);\n\n    const ariaComboboxProps = useTriggerPopoverAriaProps();\n\n    const inputProps = {\n      name: \"input\" as const,\n      value,\n      ...rest,\n      ...ariaComboboxProps,\n      ref: ref as React.ForwardedRef<HTMLTextAreaElement>,\n      disabled: isDisabled,\n      onChange: composeEventHandlers(\n        onChange,\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n          if (!aui.composer.getState().isEditing) return;\n          const nativeIsComposing =\n            (e.nativeEvent as { isComposing?: boolean }).isComposing === true;\n          // recover stuck compositionRef when the browser drops compositionend\n          if (compositionRef.current && !nativeIsComposing) {\n            compositionRef.current = false;\n          }\n          const isComposing = nativeIsComposing || compositionRef.current;\n          // keep controlled value in sync mid-IME so react does not reset the textarea to a stale value\n          flushTapSync(() => {\n            aui.composer.setText(e.target.value);\n          });\n          if (isComposing) return;\n          const pos = e.target.selectionStart ?? e.target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onKeyDown: composeEventHandlers(onKeyDown, handleKeyPress),\n      onCompositionStart: composeEventHandlers(\n        (rest as { onCompositionStart?: React.CompositionEventHandler })\n          .onCompositionStart,\n        () => {\n          compositionRef.current = true;\n        },\n      ),\n      onCompositionEnd: composeEventHandlers(\n        (rest as { onCompositionEnd?: React.CompositionEventHandler })\n          .onCompositionEnd,\n        (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n          compositionRef.current = false;\n          if (!aui.composer.getState().isEditing) return;\n          const target = e.target as HTMLTextAreaElement;\n          flushTapSync(() => {\n            aui.composer.setText(target.value);\n          });\n          const pos = target.selectionStart ?? target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onSelect: composeEventHandlers(\n        onSelect,\n        (e: React.SyntheticEvent<HTMLTextAreaElement>) => {\n          if (compositionRef.current) return;\n          const target = e.target as HTMLTextAreaElement;\n          const pos = target.selectionStart ?? target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onPaste: composeEventHandlers(onPaste, handlePaste),\n      ...(compactContext\n        ? { onHeightChange: handleHeightChange }\n        : onHeightChange !== undefined\n          ? { onHeightChange }\n          : {}),\n    };\n\n    if (render && isValidElement(render)) {\n      const renderChildren =\n        (rest as any).children !== undefined\n          ? ((rest as any).children as ReactNode)\n          : ((render.props as Record<string, unknown>).children as ReactNode);\n      return (\n        <Slot.Root {...inputProps}>\n          {cloneElement(render, undefined, renderChildren)}\n        </Slot.Root>\n      );\n    }\n\n    const Component = asChild ? Slot.Root : TextareaAutosize;\n    return <Component {...inputProps} />;\n  },\n);\n\nComposerPrimitiveInput.displayName = \"ComposerPrimitive.Input\";\n"],"mappings":"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"}
+{"version":3,"file":"ComposerInput.js","names":["composeEventHandlers","useComposedRefs","Slot","ClipboardEvent","KeyboardEvent","ReactElement","ReactNode","forwardRef","useCallback","useEffect","useRef","cloneElement","isValidElement","TextareaAutosize","TextareaAutosizeProps","TextareaHeightChangeMeta","useEscapeKeydown","useOnScrollToBottom","useMediaQuery","useAui","flushTapSync","useComposerInputPluginRegistryOptional","useComposerCompactContextOptional","useComposerInputDisabled","useComposerInputValue","useTriggerPopoverAriaProps","TOUCH_PRIMARY_QUERY","ComposerPrimitiveInput","Element","HTMLTextAreaElement","BaseProps","asChild","render","cancelOnEscape","unstable_focusOnRunStart","unstable_focusOnScrollToBottom","unstable_focusOnThreadSwitched","unstable_insertNewlineOnTouchEnter","addAttachmentOnPaste","SubmitModeProps","submitMode","submitOnEnter","Props","autoFocus","disabled","disabledProp","onChange","onKeyDown","onPaste","onSelect","onHeightChange","rest","forwardedRef","aui","pluginRegistry","compactContext","declaredSubmitMode","isTouchPrimary","effectiveSubmitMode","value","isDisabled","textareaRef","ref","compositionRef","e","current","contains","target","Node","isComposing","plugin","getPlugins","handleKeyDown","composer","getState","canCancel","cancel","preventDefault","handleKeyPress","nativeEvent","key","threadState","thread","hasQueue","capabilities","queue","shiftKey","ctrlKey","metaKey","canSend","send","steer","isRunning","shouldSubmit","closest","requestSubmit","handlePaste","threadCapabilities","files","Array","from","clipboardData","attachments","length","Promise","all","map","file","addAttachment","handleHeightChange","height","meta","el","cs","getComputedStyle","contentHeight","boxSizing","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","Math","round","rowHeight","setMultiline","autoFocusEnabled","focus","textarea","preventScroll","setSelectionRange","type","undefined","on","ariaComboboxProps","inputProps","name","const","React","ForwardedRef","ChangeEvent","isEditing","nativeIsComposing","setText","pos","selectionStart","setCursorPosition","onCompositionStart","CompositionEventHandler","onCompositionEnd","CompositionEvent","SyntheticEvent","renderChildren","children","props","Record","Component","Root","displayName"],"sources":["../../../src/primitives/composer/ComposerInput.tsx"],"sourcesContent":["\"use client\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Slot } from \"radix-ui\";\nimport {\n  type ClipboardEvent,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  cloneElement,\n  isValidElement,\n} from \"react\";\nimport TextareaAutosize, {\n  type TextareaAutosizeProps,\n  type TextareaHeightChangeMeta,\n} from \"react-textarea-autosize\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useMediaQuery } from \"../../utils/hooks/useMediaQuery\";\nimport { useAui } from \"@assistant-ui/store\";\nimport { flushTapSync } from \"@assistant-ui/tap\";\nimport { useComposerInputPluginRegistryOptional } from \"./ComposerInputPluginContext\";\nimport { useComposerCompactContextOptional } from \"./ComposerCompactContext\";\nimport {\n  useComposerInputDisabled,\n  useComposerInputValue,\n  useTriggerPopoverAriaProps,\n} from \"./useComposerInputState\";\n\nconst TOUCH_PRIMARY_QUERY = \"(pointer: coarse) and (not (any-pointer: fine))\";\n\nexport namespace ComposerPrimitiveInput {\n  export type Element = HTMLTextAreaElement;\n\n  type BaseProps = {\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 React element to use as the input container, with props merged in.\n     */\n    render?: ReactElement | undefined;\n    /**\n     * Whether to cancel message composition when Escape is pressed.\n     * @default true\n     */\n    cancelOnEscape?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when a new run starts.\n     * @default true\n     */\n    unstable_focusOnRunStart?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when scrolling to bottom.\n     * @default true\n     */\n    unstable_focusOnScrollToBottom?: boolean | undefined;\n    /**\n     * Whether to automatically focus the input when switching threads.\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     * @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 = TextareaAutosizeProps & BaseProps & 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 `Unstable_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 = forwardRef<\n  ComposerPrimitiveInput.Element,\n  ComposerPrimitiveInput.Props\n>(\n  (\n    {\n      autoFocus = false,\n      asChild,\n      render,\n      disabled: disabledProp,\n      onChange,\n      onKeyDown,\n      onPaste,\n      onSelect,\n      submitOnEnter,\n      submitMode,\n      cancelOnEscape = true,\n      unstable_focusOnRunStart = true,\n      unstable_focusOnScrollToBottom = true,\n      unstable_focusOnThreadSwitched = true,\n      unstable_insertNewlineOnTouchEnter = false,\n      addAttachmentOnPaste = true,\n      onHeightChange,\n      ...rest\n    },\n    forwardedRef,\n  ) => {\n    const aui = useAui();\n    const pluginRegistry = useComposerInputPluginRegistryOptional();\n    const compactContext = useComposerCompactContextOptional();\n\n    const declaredSubmitMode =\n      submitMode ?? (submitOnEnter === false ? \"none\" : \"enter\");\n    const isTouchPrimary = useMediaQuery(\n      unstable_insertNewlineOnTouchEnter ? TOUCH_PRIMARY_QUERY : null,\n    );\n    const effectiveSubmitMode =\n      unstable_insertNewlineOnTouchEnter &&\n      isTouchPrimary &&\n      declaredSubmitMode === \"enter\"\n        ? \"none\"\n        : declaredSubmitMode;\n\n    const value = useComposerInputValue();\n    const isDisabled = useComposerInputDisabled(disabledProp);\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const ref = useComposedRefs(forwardedRef, textareaRef);\n    // suppress text/cursor broadcasts during IME composition\n    const compositionRef = useRef(false);\n\n    useEscapeKeydown((e) => {\n      // Only handle ESC if it originated from within this input\n      if (!textareaRef.current?.contains(e.target as Node)) return;\n\n      // ignore IME composition events\n      if (e.isComposing) return;\n\n      // Let registered plugins (mention, slash command, etc.) handle Escape first\n      if (pluginRegistry) {\n        for (const plugin of pluginRegistry.getPlugins()) {\n          if (plugin.handleKeyDown(e)) return;\n        }\n      }\n\n      if (!cancelOnEscape) return;\n\n      const composer = aui.composer;\n      if (composer.getState().canCancel) {\n        composer.cancel();\n        e.preventDefault();\n      }\n    });\n\n    const handleKeyPress = (e: KeyboardEvent) => {\n      if (isDisabled) return;\n\n      // ignore IME composition events\n      if (e.nativeEvent.isComposing) return;\n\n      // Let registered plugins (mention, slash command, etc.) handle keyboard events first\n      if (pluginRegistry) {\n        for (const plugin of pluginRegistry.getPlugins()) {\n          if (plugin.handleKeyDown(e)) return;\n        }\n      }\n\n      if (e.key === \"Enter\") {\n        const threadState = aui.thread.getState();\n        const hasQueue = threadState.capabilities.queue;\n\n        // Steer hotkey: Cmd/Ctrl+Shift+Enter (respects submitMode=\"none\" and canSend)\n        if (\n          e.shiftKey &&\n          (e.ctrlKey || e.metaKey) &&\n          hasQueue &&\n          declaredSubmitMode !== \"none\" &&\n          aui.composer.getState().canSend\n        ) {\n          e.preventDefault();\n          aui.composer.send({ steer: true });\n          return;\n        }\n\n        // Regular newline: Shift+Enter\n        if (e.shiftKey) return;\n\n        // Block submission when running unless queue is supported\n        if (threadState.isRunning && !hasQueue) return;\n\n        let shouldSubmit = false;\n        if (effectiveSubmitMode === \"ctrlEnter\") {\n          shouldSubmit = e.ctrlKey || e.metaKey;\n        } else if (effectiveSubmitMode === \"enter\") {\n          shouldSubmit = true;\n        }\n\n        if (shouldSubmit) {\n          e.preventDefault();\n          textareaRef.current?.closest(\"form\")?.requestSubmit();\n        }\n      }\n    };\n\n    const handlePaste = async (e: ClipboardEvent<HTMLTextAreaElement>) => {\n      if (!addAttachmentOnPaste) return;\n      const threadCapabilities = aui.thread.getState().capabilities;\n      const files = Array.from(e.clipboardData?.files || []);\n\n      if (threadCapabilities.attachments && files.length > 0) {\n        e.preventDefault();\n        await Promise.all(\n          files.map(async (file) => {\n            try {\n              await aui.composer.addAttachment(file);\n            } catch {\n              // The composer runtime emits composer.attachmentAddError before rejecting.\n            }\n          }),\n        );\n      }\n    };\n\n    const handleHeightChange = (\n      height: number,\n      meta: TextareaHeightChangeMeta,\n    ) => {\n      onHeightChange?.(height, meta);\n      if (!compactContext) return;\n      const el = textareaRef.current;\n      if (!el || el.value === \"\") return;\n      const cs = getComputedStyle(el);\n      const contentHeight =\n        cs.boxSizing === \"border-box\"\n          ? height -\n            parseFloat(cs.paddingTop) -\n            parseFloat(cs.paddingBottom) -\n            parseFloat(cs.borderTopWidth) -\n            parseFloat(cs.borderBottomWidth)\n          : height;\n      if (Math.round(contentHeight / meta.rowHeight) > 1) {\n        compactContext.setMultiline(true);\n      }\n    };\n\n    const autoFocusEnabled = autoFocus && !isDisabled;\n    const focus = useCallback(() => {\n      const textarea = textareaRef.current;\n      if (!textarea || !autoFocusEnabled) return;\n\n      textarea.focus({ preventScroll: true });\n      textarea.setSelectionRange(textarea.value.length, textarea.value.length);\n    }, [autoFocusEnabled]);\n\n    useEffect(() => focus(), [focus]);\n\n    useOnScrollToBottom(() => {\n      if (\n        aui.composer.getState().type === \"thread\" &&\n        unstable_focusOnScrollToBottom\n      ) {\n        focus();\n      }\n    });\n\n    useEffect(() => {\n      if (\n        aui.composer.getState().type !== \"thread\" ||\n        !unstable_focusOnRunStart\n      )\n        return undefined;\n\n      return aui.on(\"thread.runStart\", focus);\n    }, [unstable_focusOnRunStart, focus, aui]);\n\n    useEffect(() => {\n      if (\n        aui.composer.getState().type !== \"thread\" ||\n        !unstable_focusOnThreadSwitched\n      )\n        return undefined;\n\n      return aui.on(\"threads.selectionChanged\", focus);\n    }, [unstable_focusOnThreadSwitched, focus, aui]);\n\n    useEffect(() => {\n      if (value === \"\") compactContext?.setMultiline(false);\n    }, [value, compactContext]);\n\n    const ariaComboboxProps = useTriggerPopoverAriaProps();\n\n    const inputProps = {\n      name: \"input\" as const,\n      value,\n      ...rest,\n      ...ariaComboboxProps,\n      ref: ref as React.ForwardedRef<HTMLTextAreaElement>,\n      disabled: isDisabled,\n      onChange: composeEventHandlers(\n        onChange,\n        (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n          if (!aui.composer.getState().isEditing) return;\n          const nativeIsComposing =\n            (e.nativeEvent as { isComposing?: boolean }).isComposing === true;\n          // recover stuck compositionRef when the browser drops compositionend\n          if (compositionRef.current && !nativeIsComposing) {\n            compositionRef.current = false;\n          }\n          const isComposing = nativeIsComposing || compositionRef.current;\n          // keep controlled value in sync mid-IME so react does not reset the textarea to a stale value\n          flushTapSync(() => {\n            aui.composer.setText(e.target.value);\n          });\n          if (isComposing) return;\n          const pos = e.target.selectionStart ?? e.target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onKeyDown: composeEventHandlers(onKeyDown, handleKeyPress),\n      onCompositionStart: composeEventHandlers(\n        (rest as { onCompositionStart?: React.CompositionEventHandler })\n          .onCompositionStart,\n        () => {\n          compositionRef.current = true;\n        },\n      ),\n      onCompositionEnd: composeEventHandlers(\n        (rest as { onCompositionEnd?: React.CompositionEventHandler })\n          .onCompositionEnd,\n        (e: React.CompositionEvent<HTMLTextAreaElement>) => {\n          compositionRef.current = false;\n          if (!aui.composer.getState().isEditing) return;\n          const target = e.target as HTMLTextAreaElement;\n          flushTapSync(() => {\n            aui.composer.setText(target.value);\n          });\n          const pos = target.selectionStart ?? target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onSelect: composeEventHandlers(\n        onSelect,\n        (e: React.SyntheticEvent<HTMLTextAreaElement>) => {\n          if (compositionRef.current) return;\n          const target = e.target as HTMLTextAreaElement;\n          const pos = target.selectionStart ?? target.value.length;\n          if (pluginRegistry) {\n            for (const plugin of pluginRegistry.getPlugins()) {\n              plugin.setCursorPosition(pos);\n            }\n          }\n        },\n      ),\n      onPaste: composeEventHandlers(onPaste, handlePaste),\n      ...(compactContext\n        ? { onHeightChange: handleHeightChange }\n        : onHeightChange !== undefined\n          ? { onHeightChange }\n          : {}),\n    };\n\n    if (render && isValidElement(render)) {\n      const renderChildren =\n        (rest as any).children !== undefined\n          ? ((rest as any).children as ReactNode)\n          : ((render.props as Record<string, unknown>).children as ReactNode);\n      return (\n        <Slot.Root {...inputProps}>\n          {cloneElement(render, undefined, renderChildren)}\n        </Slot.Root>\n      );\n    }\n\n    const Component = asChild ? Slot.Root : TextareaAutosize;\n    return <Component {...inputProps} />;\n  },\n);\n\nComposerPrimitiveInput.displayName = \"ComposerPrimitive.Input\";\n"],"mappings":"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"}

package/dist/primitives/composer/ComposerQuote.js

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
-import { useAui, useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAui, useAuiState } from "@assistant-ui/store";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";

package/dist/primitives/composer/ComposerRoot.js

@@ -2,8 +2,8 @@
 import { Primitive } from "../../utils/Primitive.js";
 import { useComposerSend } from "./ComposerSend.js";
 import { ComposerCompactContext } from "./ComposerCompactContext.js";
-import { useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAuiState } from "@assistant-ui/store";
 import { forwardRef, useState } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";

package/dist/primitives/composer/ComposerStopDictation.js

@@ -1,7 +1,7 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
-import { useAui, useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAui, useAuiState } from "@assistant-ui/store";
 import "@assistant-ui/tap/react-shim";
 //#region src/primitives/composer/ComposerStopDictation.ts
 const useComposerStopDictation = () => {

package/dist/primitives/composer/trigger/TriggerPopover.js

@@ -3,8 +3,8 @@ import { Primitive } from "../../../utils/Primitive.js";
 import { useComposerInputPluginRegistryOptional } from "../ComposerInputPluginContext.js";
 import { useTriggerPopoverAriaPublish, useTriggerPopoverRootContext } from "./TriggerPopoverRootContext.js";
 import { TriggerPopoverResource } from "./TriggerPopoverResource.js";
-import { useAui, useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAui, useAuiState } from "@assistant-ui/store";
 import { createContext, forwardRef, useContext, useEffect, useEffectEvent, useId, useRef, useState } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { useResource } from "@assistant-ui/tap";

package/dist/primitives/composer/trigger/triggerSelectionResource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"triggerSelectionResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerSelectionResource.ts"],"mappings":";;;;;KAUY,sBAAsB,MAAM;KAE5B;WAEG;WACA,WAAW;WACX,cAAc,MAAM;;WAGpB;WACA,WAAW;WACX,YAAY,MAAM;WAClB;;KAGH;;EAEV,WAAW,MAAM;;EAEjB;;EAEA,2BAA2B,IAAI;;cAyFpB,sDAAwB,SAAA;EA7EzB,UAAA;EACD,SAAA;EACJ,KAAA;EACQ;EACM,oBAAC;;EAER"}
+{"version":3,"file":"triggerSelectionResource.d.ts","names":[],"sources":["../../../../src/primitives/composer/trigger/triggerSelectionResource.ts"],"mappings":";;;;;KAUY,sBAAsB,MAAM;KAE5B;WAEG;WACA,WAAW;WACX,cAAc,MAAM;;WAGpB;WACA,WAAW;WACX,YAAY,MAAM;WAClB;;KAGH;;EAEV,WAAW,MAAM;;EAEjB;;EAEA,2BAA2B,IAAI;;cA2FpB,sDAAwB,SAAA;EA/EzB,UAAA;EACD,SAAA;EACJ,KAAA;EACQ;EACM,oBAAC;;EAER"}

package/dist/primitives/composer/trigger/triggerSelectionResource.js

@@ -4,7 +4,7 @@ import { resource } from "@assistant-ui/tap";
 //#region src/primitives/composer/trigger/triggerSelectionResource.ts
 /** Owns composer text mutation + behavior dispatch on item selection. */
 const useTriggerSelectionResource = (t0) => {
-	const $ = c(15);
+	const $ = c(16);
 	const { behavior, trigger, aui, triggerChar, setCursorPosition, onSelected } = t0;
 	const selectItemOverrideRef = useRef(null);
 	let t1;
@@ -19,7 +19,7 @@ const useTriggerSelectionResource = (t0) => {
 	} else t1 = $[0];
 	const registerSelectItemOverride = useEffectEvent(t1);
 	let t2;
-	if ($[1] !== aui || $[2] !== behavior || $[3] !== onSelected || $[4] !== trigger || $[5] !== triggerChar) {
+	if ($[1] !== aui || $[2] !== behavior || $[3] !== onSelected || $[4] !== setCursorPosition || $[5] !== trigger || $[6] !== triggerChar) {
 		t2 = (item) => {
 			if (!trigger || !behavior) return;
 			if (selectItemOverrideRef.current?.(item)) {
@@ -32,13 +32,16 @@ const useTriggerSelectionResource = (t0) => {
 			const insertDirective = () => {
 				const directive = behavior.formatter.serialize(item);
 				aui.composer.setText(before + directive + (after.startsWith(" ") ? after : ` ${after}`));
+				setCursorPosition(before.length + directive.length + 1);
 			};
 			if (behavior.kind === "directive") {
 				insertDirective();
 				behavior.onInserted?.(item);
 			} else {
-				if (behavior.removeOnExecute) aui.composer.setText(before + (after.startsWith(" ") ? after.slice(1) : after));
-				else insertDirective();
+				if (behavior.removeOnExecute) {
+					aui.composer.setText(before + (after.startsWith(" ") ? after.slice(1) : after));
+					setCursorPosition(before.length);
+				} else insertDirective();
 				behavior.onExecute(item);
 			}
 			onSelected();
@@ -46,35 +49,36 @@ const useTriggerSelectionResource = (t0) => {
 		$[1] = aui;
 		$[2] = behavior;
 		$[3] = onSelected;
-		$[4] = trigger;
-		$[5] = triggerChar;
-		$[6] = t2;
-	} else t2 = $[6];
+		$[4] = setCursorPosition;
+		$[5] = trigger;
+		$[6] = triggerChar;
+		$[7] = t2;
+	} else t2 = $[7];
 	const selectItem = useEffectEvent(t2);
 	let t3;
-	if ($[7] !== onSelected || $[8] !== setCursorPosition || $[9] !== trigger) {
+	if ($[8] !== onSelected || $[9] !== setCursorPosition || $[10] !== trigger) {
 		t3 = () => {
 			onSelected();
 			if (trigger) setCursorPosition(trigger.offset);
 		};
-		$[7] = onSelected;
-		$[8] = setCursorPosition;
-		$[9] = trigger;
-		$[10] = t3;
-	} else t3 = $[10];
+		$[8] = onSelected;
+		$[9] = setCursorPosition;
+		$[10] = trigger;
+		$[11] = t3;
+	} else t3 = $[11];
 	const close = useEffectEvent(t3);
 	let t4;
-	if ($[11] !== close || $[12] !== registerSelectItemOverride || $[13] !== selectItem) {
+	if ($[12] !== close || $[13] !== registerSelectItemOverride || $[14] !== selectItem) {
 		t4 = {
 			selectItem,
 			close,
 			registerSelectItemOverride
 		};
-		$[11] = close;
-		$[12] = registerSelectItemOverride;
-		$[13] = selectItem;
-		$[14] = t4;
-	} else t4 = $[14];
+		$[12] = close;
+		$[13] = registerSelectItemOverride;
+		$[14] = selectItem;
+		$[15] = t4;
+	} else t4 = $[15];
 	return t4;
 };
 const TriggerSelectionResource = resource(useTriggerSelectionResource);

package/dist/primitives/composer/trigger/triggerSelectionResource.js.map

@@ -1 +1 @@
-{"version":3,"file":"triggerSelectionResource.js","names":["useEffectEvent","useRef","resource","Unstable_DirectiveFormatter","Unstable_TriggerItem","AssistantClient","DetectedTrigger","SelectItemOverride","item","TriggerBehavior","kind","formatter","onInserted","onExecute","removeOnExecute","TriggerSelectionResourceOutput","selectItem","close","registerSelectItemOverride","fn","useTriggerSelectionResource","t0","$","_c","behavior","trigger","aui","triggerChar","setCursorPosition","onSelected","selectItemOverrideRef","t1","Symbol","for","current","t2","currentText","composer","getState","text","before","slice","offset","after","length","query","insertDirective","directive","serialize","setText","startsWith","t3","t4","TriggerSelectionResource"],"sources":["../../../../src/primitives/composer/trigger/triggerSelectionResource.ts"],"sourcesContent":["import { useEffectEvent, useRef } from \"react\";\nimport { resource } from \"@assistant-ui/tap\";\nimport type {\n  Unstable_DirectiveFormatter,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\nimport type { AssistantClient } from \"@assistant-ui/store\";\nimport type { DetectedTrigger } from \"./triggerDetectionResource\";\n\n/** External override for selection (used by Lexical's DirectivePlugin). */\nexport type SelectItemOverride = (item: Unstable_TriggerItem) => boolean;\n\nexport type TriggerBehavior =\n  | {\n      readonly kind: \"directive\";\n      readonly formatter: Unstable_DirectiveFormatter;\n      readonly onInserted?: (item: Unstable_TriggerItem) => void;\n    }\n  | {\n      readonly kind: \"action\";\n      readonly formatter: Unstable_DirectiveFormatter;\n      readonly onExecute: (item: Unstable_TriggerItem) => void;\n      readonly removeOnExecute?: boolean;\n    };\n\nexport type TriggerSelectionResourceOutput = {\n  /** Select an item — runs override (if any) then applies behavior. */\n  selectItem(item: Unstable_TriggerItem): void;\n  /** Close the popover (moves cursor before trigger to deactivate detection). */\n  close(): void;\n  /** Register a Lexical-style selection override. Returns unregister fn. */\n  registerSelectItemOverride(fn: SelectItemOverride): () => void;\n};\n\n/** Owns composer text mutation + behavior dispatch on item selection. */\nconst useTriggerSelectionResource = ({\n  behavior,\n  trigger,\n  aui,\n  triggerChar,\n  setCursorPosition,\n  onSelected,\n}: {\n  behavior: TriggerBehavior | undefined;\n  trigger: DetectedTrigger | null;\n  aui: AssistantClient;\n  triggerChar: string;\n  setCursorPosition: (pos: number) => void;\n  /** Called after a successful selection so the parent can reset nav state. */\n  onSelected: () => void;\n}): TriggerSelectionResourceOutput => {\n  // Select-item override: lets Lexical's DirectivePlugin intercept selection\n  // and drive its own node insertion.\n  const selectItemOverrideRef = useRef<SelectItemOverride | null>(null);\n\n  const registerSelectItemOverride = useEffectEvent(\n    (fn: SelectItemOverride) => {\n      selectItemOverrideRef.current = fn;\n      return () => {\n        if (selectItemOverrideRef.current === fn) {\n          selectItemOverrideRef.current = null;\n        }\n      };\n    },\n  );\n\n  const selectItem = useEffectEvent((item: Unstable_TriggerItem) => {\n    if (!trigger || !behavior) return;\n\n    if (selectItemOverrideRef.current?.(item)) {\n      onSelected();\n      return;\n    }\n\n    const currentText = aui.composer.getState().text;\n    const before = currentText.slice(0, trigger.offset);\n    const after = currentText.slice(\n      trigger.offset + triggerChar.length + trigger.query.length,\n    );\n\n    const insertDirective = () => {\n      const directive = behavior.formatter.serialize(item);\n      aui.composer.setText(\n        before + directive + (after.startsWith(\" \") ? after : ` ${after}`),\n      );\n    };\n\n    if (behavior.kind === \"directive\") {\n      insertDirective();\n      behavior.onInserted?.(item);\n    } else {\n      if (behavior.removeOnExecute) {\n        aui.composer.setText(\n          before + (after.startsWith(\" \") ? after.slice(1) : after),\n        );\n      } else {\n        // Leave directive chip in the composer as an audit trail\n        insertDirective();\n      }\n      behavior.onExecute(item);\n    }\n\n    onSelected();\n  });\n\n  const close = useEffectEvent(() => {\n    onSelected();\n    // Move cursor before the trigger so trigger detection deactivates\n    if (trigger) {\n      setCursorPosition(trigger.offset);\n    }\n  });\n\n  return {\n    selectItem,\n    close,\n    registerSelectItemOverride,\n  };\n};\n\nexport const TriggerSelectionResource = resource(useTriggerSelectionResource);\n"],"mappings":";;;;;AAmCA,MAAMoB,+BAA8BC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,UAAAC,SAAAC,KAAAC,aAAAC,mBAAAC,eAAAR;CAkBnC,MAAAS,wBAA8B7B,OAAkC,IAAI;CAAE,IAAA8B;CAAA,IAAAT,EAAA,OAAAU,OAAAC,IAAA,2BAAA,GAAA;EAGpEF,MAAAZ,OAAA;GACEW,sBAAqBI,UAAWf;GAAH,aACtB;IACL,IAAIW,sBAAqBI,YAAaf,IACpCW,sBAAqBI,UAAW;GACjC;EACF;EACFZ,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CARH,MAAAJ,6BAAmClB,eACjC+B,EAQF;CAAE,IAAAI;CAAA,IAAAb,EAAA,OAAAI,OAAAJ,EAAA,OAAAE,YAAAF,EAAA,OAAAO,cAAAP,EAAA,OAAAG,WAAAH,EAAA,OAAAK,aAAA;EAEgCQ,MAAA3B,SAAA;GAChC,IAAI,CAACiB,WAAD,CAAaD,UAAQ;GAEzB,IAAIM,sBAAqBI,UAAW1B,IAAI,GAAC;IACvCqB,WAAW;IAAC;GAAA;GAId,MAAAO,cAAoBV,IAAGW,SAASC,SAAU,CAAC,CAAAC;GAC3C,MAAAC,SAAeJ,YAAWK,MAAO,GAAGhB,QAAOiB,MAAO;GAClD,MAAAC,QAAcP,YAAWK,MACvBhB,QAAOiB,SAAUf,YAAWiB,SAAUnB,QAAOoB,MAAMD,MACrD;GAEA,MAAAE,wBAAwB;IACtB,MAAAC,YAAkBvB,SAAQb,UAAUqC,UAAWxC,IAAI;IACnDkB,IAAGW,SAASY,QACVT,SAASO,aAAaJ,MAAKO,WAAY,GAAyB,IAA1CP,QAAA,IAAoCA,QAC5D;GAAC;GAGH,IAAInB,SAAQd,SAAU,aAAW;IAC/BoC,gBAAgB;IAChBtB,SAAQZ,aAAcJ,IAAI;GAAC,OAAA;IAE3B,IAAIgB,SAAQV,iBACVY,IAAGW,SAASY,QACVT,UAAUG,MAAKO,WAAY,GAA4B,IAArBP,MAAKF,MAAO,CAAS,IAA7CE,MACZ;SAGAG,gBAAgB;IAElBtB,SAAQX,UAAWL,IAAI;GAAC;GAG1BqB,WAAW;EAAC;EACbP,EAAA,KAAAI;EAAAJ,EAAA,KAAAE;EAAAF,EAAA,KAAAO;EAAAP,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CArCD,MAAAN,aAAmBhB,eAAemC,EAqCjC;CAAE,IAAAgB;CAAA,IAAA7B,EAAA,OAAAO,cAAAP,EAAA,OAAAM,qBAAAN,EAAA,OAAAG,SAAA;EAE0B0B,WAAA;GAC3BtB,WAAW;GAEX,IAAIJ,SACFG,kBAAkBH,QAAOiB,MAAO;EACjC;EACFpB,EAAA,KAAAO;EAAAP,EAAA,KAAAM;EAAAN,EAAA,KAAAG;EAAAH,EAAA,MAAA6B;CAAA,OAAAA,KAAA7B,EAAA;CAND,MAAAL,QAAcjB,eAAemD,EAM5B;CAAE,IAAAC;CAAA,IAAA9B,EAAA,QAAAL,SAAAK,EAAA,QAAAJ,8BAAAI,EAAA,QAAAN,YAAA;EAEIoC,KAAA;GAAApC;GAAAC;GAAAC;EAIP;EAACI,EAAA,MAAAL;EAAAK,EAAA,MAAAJ;EAAAI,EAAA,MAAAN;EAAAM,EAAA,MAAA8B;CAAA,OAAAA,KAAA9B,EAAA;CAAA,OAJM8B;AAIN;AAGH,MAAaC,2BAA2BnD,SAASkB,2BAA2B"}
+{"version":3,"file":"triggerSelectionResource.js","names":["useEffectEvent","useRef","resource","Unstable_DirectiveFormatter","Unstable_TriggerItem","AssistantClient","DetectedTrigger","SelectItemOverride","item","TriggerBehavior","kind","formatter","onInserted","onExecute","removeOnExecute","TriggerSelectionResourceOutput","selectItem","close","registerSelectItemOverride","fn","useTriggerSelectionResource","t0","$","_c","behavior","trigger","aui","triggerChar","setCursorPosition","onSelected","selectItemOverrideRef","t1","Symbol","for","current","t2","currentText","composer","getState","text","before","slice","offset","after","length","query","insertDirective","directive","serialize","setText","startsWith","t3","t4","TriggerSelectionResource"],"sources":["../../../../src/primitives/composer/trigger/triggerSelectionResource.ts"],"sourcesContent":["import { useEffectEvent, useRef } from \"react\";\nimport { resource } from \"@assistant-ui/tap\";\nimport type {\n  Unstable_DirectiveFormatter,\n  Unstable_TriggerItem,\n} from \"@assistant-ui/core\";\nimport type { AssistantClient } from \"@assistant-ui/store\";\nimport type { DetectedTrigger } from \"./triggerDetectionResource\";\n\n/** External override for selection (used by Lexical's DirectivePlugin). */\nexport type SelectItemOverride = (item: Unstable_TriggerItem) => boolean;\n\nexport type TriggerBehavior =\n  | {\n      readonly kind: \"directive\";\n      readonly formatter: Unstable_DirectiveFormatter;\n      readonly onInserted?: (item: Unstable_TriggerItem) => void;\n    }\n  | {\n      readonly kind: \"action\";\n      readonly formatter: Unstable_DirectiveFormatter;\n      readonly onExecute: (item: Unstable_TriggerItem) => void;\n      readonly removeOnExecute?: boolean;\n    };\n\nexport type TriggerSelectionResourceOutput = {\n  /** Select an item — runs override (if any) then applies behavior. */\n  selectItem(item: Unstable_TriggerItem): void;\n  /** Close the popover (moves cursor before trigger to deactivate detection). */\n  close(): void;\n  /** Register a Lexical-style selection override. Returns unregister fn. */\n  registerSelectItemOverride(fn: SelectItemOverride): () => void;\n};\n\n/** Owns composer text mutation + behavior dispatch on item selection. */\nconst useTriggerSelectionResource = ({\n  behavior,\n  trigger,\n  aui,\n  triggerChar,\n  setCursorPosition,\n  onSelected,\n}: {\n  behavior: TriggerBehavior | undefined;\n  trigger: DetectedTrigger | null;\n  aui: AssistantClient;\n  triggerChar: string;\n  setCursorPosition: (pos: number) => void;\n  /** Called after a successful selection so the parent can reset nav state. */\n  onSelected: () => void;\n}): TriggerSelectionResourceOutput => {\n  // Select-item override: lets Lexical's DirectivePlugin intercept selection\n  // and drive its own node insertion.\n  const selectItemOverrideRef = useRef<SelectItemOverride | null>(null);\n\n  const registerSelectItemOverride = useEffectEvent(\n    (fn: SelectItemOverride) => {\n      selectItemOverrideRef.current = fn;\n      return () => {\n        if (selectItemOverrideRef.current === fn) {\n          selectItemOverrideRef.current = null;\n        }\n      };\n    },\n  );\n\n  const selectItem = useEffectEvent((item: Unstable_TriggerItem) => {\n    if (!trigger || !behavior) return;\n\n    if (selectItemOverrideRef.current?.(item)) {\n      onSelected();\n      return;\n    }\n\n    const currentText = aui.composer.getState().text;\n    const before = currentText.slice(0, trigger.offset);\n    const after = currentText.slice(\n      trigger.offset + triggerChar.length + trigger.query.length,\n    );\n\n    const insertDirective = () => {\n      const directive = behavior.formatter.serialize(item);\n      aui.composer.setText(\n        before + directive + (after.startsWith(\" \") ? after : ` ${after}`),\n      );\n      setCursorPosition(before.length + directive.length + 1);\n    };\n\n    if (behavior.kind === \"directive\") {\n      insertDirective();\n      behavior.onInserted?.(item);\n    } else {\n      if (behavior.removeOnExecute) {\n        aui.composer.setText(\n          before + (after.startsWith(\" \") ? after.slice(1) : after),\n        );\n        setCursorPosition(before.length);\n      } else {\n        // Leave directive chip in the composer as an audit trail\n        insertDirective();\n      }\n      behavior.onExecute(item);\n    }\n\n    onSelected();\n  });\n\n  const close = useEffectEvent(() => {\n    onSelected();\n    // Move cursor before the trigger so trigger detection deactivates\n    if (trigger) {\n      setCursorPosition(trigger.offset);\n    }\n  });\n\n  return {\n    selectItem,\n    close,\n    registerSelectItemOverride,\n  };\n};\n\nexport const TriggerSelectionResource = resource(useTriggerSelectionResource);\n"],"mappings":";;;;;AAmCA,MAAMoB,+BAA8BC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,UAAAC,SAAAC,KAAAC,aAAAC,mBAAAC,eAAAR;CAkBnC,MAAAS,wBAA8B7B,OAAkC,IAAI;CAAE,IAAA8B;CAAA,IAAAT,EAAA,OAAAU,OAAAC,IAAA,2BAAA,GAAA;EAGpEF,MAAAZ,OAAA;GACEW,sBAAqBI,UAAWf;GAAH,aACtB;IACL,IAAIW,sBAAqBI,YAAaf,IACpCW,sBAAqBI,UAAW;GACjC;EACF;EACFZ,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CARH,MAAAJ,6BAAmClB,eACjC+B,EAQF;CAAE,IAAAI;CAAA,IAAAb,EAAA,OAAAI,OAAAJ,EAAA,OAAAE,YAAAF,EAAA,OAAAO,cAAAP,EAAA,OAAAM,qBAAAN,EAAA,OAAAG,WAAAH,EAAA,OAAAK,aAAA;EAEgCQ,MAAA3B,SAAA;GAChC,IAAI,CAACiB,WAAD,CAAaD,UAAQ;GAEzB,IAAIM,sBAAqBI,UAAW1B,IAAI,GAAC;IACvCqB,WAAW;IAAC;GAAA;GAId,MAAAO,cAAoBV,IAAGW,SAASC,SAAU,CAAC,CAAAC;GAC3C,MAAAC,SAAeJ,YAAWK,MAAO,GAAGhB,QAAOiB,MAAO;GAClD,MAAAC,QAAcP,YAAWK,MACvBhB,QAAOiB,SAAUf,YAAWiB,SAAUnB,QAAOoB,MAAMD,MACrD;GAEA,MAAAE,wBAAwB;IACtB,MAAAC,YAAkBvB,SAAQb,UAAUqC,UAAWxC,IAAI;IACnDkB,IAAGW,SAASY,QACVT,SAASO,aAAaJ,MAAKO,WAAY,GAAyB,IAA1CP,QAAA,IAAoCA,QAC5D;IACAf,kBAAkBY,OAAMI,SAAUG,UAASH,SAAU,CAAC;GAAC;GAGzD,IAAIpB,SAAQd,SAAU,aAAW;IAC/BoC,gBAAgB;IAChBtB,SAAQZ,aAAcJ,IAAI;GAAC,OAAA;IAE3B,IAAIgB,SAAQV,iBAAgB;KAC1BY,IAAGW,SAASY,QACVT,UAAUG,MAAKO,WAAY,GAA4B,IAArBP,MAAKF,MAAO,CAAS,IAA7CE,MACZ;KACAf,kBAAkBY,OAAMI,MAAO;IAAC,OAGhCE,gBAAgB;IAElBtB,SAAQX,UAAWL,IAAI;GAAC;GAG1BqB,WAAW;EAAC;EACbP,EAAA,KAAAI;EAAAJ,EAAA,KAAAE;EAAAF,EAAA,KAAAO;EAAAP,EAAA,KAAAM;EAAAN,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAvCD,MAAAN,aAAmBhB,eAAemC,EAuCjC;CAAE,IAAAgB;CAAA,IAAA7B,EAAA,OAAAO,cAAAP,EAAA,OAAAM,qBAAAN,EAAA,QAAAG,SAAA;EAE0B0B,WAAA;GAC3BtB,WAAW;GAEX,IAAIJ,SACFG,kBAAkBH,QAAOiB,MAAO;EACjC;EACFpB,EAAA,KAAAO;EAAAP,EAAA,KAAAM;EAAAN,EAAA,MAAAG;EAAAH,EAAA,MAAA6B;CAAA,OAAAA,KAAA7B,EAAA;CAND,MAAAL,QAAcjB,eAAemD,EAM5B;CAAE,IAAAC;CAAA,IAAA9B,EAAA,QAAAL,SAAAK,EAAA,QAAAJ,8BAAAI,EAAA,QAAAN,YAAA;EAEIoC,KAAA;GAAApC;GAAAC;GAAAC;EAIP;EAACI,EAAA,MAAAL;EAAAK,EAAA,MAAAJ;EAAAI,EAAA,MAAAN;EAAAM,EAAA,MAAA8B;CAAA,OAAAA,KAAA9B,EAAA;CAAA,OAJM8B;AAIN;AAGH,MAAaC,2BAA2BnD,SAASkB,2BAA2B"}

package/dist/primitives/composer/useComposerInputState.js

@@ -1,7 +1,7 @@
 "use client";
 import { useTriggerPopoverActiveAriaOptional } from "./trigger/TriggerPopoverRootContext.js";
-import { useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAuiState } from "@assistant-ui/store";
 //#region src/primitives/composer/useComposerInputState.ts
 function useComposerInputValue() {
 	return useAuiState(_temp);

package/dist/primitives/message/MessageIf.js

@@ -1,6 +1,6 @@
 "use client";
-import { useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAuiState } from "@assistant-ui/store";
 //#region src/primitives/message/MessageIf.ts
 const useMessageIf = (props) => {
 	const $ = c(12);

package/dist/primitives/message/MessagePartsGrouped.js

@@ -4,8 +4,8 @@ import { TextMessagePartProvider } from "../../context/providers/TextMessagePart
 import { MessagePartPrimitiveText } from "../messagePart/MessagePartText.js";
 import { MessagePartPrimitiveImage } from "../messagePart/MessagePartImage.js";
 import { MessagePartPrimitiveInProgress } from "../messagePart/MessagePartInProgress.js";
-import { useAui, useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAui, useAuiState } from "@assistant-ui/store";
 import { memo } from "@assistant-ui/tap/react-shim";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/primitives/message/MessagePartsGrouped.tsx

package/dist/primitives/message/MessageRoot.js

@@ -3,8 +3,8 @@ import { useThreadViewport, useThreadViewportStore } from "../../context/react/T
 import { Primitive } from "../../utils/Primitive.js";
 import { useManagedRef } from "../../utils/hooks/useManagedRef.js";
 import { parseCssLength } from "../thread/topAnchor/topAnchorUtils.js";
-import { useAui, useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAui, useAuiState } from "@assistant-ui/store";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";

package/dist/primitives/message.js

@@ -1,7 +1,7 @@
 import { __exportAll } from "../_virtual/_rolldown/runtime.js";
-import { MessagePrimitiveIf } from "./message/MessageIf.js";
 import { MessagePrimitiveRoot } from "./message/MessageRoot.js";
 import { MessagePrimitivePartByIndex as MessagePrimitivePartByIndexBase, MessagePrimitiveParts } from "./message/MessageParts.js";
+import { MessagePrimitiveIf } from "./message/MessageIf.js";
 import { MessagePrimitiveAttachmentByIndex, MessagePrimitiveAttachments } from "./message/MessageAttachments.js";
 import { MessagePrimitiveError } from "./message/MessageError.js";
 import { MessagePrimitiveUnstable_PartsGrouped, MessagePrimitiveUnstable_PartsGroupedByParentId } from "./message/MessagePartsGrouped.js";

package/dist/primitives/queueItem/QueueItemRemove.js

@@ -1,7 +1,7 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
-import { useAui } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAui } from "@assistant-ui/store";
 import "@assistant-ui/tap/react-shim";
 //#region src/primitives/queueItem/QueueItemRemove.ts
 const useQueueItemRemove = () => {

package/dist/primitives/queueItem/QueueItemSteer.js

@@ -1,7 +1,7 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
-import { useAui } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAui } from "@assistant-ui/store";
 import "@assistant-ui/tap/react-shim";
 //#region src/primitives/queueItem/QueueItemSteer.ts
 const useQueueItemSteer = () => {

package/dist/primitives/queueItem/QueueItemText.js

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
-import { useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAuiState } from "@assistant-ui/store";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/queueItem/QueueItemText.tsx

package/dist/primitives/selectionToolbar/SelectionToolbarQuote.js

@@ -1,8 +1,8 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { useSelectionToolbarInfo } from "./SelectionToolbarRoot.js";
-import { useAui } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAui } from "@assistant-ui/store";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@radix-ui/primitive";

package/dist/primitives/suggestion/SuggestionDescription.js

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
-import { useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAuiState } from "@assistant-ui/store";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/suggestion/SuggestionDescription.tsx

package/dist/primitives/suggestion/SuggestionTitle.js

@@ -1,7 +1,7 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
-import { useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAuiState } from "@assistant-ui/store";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/suggestion/SuggestionTitle.tsx

package/dist/primitives/suggestion/SuggestionTrigger.js

@@ -1,8 +1,8 @@
 "use client";
 import { createActionButton } from "../../utils/createActionButton.js";
-import { useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { useSuggestionTrigger } from "@assistant-ui/core/react";
+import { useAuiState } from "@assistant-ui/store";
 //#region src/primitives/suggestion/SuggestionTrigger.ts
 const useSuggestionTrigger$1 = (t0) => {
 	const $ = c(4);

package/dist/primitives/thread/ThreadIf.js

@@ -1,6 +1,6 @@
 "use client";
-import { useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAuiState } from "@assistant-ui/store";
 //#region src/primitives/thread/ThreadIf.ts
 const useThreadIf = (props) => {
 	const $ = c(4);

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

@@ -15,6 +15,9 @@ declare namespace ThreadPrimitiveRoot {
  * This component serves as the foundational wrapper for all thread-related components.
  * It provides the basic structure and context needed for thread functionality.
  *
+ * While this component is mounted, an unhandled Escape keydown stops active speech, even if
+ * the action bar that started it is no longer mounted.
+ *
  * @example
  * ```tsx
  * <ThreadPrimitive.Root>

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadRoot.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"mappings":";;;kBASiB;OACH,UAAU,oBAAoB,UAAU;;;;;OAKxC,QAAQ,gCAAgC,UAAU;;;;;;;;;;;;;;;;;;;cAoBnD,qCAAmB,0BAAA,KAAA,qBAAA,gBAAA,kCAAA,eAAA;;;;oBAK9B,cAAA,0CAAA,cAAA"}
+{"version":3,"file":"ThreadRoot.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"mappings":";;;kBAWiB;OACH,UAAU,oBAAoB,UAAU;;;;;OAKxC,QAAQ,gCAAgC,UAAU;;;;;;;;;;;;;;;;;;;;;;cAuBnD,qCAAmB,0BAAA,KAAA,qBAAA,gBAAA,kCAAA,eAAA;;;;oBAiC9B,cAAA,0CAAA,cAAA"}

package/dist/primitives/thread/ThreadRoot.js

@@ -1,7 +1,8 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
-import { forwardRef } from "@assistant-ui/tap/react-shim";
+import { useAui } from "@assistant-ui/store";
+import { forwardRef, useEffect } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/thread/ThreadRoot.tsx
 /**
@@ -10,6 +11,9 @@ import { jsx } from "react/jsx-runtime";
 * This component serves as the foundational wrapper for all thread-related components.
 * It provides the basic structure and context needed for thread functionality.
 *
+* While this component is mounted, an unhandled Escape keydown stops active speech, even if
+* the action bar that started it is no longer mounted.
+*
 * @example
 * ```tsx
 * <ThreadPrimitive.Root>
@@ -22,18 +26,49 @@ import { jsx } from "react/jsx-runtime";
 * ```
 */
 const ThreadPrimitiveRoot = forwardRef((props, ref) => {
-	const $ = c(3);
+	const $ = c(6);
+	const aui = useAui();
 	let t0;
-	if ($[0] !== props || $[1] !== ref) {
-		t0 = /* @__PURE__ */ jsx(Primitive.div, {
+	let t1;
+	if ($[0] !== aui) {
+		t0 = () => {
+			const handleKeyDown = (event) => {
+				if (event.key !== "Escape") return;
+				if (event.defaultPrevented || aui.thread.source === null) return;
+				if (aui.thread.getState().speech == null) return;
+				event.preventDefault();
+				try {
+					aui.thread.stopSpeaking();
+				} catch (t2) {
+					const error = t2;
+					if (!(error instanceof Error) || error.message !== "No message is being spoken") throw error;
+				}
+			};
+			document.addEventListener("keydown", handleKeyDown);
+			return () => {
+				document.removeEventListener("keydown", handleKeyDown);
+			};
+		};
+		t1 = [aui];
+		$[0] = aui;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	useEffect(t0, t1);
+	let t2;
+	if ($[3] !== props || $[4] !== ref) {
+		t2 = /* @__PURE__ */ jsx(Primitive.div, {
 			...props,
 			ref
 		});
-		$[0] = props;
-		$[1] = ref;
-		$[2] = t0;
-	} else t0 = $[2];
-	return t0;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
 });
 ThreadPrimitiveRoot.displayName = "ThreadPrimitive.Root";
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadRoot.js","names":["c","_c","Primitive","ComponentRef","forwardRef","ComponentPropsWithoutRef","ThreadPrimitiveRoot","Element","div","Props","props","ref","$","t0","displayName"],"sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n} from \"react\";\n\nexport namespace ThreadPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  /**\n   * Props for the ThreadPrimitive.Root component.\n   * Accepts all standard div element props.\n   */\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * The root container component for a thread.\n *\n * This component serves as the foundational wrapper for all thread-related components.\n * It provides the basic structure and context needed for thread functionality.\n *\n * @example\n * ```tsx\n * <ThreadPrimitive.Root>\n *   <ThreadPrimitive.Viewport>\n *     <ThreadPrimitive.Messages>\n *       {() => <MyMessage />}\n *     </ThreadPrimitive.Messages>\n *   </ThreadPrimitive.Viewport>\n * </ThreadPrimitive.Root>\n * ```\n */\nexport const ThreadPrimitiveRoot = forwardRef<\n  ThreadPrimitiveRoot.Element,\n  ThreadPrimitiveRoot.Props\n>((props, ref) => {\n  return <Primitive.div {...props} ref={ref} />;\n});\n\nThreadPrimitiveRoot.displayName = \"ThreadPrimitive.Root\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAaM,sBAAsBF,YAGjCM,OAAAC,QAAA;CAAA,MAAAC,IAAAX,EAAA,CAAA;CAAA,IAAAY;CAAA,IAAAD,EAAA,OAAAF,SAAAE,EAAA,OAAAD,KAAA;EACOE,KAAA,oBAAA,UAAA,KAAA;GAAA,GAAmBH;GAAYC;EAAG,CAAA;EAAIC,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAC;CAAA,OAAAA,KAAAD,EAAA;CAAA,OAAtCC;AAAsC,CAC9C;AAEDP,oBAAoBQ,cAAc"}
+{"version":3,"file":"ThreadRoot.js","names":["c","_c","Primitive","ComponentRef","forwardRef","ComponentPropsWithoutRef","useEffect","useAui","ThreadPrimitiveRoot","Element","div","Props","props","ref","$","aui","t0","t1","handleKeyDown","event","key","defaultPrevented","thread","source","getState","speech","preventDefault","stopSpeaking","t2","error","Error","message","document","addEventListener","removeEventListener","displayName"],"sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  useEffect,\n} from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\n\nexport namespace ThreadPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  /**\n   * Props for the ThreadPrimitive.Root component.\n   * Accepts all standard div element props.\n   */\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * The root container component for a thread.\n *\n * This component serves as the foundational wrapper for all thread-related components.\n * It provides the basic structure and context needed for thread functionality.\n *\n * While this component is mounted, an unhandled Escape keydown stops active speech, even if\n * the action bar that started it is no longer mounted.\n *\n * @example\n * ```tsx\n * <ThreadPrimitive.Root>\n *   <ThreadPrimitive.Viewport>\n *     <ThreadPrimitive.Messages>\n *       {() => <MyMessage />}\n *     </ThreadPrimitive.Messages>\n *   </ThreadPrimitive.Viewport>\n * </ThreadPrimitive.Root>\n * ```\n */\nexport const ThreadPrimitiveRoot = forwardRef<\n  ThreadPrimitiveRoot.Element,\n  ThreadPrimitiveRoot.Props\n>((props, ref) => {\n  const aui = useAui();\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      if (event.defaultPrevented || aui.thread.source === null) return;\n      if (aui.thread.getState().speech == null) return;\n      event.preventDefault();\n      try {\n        aui.thread.stopSpeaking();\n      } catch (error) {\n        // getState() is the last rendered snapshot, so speech can finish before this call.\n        if (\n          !(error instanceof Error) ||\n          error.message !== \"No message is being spoken\"\n        ) {\n          throw error;\n        }\n      }\n    };\n\n    // Bubble phase lets capture-phase Escape handlers consume the event first.\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [aui]);\n\n  return <Primitive.div {...props} ref={ref} />;\n});\n\nThreadPrimitiveRoot.displayName = \"ThreadPrimitive.Root\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAaQ,sBAAsBJ,YAGjCQ,OAAAC,QAAA;CAAA,MAAAC,IAAAb,EAAA,CAAA;CACA,MAAAc,MAAYR,OAAO;CAAE,IAAAS;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAC,KAAA;EAEXC,WAAA;GACR,MAAAE,iBAAsBC,UAAA;IACpB,IAAIA,MAAKC,QAAS,UAAQ;IAC1B,IAAID,MAAKE,oBAAqBN,IAAGO,OAAOC,WAAY,MAAI;IACxD,IAAIR,IAAGO,OAAOE,SAAU,CAAC,CAAAC,UAAW,MAAI;IACxCN,MAAKO,eAAgB;IACrB,IAAA;KACEX,IAAGO,OAAOK,aAAc;IAAC,SAAAC,IAAA;KAClBC,MAAAA,QAAAA;KAEP,IACE,EAAEA,iBAAiBC,UACnBD,MAAKE,YAAa,8BAElB,MAAMF;IACP;GACF;GAIHG,SAAQC,iBAAkB,WAAWf,aAAa;GAAC,aAC5C;IACLc,SAAQE,oBAAqB,WAAWhB,aAAa;GAAC;EACvD;EACAD,KAAA,CAACF,GAAG;EAACD,EAAA,KAAAC;EAAAD,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAAD,KAAAF,EAAA;EAAAG,KAAAH,EAAA;CAAA;CAxBRR,UAAUU,IAwBPC,EAAK;CAAC,IAAAW;CAAA,IAAAd,EAAA,OAAAF,SAAAE,EAAA,OAAAD,KAAA;EAEFe,KAAA,oBAAA,UAAA,KAAA;GAAA,GAAmBhB;GAAYC;EAAG,CAAA;EAAIC,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,OAAtCc;AAAsC,CAC9C;AAEDpB,oBAAoB2B,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadViewport.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadViewport.tsx"],"mappings":";;;kBA4BiB;OACH,UAAU,oBAAoB,UAAU;OACxC,QAAQ,gCAAgC,UAAU;;;;;;;IAO5D;;;;;;IAOA;;;;;;IAOA;;;;;;MAME;;;;;;MAMA;;;;;;;IAQF;;;;;;IAOA;;;;;;IAOA;;;;;;;;;;;;;;;;;;;cAoIS,yCAAuB,0BAAA,KAAA,qBAAA,gBAAA,kCAAA,eAAA;;;;;;;;;;;EApLnB;;;;;;EAOA;;;;;;EAOW;;;;;;IAMtB;;;;;;IAMA;;;;;;;EAQyB;;;;;;EAOE;;;;;;EAOE;oBA+IjC,cAAA"}
+{"version":3,"file":"ThreadViewport.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadViewport.tsx"],"mappings":";;;kBA4BiB;OACH,UAAU,oBAAoB,UAAU;OACxC,QAAQ,gCAAgC,UAAU;;;;;;;IAO5D;;;;;;IAOA;;;;;;IAOA;;;;;;MAME;;;;;;MAMA;;;;;;;IAQF;;;;;;IAOA;;;;;;IAOA;;;;;;;;;;;;;;;;;;;cA6HS,yCAAuB,0BAAA,KAAA,qBAAA,gBAAA,kCAAA,eAAA;;;;;;;;;;;EA7KnB;;;;;;EAOA;;;;;;EAOW;;;;;;IAMtB;;;;;;IAMA;;;;;;;EAQyB;;;;;;EAOE;;;;;;EAOE;oBAwIjC,cAAA"}

package/dist/primitives/thread/ThreadViewport.js

@@ -7,8 +7,8 @@ import { useThreadViewportAutoScroll } from "./useThreadViewportAutoScroll.js";
 import { useSizeHandle } from "../../utils/hooks/useSizeHandle.js";
 import { useTopAnchorReserve } from "./topAnchor/useTopAnchorReserve.js";
 import { getActiveTopAnchorAnchorId, getActiveTopAnchorTargetId, isTopAnchorTurnValid } from "./topAnchor/topAnchorTurn.js";
-import { useAuiEvent, useAuiState } from "@assistant-ui/store";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useAuiState } from "@assistant-ui/store";
 import { forwardRef, useLayoutEffect } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
@@ -22,7 +22,7 @@ const useViewportElementRef = () => {
 	return useManagedRef(registerViewportElement);
 };
 const useTopAnchorTurn = (enabled) => {
-	const $ = c(21);
+	const $ = c(19);
 	const threadViewportStore = useThreadViewportStore();
 	let t0;
 	if ($[0] !== enabled) {
@@ -114,17 +114,6 @@ const useTopAnchorTurn = (enabled) => {
 		t7 = $[18];
 	}
 	useLayoutEffect(t6, t7);
-	let t8;
-	if ($[19] !== threadViewportStore) {
-		t8 = () => {
-			threadViewportStore.getState().setTopAnchorTurn(null);
-		};
-		$[19] = threadViewportStore;
-		$[20] = t8;
-	} else t8 = $[20];
-	const clearTopAnchorTurn = t8;
-	useAuiEvent("thread.initialize", clearTopAnchorTurn);
-	useAuiEvent("threadListItem.switchedTo", clearTopAnchorTurn);
 };
 const ThreadPrimitiveViewportScrollable = forwardRef((t0, forwardedRef) => {
 	const $ = c(18);