@assistant-ui/react 0.15.4 → 0.15.6

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

@@ -1 +1 @@
-{"version":3,"file":"ComposerAttachmentDropzone.js","names":["c","_c","forwardRef","useCallback","useState","ReactElement","cloneElement","isValidElement","composeEventHandlers","Slot","React","useAui","ComposerPrimitiveAttachmentDropzone","Element","HTMLDivElement","Props","HTMLAttributes","asChild","render","disabled","t0","ref","$","t1","children","rest","undefined","isDragging","setIsDragging","aui","t2","e","preventDefault","handleDragEnterCapture","t3","e_0","handleDragOverCapture","t4","e_1","next","relatedTarget","Node","currentTarget","contains","handleDragLeaveCapture","t5","e_2","files","Array","from","dataTransfer","Promise","all","map","file","composer","addAttachment","handleDrop","t6","t7","onDragEnterCapture","t8","onDragOverCapture","t9","onDragLeaveCapture","t10","onDropCapture","t11","mergedProps","renderChildren","props","Record","t12","ReactNode","t13","t14","Comp","Root","displayName"],"sources":["../../../src/primitives/composer/ComposerAttachmentDropzone.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useState,\n  type ReactElement,\n  cloneElement,\n  isValidElement,\n} from \"react\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Slot } from \"radix-ui\";\nimport type React from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\n\nexport namespace ComposerPrimitiveAttachmentDropzone {\n  export type Element = HTMLDivElement;\n  export type Props = React.HTMLAttributes<HTMLDivElement> & {\n    asChild?: boolean | undefined;\n    render?: ReactElement | undefined;\n    disabled?: boolean | undefined;\n  };\n}\n\nexport const ComposerPrimitiveAttachmentDropzone = forwardRef<\n  HTMLDivElement,\n  ComposerPrimitiveAttachmentDropzone.Props\n>(({ disabled, asChild = false, render, children, ...rest }, ref) => {\n  const [isDragging, setIsDragging] = useState(false);\n  const aui = useAui();\n\n  const handleDragEnterCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n      e.preventDefault();\n      setIsDragging(true);\n    },\n    [disabled],\n  );\n\n  const handleDragOverCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n      e.preventDefault();\n      if (!isDragging) setIsDragging(true);\n    },\n    [disabled, isDragging],\n  );\n\n  const handleDragLeaveCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n      e.preventDefault();\n      const next = e.relatedTarget as Node | null;\n      if (next && e.currentTarget.contains(next)) {\n        return;\n      }\n      setIsDragging(false);\n    },\n    [disabled],\n  );\n\n  const handleDrop = useCallback(\n    async (e: React.DragEvent) => {\n      if (disabled) return;\n      e.preventDefault();\n      setIsDragging(false);\n      const files = Array.from(e.dataTransfer.files);\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            // the readonly and empty-thread stubs only throw.\n          }\n        }),\n      );\n    },\n    [disabled, aui],\n  );\n\n  const mergedProps = {\n    ...(isDragging ? { \"data-dragging\": \"true\" } : null),\n    ...rest,\n    onDragEnterCapture: composeEventHandlers(\n      rest.onDragEnterCapture,\n      handleDragEnterCapture,\n    ),\n    onDragOverCapture: composeEventHandlers(\n      rest.onDragOverCapture,\n      handleDragOverCapture,\n    ),\n    onDragLeaveCapture: composeEventHandlers(\n      rest.onDragLeaveCapture,\n      handleDragLeaveCapture,\n    ),\n    onDropCapture: composeEventHandlers(rest.onDropCapture, handleDrop),\n    ref,\n  };\n\n  if (render && isValidElement(render)) {\n    const renderChildren =\n      children !== undefined\n        ? children\n        : (render.props as Record<string, unknown>).children;\n    return (\n      <Slot.Root {...mergedProps}>\n        {cloneElement(render, undefined, renderChildren as React.ReactNode)}\n      </Slot.Root>\n    );\n  }\n\n  const Comp = asChild ? Slot.Root : \"div\";\n  return <Comp {...mergedProps}>{children}</Comp>;\n});\n\nComposerPrimitiveAttachmentDropzone.displayName =\n  \"ComposerPrimitive.AttachmentDropzone\";\n"],"mappings":"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"}
+{"version":3,"file":"ComposerAttachmentDropzone.js","names":["c","_c","forwardRef","useCallback","useState","ReactElement","cloneElement","isValidElement","composeEventHandlers","Slot","React","useAui","ComposerPrimitiveAttachmentDropzone","Element","HTMLDivElement","Props","HTMLAttributes","asChild","render","disabled","t0","ref","$","t1","children","rest","undefined","isDragging","setIsDragging","aui","t2","e","dataTransfer","types","includes","preventDefault","thread","getState","capabilities","attachments","dropEffect","handleDragEnterCapture","t3","e_0","handleDragOverCapture","t4","e_1","next","relatedTarget","Node","currentTarget","contains","handleDragLeaveCapture","t5","e_2","files","Array","from","length","Promise","all","map","file","composer","addAttachment","handleDrop","t6","t7","onDragEnterCapture","t8","onDragOverCapture","t9","onDragLeaveCapture","t10","onDropCapture","t11","mergedProps","renderChildren","props","Record","t12","ReactNode","t13","t14","Comp","Root","displayName"],"sources":["../../../src/primitives/composer/ComposerAttachmentDropzone.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useState,\n  type ReactElement,\n  cloneElement,\n  isValidElement,\n} from \"react\";\n\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Slot } from \"radix-ui\";\nimport type React from \"react\";\nimport { useAui } from \"@assistant-ui/store\";\n\nexport namespace ComposerPrimitiveAttachmentDropzone {\n  export type Element = HTMLDivElement;\n  export type Props = React.HTMLAttributes<HTMLDivElement> & {\n    asChild?: boolean | undefined;\n    render?: ReactElement | undefined;\n    disabled?: boolean | undefined;\n  };\n}\n\nexport const ComposerPrimitiveAttachmentDropzone = forwardRef<\n  HTMLDivElement,\n  ComposerPrimitiveAttachmentDropzone.Props\n>(({ disabled, asChild = false, render, children, ...rest }, ref) => {\n  const [isDragging, setIsDragging] = useState(false);\n  const aui = useAui();\n\n  // An unprevented file drop navigates the tab to the file, so file drags are\n  // claimed via preventDefault even when the runtime does not support attachments.\n  const handleDragEnterCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n      if (!e.dataTransfer.types.includes(\"Files\")) return;\n      e.preventDefault();\n      if (!aui.thread.getState().capabilities.attachments) {\n        e.dataTransfer.dropEffect = \"none\";\n        return;\n      }\n      setIsDragging(true);\n    },\n    [disabled, aui],\n  );\n\n  const handleDragOverCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n      if (!e.dataTransfer.types.includes(\"Files\")) return;\n      e.preventDefault();\n      if (!aui.thread.getState().capabilities.attachments) {\n        e.dataTransfer.dropEffect = \"none\";\n        return;\n      }\n      if (!isDragging) setIsDragging(true);\n    },\n    [disabled, isDragging, aui],\n  );\n\n  const handleDragLeaveCapture = useCallback(\n    (e: React.DragEvent) => {\n      if (disabled) return;\n      e.preventDefault();\n      const next = e.relatedTarget as Node | null;\n      if (next && e.currentTarget.contains(next)) {\n        return;\n      }\n      setIsDragging(false);\n    },\n    [disabled],\n  );\n\n  const handleDrop = useCallback(\n    async (e: React.DragEvent) => {\n      if (disabled) return;\n      setIsDragging(false);\n      if (!e.dataTransfer.types.includes(\"Files\")) return;\n      e.preventDefault();\n      const files = Array.from(e.dataTransfer.files);\n      if (!aui.thread.getState().capabilities.attachments || files.length === 0)\n        return;\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            // the readonly and empty-thread stubs only throw.\n          }\n        }),\n      );\n    },\n    [disabled, aui],\n  );\n\n  const mergedProps = {\n    ...(isDragging ? { \"data-dragging\": \"true\" } : null),\n    ...rest,\n    onDragEnterCapture: composeEventHandlers(\n      rest.onDragEnterCapture,\n      handleDragEnterCapture,\n    ),\n    onDragOverCapture: composeEventHandlers(\n      rest.onDragOverCapture,\n      handleDragOverCapture,\n    ),\n    onDragLeaveCapture: composeEventHandlers(\n      rest.onDragLeaveCapture,\n      handleDragLeaveCapture,\n    ),\n    onDropCapture: composeEventHandlers(rest.onDropCapture, handleDrop),\n    ref,\n  };\n\n  if (render && isValidElement(render)) {\n    const renderChildren =\n      children !== undefined\n        ? children\n        : (render.props as Record<string, unknown>).children;\n    return (\n      <Slot.Root {...mergedProps}>\n        {cloneElement(render, undefined, renderChildren as React.ReactNode)}\n      </Slot.Root>\n    );\n  }\n\n  const Comp = asChild ? Slot.Root : \"div\";\n  return <Comp {...mergedProps}>{children}</Comp>;\n});\n\nComposerPrimitiveAttachmentDropzone.displayName =\n  \"ComposerPrimitive.AttachmentDropzone\";\n"],"mappings":"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"}

package/dist/primitives/composer/ComposerInput.js

@@ -63,6 +63,7 @@ const ComposerPrimitiveInput = forwardRef(({ autoFocus = false, asChild, render,
 	const compositionRef = useRef(false);
 	useEscapeKeydown((e) => {
 		if (!textareaRef.current?.contains(e.target)) return;
+		if (e.isComposing) return;
 		if (pluginRegistry) {
 			for (const plugin of pluginRegistry.getPlugins()) if (plugin.handleKeyDown(e)) return;
 		}

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","plugin","getPlugins","handleKeyDown","composer","getState","canCancel","cancel","preventDefault","handleKeyPress","nativeEvent","isComposing","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      // 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(\"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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"}

package/dist/primitives/queueItem/QueueItemText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueueItemText.d.ts","names":[],"sources":["../../../src/primitives/queueItem/QueueItemText.tsx"],"mappings":";;;kBAUiB;OACH,UAAU,oBAAoB,UAAU;OACxC,QAAQ,gCAAgC,UAAU;;;;;;;;;;cAWnD,wCAAsB,0BAAA,KAAA,qBAAA,gBAAA,mCAAA,eAAA;;;;oBAWjC,cAAA,2CAAA,cAAA"}
+{"version":3,"file":"QueueItemText.d.ts","names":[],"sources":["../../../src/primitives/queueItem/QueueItemText.tsx"],"mappings":";;;kBAUiB;OACH,UAAU,oBAAoB,UAAU;OACxC,QAAQ,gCAAgC,UAAU;;;;;;;;;;cAWnD,wCAAsB,0BAAA,KAAA,qBAAA,gBAAA,mCAAA,eAAA;;;;oBAiBjC,cAAA,2CAAA,cAAA"}

package/dist/primitives/queueItem/QueueItemText.js

@@ -15,8 +15,8 @@ import { jsx } from "react/jsx-runtime";
 */
 const QueueItemPrimitiveText = forwardRef((props, ref) => {
 	const $ = c(4);
-	const prompt = useAuiState(_temp);
-	const t0 = props.children ?? prompt;
+	const text = useAuiState(_temp3);
+	const t0 = props.children ?? text;
 	let t1;
 	if ($[0] !== props || $[1] !== ref || $[2] !== t0) {
 		t1 = /* @__PURE__ */ jsx(Primitive.span, {
@@ -32,8 +32,14 @@ const QueueItemPrimitiveText = forwardRef((props, ref) => {
 	return t1;
 });
 QueueItemPrimitiveText.displayName = "QueueItemPrimitive.Text";
-function _temp(s) {
-	return s.queueItem.prompt;
+function _temp(part) {
+	return part.type === "text";
+}
+function _temp2(part_0) {
+	return part_0.text;
+}
+function _temp3(s) {
+	return (s.queueItem.parts ?? []).filter(_temp).map(_temp2).join("\n\n");
 }
 //#endregion
 export { QueueItemPrimitiveText };

package/dist/primitives/queueItem/QueueItemText.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueueItemText.js","names":["c","_c","Primitive","ComponentRef","ComponentPropsWithoutRef","forwardRef","useAuiState","QueueItemPrimitiveText","Element","span","Props","props","ref","$","prompt","_temp","t0","children","t1","displayName","s","queueItem"],"sources":["../../../src/primitives/queueItem/QueueItemText.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n} from \"react\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace QueueItemPrimitiveText {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\n/**\n * Renders the prompt text of a queue item.\n *\n * @example\n * ```tsx\n * <QueueItemPrimitive.Text />\n * ```\n */\nexport const QueueItemPrimitiveText = forwardRef<\n  QueueItemPrimitiveText.Element,\n  QueueItemPrimitiveText.Props\n>((props, ref) => {\n  const prompt = useAuiState((s) => s.queueItem.prompt);\n\n  return (\n    <Primitive.span {...props} ref={ref}>\n      {props.children ?? prompt}\n    </Primitive.span>\n  );\n});\n\nQueueItemPrimitiveText.displayName = \"QueueItemPrimitive.Text\";\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAaO,yBAAyBF,YAGpCM,OAAAC,QAAA;CAAA,MAAAC,IAAAZ,EAAA,CAAA;CACA,MAAAa,SAAeR,YAAYS,KAAyB;CAI/C,MAAAC,KAAAL,MAAKM,YAALH;CAAwB,IAAAI;CAAA,IAAAL,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAG,IAAA;EAD3BE,KAAA,oBAAA,UAAA,MAAA;GAAA,GAAoBP;GAAYC;GAC7BI,UAAAA;EACH,CAAA;EAAiBH,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAG;EAAAH,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFjBK;AAEiB,CAEpB;AAEDX,uBAAuBY,cAAc;AAVnC,SAAAJ,MAAAK,GAAA;CAAA,OACkCA,EAACC,UAAUP;AAAO"}
+{"version":3,"file":"QueueItemText.js","names":["c","_c","Primitive","ComponentRef","ComponentPropsWithoutRef","forwardRef","useAuiState","QueueItemPrimitiveText","Element","span","Props","props","ref","$","text","_temp3","t0","children","t1","displayName","_temp","part","type","_temp2","part_0","s","queueItem","parts","filter","map","join"],"sources":["../../../src/primitives/queueItem/QueueItemText.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentRef,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n} from \"react\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace QueueItemPrimitiveText {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\n/**\n * Renders the prompt text of a queue item.\n *\n * @example\n * ```tsx\n * <QueueItemPrimitive.Text />\n * ```\n */\nexport const QueueItemPrimitiveText = forwardRef<\n  QueueItemPrimitiveText.Element,\n  QueueItemPrimitiveText.Props\n>((props, ref) => {\n  const text = useAuiState((s) =>\n    // hosts on the pre-parts adapter shape may omit the field at runtime\n    (s.queueItem.parts ?? [])\n      .filter((part) => part.type === \"text\")\n      .map((part) => part.text)\n      .join(\"\\n\\n\"),\n  );\n\n  return (\n    <Primitive.span {...props} ref={ref}>\n      {props.children ?? text}\n    </Primitive.span>\n  );\n});\n\nQueueItemPrimitiveText.displayName = \"QueueItemPrimitive.Text\";\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAaO,yBAAyBF,YAGpCM,OAAAC,QAAA;CAAA,MAAAC,IAAAZ,EAAA,CAAA;CACA,MAAAa,OAAaR,YAAYS,MAMzB;CAIK,MAAAC,KAAAL,MAAKM,YAALH;CAAsB,IAAAI;CAAA,IAAAL,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAG,IAAA;EADzBE,KAAA,oBAAA,UAAA,MAAA;GAAA,GAAoBP;GAAYC;GAC7BI,UAAAA;EACH,CAAA;EAAiBH,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAG;EAAAH,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFjBK;AAEiB,CAEpB;AAEDX,uBAAuBY,cAAc;AAhBnC,SAAAC,MAAAC,MAAA;CAAA,OAIsBA,KAAIC,SAAU;AAAM;AAJ1C,SAAAC,OAAAC,QAAA;CAAA,OAKmBH,OAAIP;AAAK;AAL5B,SAAAC,OAAAU,GAAA;CAAA,QAGGA,EAACC,UAAUC,SAAX,CAAA,EAAA,CAAuBC,OACdR,KAA8B,CAAC,CAAAS,IAClCN,MAAmB,CAAC,CAAAO,KACnB,MAAM;AAAC"}

package/dist/primitives/selectionToolbar/SelectionToolbarRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionToolbarRoot.d.ts","names":[],"sources":["../../../src/primitives/selectionToolbar/SelectionToolbarRoot.tsx"],"mappings":";;;KAeK;EACH;EACA;EACA,MAAM;;cAKK,+BAAuB;kBAGnB;OACH,UAAU,oBAAoB,UAAU;OACxC,QAAQ,gCAAgC,UAAU;;;;;;;;;;;;;;;;cAiBnD,+CAA6B,0BAAA,KAAA,qBAAA,gBAAA,kCAAA,eAAA;;;;oBAmFxC,cAAA,0CAAA,cAAA"}
+{"version":3,"file":"SelectionToolbarRoot.d.ts","names":[],"sources":["../../../src/primitives/selectionToolbar/SelectionToolbarRoot.tsx"],"mappings":";;;KAgBK;EACH;EACA;EACA,MAAM;;cAKK,+BAAuB;kBAGnB;OACH,UAAU,oBAAoB,UAAU;OACxC,QAAQ,gCAAgC,UAAU;;;;;;;;;;;;;;;;cAiBnD,+CAA6B,0BAAA,KAAA,qBAAA,gBAAA,kCAAA,eAAA;;;;oBAkFxC,cAAA,0CAAA,cAAA"}

package/dist/primitives/selectionToolbar/SelectionToolbarRoot.js

@@ -4,6 +4,7 @@ import { getSelectionMessageId } from "../../utils/getSelectionMessageId.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { createContext, forwardRef, useContext, useEffect, useState } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
+import { composeEventHandlers } from "@radix-ui/primitive";
 import { createPortal } from "react-dom";
 //#region src/primitives/selectionToolbar/SelectionToolbarRoot.tsx
 const SelectionToolbarContext = createContext(null);
@@ -117,10 +118,7 @@ const SelectionToolbarPrimitiveRoot = forwardRef((t0, forwardedRef) => {
 	const positionStyle = t5;
 	let t6;
 	if ($[10] !== onMouseDown) {
-		t6 = (e) => {
-			e.preventDefault();
-			onMouseDown?.(e);
-		};
+		t6 = composeEventHandlers(onMouseDown, _temp);
 		$[10] = onMouseDown;
 		$[11] = t6;
 	} else t6 = $[11];
@@ -151,6 +149,9 @@ const SelectionToolbarPrimitiveRoot = forwardRef((t0, forwardedRef) => {
 	return t8;
 });
 SelectionToolbarPrimitiveRoot.displayName = "SelectionToolbarPrimitive.Root";
+function _temp(e) {
+	e.preventDefault();
+}
 //#endregion
 export { SelectionToolbarPrimitiveRoot, useSelectionToolbarInfo };
 

package/dist/primitives/selectionToolbar/SelectionToolbarRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionToolbarRoot.js","names":["c","_c","Primitive","ComponentPropsWithoutRef","ComponentRef","createContext","forwardRef","useContext","useEffect","useState","createPortal","getSelectionMessageId","SelectionInfo","text","messageId","rect","DOMRect","SelectionToolbarContext","useSelectionToolbarInfo","SelectionToolbarPrimitiveRoot","Element","div","Props","t0","forwardedRef","$","onMouseDown","props","style","info","setInfo","t1","t2","Symbol","for","checkSelection","requestAnimationFrame","sel","window","getSelection","isCollapsed","toString","trim","range","getRangeAt","getBoundingClientRect","handleSelectionCollapse","sel_0","handleScroll","document","addEventListener","removeEventListener","t3","top","t4","left","width","t5","position","transform","zIndex","positionStyle","t6","e","preventDefault","t7","t8","body","displayName"],"sources":["../../../src/primitives/selectionToolbar/SelectionToolbarRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { getSelectionMessageId } from \"../../utils/getSelectionMessageId\";\n\ntype SelectionInfo = {\n  text: string;\n  messageId: string;\n  rect: DOMRect;\n};\n\nconst SelectionToolbarContext = createContext<SelectionInfo | null>(null);\n\nexport const useSelectionToolbarInfo = () =>\n  useContext(SelectionToolbarContext);\n\nexport namespace SelectionToolbarPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * A floating toolbar that appears when text is selected within a message.\n *\n * Listens for mouse and keyboard selection events, validates that the\n * selection is within a single message, and renders a positioned portal\n * near the selection. Prevents mousedown from clearing the selection.\n *\n * @example\n * ```tsx\n * <SelectionToolbarPrimitive.Root>\n *   <SelectionToolbarPrimitive.Quote>Quote</SelectionToolbarPrimitive.Quote>\n * </SelectionToolbarPrimitive.Root>\n * ```\n */\nexport const SelectionToolbarPrimitiveRoot = forwardRef<\n  SelectionToolbarPrimitiveRoot.Element,\n  SelectionToolbarPrimitiveRoot.Props\n>(({ onMouseDown, style, ...props }, forwardedRef) => {\n  const [info, setInfo] = useState<SelectionInfo | null>(null);\n\n  useEffect(() => {\n    const checkSelection = () => {\n      requestAnimationFrame(() => {\n        const sel = window.getSelection();\n        if (!sel || sel.isCollapsed) {\n          setInfo(null);\n          return;\n        }\n\n        const text = sel.toString().trim();\n        if (!text) {\n          setInfo(null);\n          return;\n        }\n\n        const messageId = getSelectionMessageId(sel);\n        if (!messageId) {\n          setInfo(null);\n          return;\n        }\n\n        const range = sel.getRangeAt(0);\n        const rect = range.getBoundingClientRect();\n        setInfo({ text, messageId, rect });\n      });\n    };\n\n    const handleSelectionCollapse = () => {\n      const sel = window.getSelection();\n      if (!sel || sel.isCollapsed) {\n        setInfo(null);\n      }\n    };\n\n    const handleScroll = () => {\n      setInfo(null);\n    };\n\n    document.addEventListener(\"mouseup\", checkSelection);\n    document.addEventListener(\"keyup\", checkSelection);\n    document.addEventListener(\"selectionchange\", handleSelectionCollapse);\n    document.addEventListener(\"scroll\", handleScroll, true);\n\n    return () => {\n      document.removeEventListener(\"mouseup\", checkSelection);\n      document.removeEventListener(\"keyup\", checkSelection);\n      document.removeEventListener(\"selectionchange\", handleSelectionCollapse);\n      document.removeEventListener(\"scroll\", handleScroll, true);\n    };\n  }, []);\n\n  if (!info) return null;\n\n  const positionStyle: React.CSSProperties = {\n    position: \"fixed\",\n    top: `${info.rect.top - 8}px`,\n    left: `${info.rect.left + info.rect.width / 2}px`,\n    transform: \"translate(-50%, -100%)\",\n    zIndex: 50,\n    ...style,\n  };\n\n  return createPortal(\n    <SelectionToolbarContext.Provider value={info}>\n      <Primitive.div\n        {...props}\n        ref={forwardedRef}\n        style={positionStyle}\n        onMouseDown={(e) => {\n          // Prevent mousedown from clearing the text selection\n          e.preventDefault();\n          onMouseDown?.(e);\n        }}\n      />\n    </SelectionToolbarContext.Provider>,\n    document.body,\n  );\n});\n\nSelectionToolbarPrimitiveRoot.displayName = \"SelectionToolbarPrimitive.Root\";\n"],"mappings":"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"}
+{"version":3,"file":"SelectionToolbarRoot.js","names":["c","_c","Primitive","composeEventHandlers","ComponentPropsWithoutRef","ComponentRef","createContext","forwardRef","useContext","useEffect","useState","createPortal","getSelectionMessageId","SelectionInfo","text","messageId","rect","DOMRect","SelectionToolbarContext","useSelectionToolbarInfo","SelectionToolbarPrimitiveRoot","Element","div","Props","t0","forwardedRef","$","onMouseDown","props","style","info","setInfo","t1","t2","Symbol","for","checkSelection","requestAnimationFrame","sel","window","getSelection","isCollapsed","toString","trim","range","getRangeAt","getBoundingClientRect","handleSelectionCollapse","sel_0","handleScroll","document","addEventListener","removeEventListener","t3","top","t4","left","width","t5","position","transform","zIndex","positionStyle","t6","_temp","t7","t8","body","displayName","e","preventDefault"],"sources":["../../../src/primitives/selectionToolbar/SelectionToolbarRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { getSelectionMessageId } from \"../../utils/getSelectionMessageId\";\n\ntype SelectionInfo = {\n  text: string;\n  messageId: string;\n  rect: DOMRect;\n};\n\nconst SelectionToolbarContext = createContext<SelectionInfo | null>(null);\n\nexport const useSelectionToolbarInfo = () =>\n  useContext(SelectionToolbarContext);\n\nexport namespace SelectionToolbarPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * A floating toolbar that appears when text is selected within a message.\n *\n * Listens for mouse and keyboard selection events, validates that the\n * selection is within a single message, and renders a positioned portal\n * near the selection. Prevents mousedown from clearing the selection.\n *\n * @example\n * ```tsx\n * <SelectionToolbarPrimitive.Root>\n *   <SelectionToolbarPrimitive.Quote>Quote</SelectionToolbarPrimitive.Quote>\n * </SelectionToolbarPrimitive.Root>\n * ```\n */\nexport const SelectionToolbarPrimitiveRoot = forwardRef<\n  SelectionToolbarPrimitiveRoot.Element,\n  SelectionToolbarPrimitiveRoot.Props\n>(({ onMouseDown, style, ...props }, forwardedRef) => {\n  const [info, setInfo] = useState<SelectionInfo | null>(null);\n\n  useEffect(() => {\n    const checkSelection = () => {\n      requestAnimationFrame(() => {\n        const sel = window.getSelection();\n        if (!sel || sel.isCollapsed) {\n          setInfo(null);\n          return;\n        }\n\n        const text = sel.toString().trim();\n        if (!text) {\n          setInfo(null);\n          return;\n        }\n\n        const messageId = getSelectionMessageId(sel);\n        if (!messageId) {\n          setInfo(null);\n          return;\n        }\n\n        const range = sel.getRangeAt(0);\n        const rect = range.getBoundingClientRect();\n        setInfo({ text, messageId, rect });\n      });\n    };\n\n    const handleSelectionCollapse = () => {\n      const sel = window.getSelection();\n      if (!sel || sel.isCollapsed) {\n        setInfo(null);\n      }\n    };\n\n    const handleScroll = () => {\n      setInfo(null);\n    };\n\n    document.addEventListener(\"mouseup\", checkSelection);\n    document.addEventListener(\"keyup\", checkSelection);\n    document.addEventListener(\"selectionchange\", handleSelectionCollapse);\n    document.addEventListener(\"scroll\", handleScroll, true);\n\n    return () => {\n      document.removeEventListener(\"mouseup\", checkSelection);\n      document.removeEventListener(\"keyup\", checkSelection);\n      document.removeEventListener(\"selectionchange\", handleSelectionCollapse);\n      document.removeEventListener(\"scroll\", handleScroll, true);\n    };\n  }, []);\n\n  if (!info) return null;\n\n  const positionStyle: React.CSSProperties = {\n    position: \"fixed\",\n    top: `${info.rect.top - 8}px`,\n    left: `${info.rect.left + info.rect.width / 2}px`,\n    transform: \"translate(-50%, -100%)\",\n    zIndex: 50,\n    ...style,\n  };\n\n  return createPortal(\n    <SelectionToolbarContext.Provider value={info}>\n      <Primitive.div\n        {...props}\n        ref={forwardedRef}\n        style={positionStyle}\n        onMouseDown={composeEventHandlers(onMouseDown, (e) => {\n          // Prevent mousedown from clearing the text selection\n          e.preventDefault();\n        })}\n      />\n    </SelectionToolbarContext.Provider>,\n    document.body,\n  );\n});\n\nSelectionToolbarPrimitiveRoot.displayName = \"SelectionToolbarPrimitive.Root\";\n"],"mappings":"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"}

package/dist/utils/createActionButton.js

@@ -21,8 +21,8 @@ const createActionButton = (displayName, useActionButton, forwardProps = []) =>
 		let t4;
 		if ($[0] !== forwardedRef || $[1] !== primitiveProps || $[2] !== t0.button || $[3] !== t2 || $[4] !== t3) {
 			t4 = /* @__PURE__ */ jsx(t0.button, {
-				...primitiveProps,
 				type: t1,
+				...primitiveProps,
 				ref: forwardedRef,
 				disabled: t2,
 				onClick: t3

package/dist/utils/createActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"createActionButton.js","names":["ComponentRef","forwardRef","ComponentPropsWithoutRef","MouseEventHandler","Primitive","composeEventHandlers","ActionButtonCallback","props","TProps","HTMLButtonElement","PrimitiveButtonProps","button","ActionButtonProps","THook","ActionButtonElement","createActionButton","displayName","useActionButton","forwardProps","NonNullable","ActionButton","forwardedRef","$","_c","forwardedProps","primitiveProps","Object","keys","Array","forEach","key","includes","callback","undefined","t0","t1","t2","disabled","t3","onClick","t4"],"sources":["../../src/utils/createActionButton.tsx"],"sourcesContent":["import {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type MouseEventHandler,\n} from \"react\";\nimport { Primitive } from \"./Primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\ntype ActionButtonCallback<TProps> = (\n  props: TProps,\n) => MouseEventHandler<HTMLButtonElement> | null;\n\ntype PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;\n\nexport type ActionButtonProps<THook> = PrimitiveButtonProps &\n  (THook extends (props: infer TProps) => unknown ? TProps : never);\n\nexport type ActionButtonElement = ComponentRef<typeof Primitive.button>;\n\nexport const createActionButton = <TProps,>(\n  displayName: string,\n  useActionButton: ActionButtonCallback<TProps>,\n  forwardProps: (keyof NonNullable<TProps>)[] = [],\n) => {\n  const ActionButton = forwardRef<\n    ActionButtonElement,\n    PrimitiveButtonProps & TProps\n  >((props, forwardedRef) => {\n    const forwardedProps = {} as TProps;\n    const primitiveProps = {} as PrimitiveButtonProps;\n\n    (Object.keys(props) as Array<keyof typeof props>).forEach((key) => {\n      if (forwardProps.includes(key as keyof TProps)) {\n        (forwardedProps as any)[key] = props[key];\n      } else {\n        (primitiveProps as any)[key] = props[key];\n      }\n    });\n\n    const callback = useActionButton(forwardedProps as TProps) ?? undefined;\n    return (\n      <Primitive.button\n        {...primitiveProps}\n        type=\"button\"\n        ref={forwardedRef}\n        disabled={primitiveProps.disabled || !callback}\n        onClick={composeEventHandlers(primitiveProps.onClick, callback)}\n      />\n    );\n  });\n\n  ActionButton.displayName = displayName;\n\n  return ActionButton;\n};\n"],"mappings":";;;;;;AAoBA,MAAae,sBACXC,aACAC,iBACAC,eAA8C,CAAA,MAC3C;CACH,MAAME,eAAenB,YAGnBM,OAAAc,iBAAA;EAAA,MAAAC,IAAAC,EAAA,CAAA;EACA,MAAAC,iBAAuB,CAAC;EACxB,MAAAC,iBAAuB,CAAC;EAExB,OAAOE,KAAMpB,KAAK,CAAC,CAA6BsB,SAAUC,QAAA;GACxD,IAAIZ,aAAYa,SAAUD,GAAmB,GAC3C,eAAwBA,OAAOvB,MAAMuB;QAErC,eAAwBA,OAAOvB,MAAMuB;EACtC,CACF;EAED,MAAAE,WAAiBf,gBAAgBO,cAAqC,KAArDS,KAAAA;EAEd,MAAAC,KAAA9B;EAEM,MAAA+B,KAAA;EAEK,MAAAC,KAAAX,eAAcY,YAAd,CAA4BL;EAC7B,MAAAM,KAAAjC,qBAAqBoB,eAAcc,SAAUP,QAAQ;EAAC,IAAAQ;EAAA,IAAAlB,EAAA,OAAAD,gBAAAC,EAAA,OAAAG,kBAAAH,EAAA,OAAAY,GAAAvB,UAAAW,EAAA,OAAAc,MAAAd,EAAA,OAAAgB,IAAA;GALjEE,KAAA,oBAAA,GAAA,QAAA;IAAA,GACMf;IACC,MAAAU;IACAd,KAAAA;IACK,UAAAe;IACD,SAAAE;GAAsD,CAAA;GAC/DhB,EAAA,KAAAD;GAAAC,EAAA,KAAAG;GAAAH,EAAA,KAAAY,GAAAvB;GAAAW,EAAA,KAAAc;GAAAd,EAAA,KAAAgB;GAAAhB,EAAA,KAAAkB;EAAA,OAAAA,KAAAlB,EAAA;EAAA,OANFkB;CAME,CAEL;CAEDpB,aAAaJ,cAAcA;CAE3B,OAAOI;AACT"}
+{"version":3,"file":"createActionButton.js","names":["ComponentRef","forwardRef","ComponentPropsWithoutRef","MouseEventHandler","Primitive","composeEventHandlers","ActionButtonCallback","props","TProps","HTMLButtonElement","PrimitiveButtonProps","button","ActionButtonProps","THook","ActionButtonElement","createActionButton","displayName","useActionButton","forwardProps","NonNullable","ActionButton","forwardedRef","$","_c","forwardedProps","primitiveProps","Object","keys","Array","forEach","key","includes","callback","undefined","t0","t1","t2","disabled","t3","onClick","t4"],"sources":["../../src/utils/createActionButton.tsx"],"sourcesContent":["import {\n  type ComponentRef,\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type MouseEventHandler,\n} from \"react\";\nimport { Primitive } from \"./Primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\n\ntype ActionButtonCallback<TProps> = (\n  props: TProps,\n) => MouseEventHandler<HTMLButtonElement> | null;\n\ntype PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;\n\nexport type ActionButtonProps<THook> = PrimitiveButtonProps &\n  (THook extends (props: infer TProps) => unknown ? TProps : never);\n\nexport type ActionButtonElement = ComponentRef<typeof Primitive.button>;\n\nexport const createActionButton = <TProps,>(\n  displayName: string,\n  useActionButton: ActionButtonCallback<TProps>,\n  forwardProps: (keyof NonNullable<TProps>)[] = [],\n) => {\n  const ActionButton = forwardRef<\n    ActionButtonElement,\n    PrimitiveButtonProps & TProps\n  >((props, forwardedRef) => {\n    const forwardedProps = {} as TProps;\n    const primitiveProps = {} as PrimitiveButtonProps;\n\n    (Object.keys(props) as Array<keyof typeof props>).forEach((key) => {\n      if (forwardProps.includes(key as keyof TProps)) {\n        (forwardedProps as any)[key] = props[key];\n      } else {\n        (primitiveProps as any)[key] = props[key];\n      }\n    });\n\n    const callback = useActionButton(forwardedProps as TProps) ?? undefined;\n    return (\n      <Primitive.button\n        type=\"button\"\n        {...primitiveProps}\n        ref={forwardedRef}\n        disabled={primitiveProps.disabled || !callback}\n        onClick={composeEventHandlers(primitiveProps.onClick, callback)}\n      />\n    );\n  });\n\n  ActionButton.displayName = displayName;\n\n  return ActionButton;\n};\n"],"mappings":";;;;;;AAoBA,MAAae,sBACXC,aACAC,iBACAC,eAA8C,CAAA,MAC3C;CACH,MAAME,eAAenB,YAGnBM,OAAAc,iBAAA;EAAA,MAAAC,IAAAC,EAAA,CAAA;EACA,MAAAC,iBAAuB,CAAC;EACxB,MAAAC,iBAAuB,CAAC;EAExB,OAAOE,KAAMpB,KAAK,CAAC,CAA6BsB,SAAUC,QAAA;GACxD,IAAIZ,aAAYa,SAAUD,GAAmB,GAC3C,eAAwBA,OAAOvB,MAAMuB;QAErC,eAAwBA,OAAOvB,MAAMuB;EACtC,CACF;EAED,MAAAE,WAAiBf,gBAAgBO,cAAqC,KAArDS,KAAAA;EAEd,MAAAC,KAAA9B;EACM,MAAA+B,KAAA;EAGK,MAAAC,KAAAX,eAAcY,YAAd,CAA4BL;EAC7B,MAAAM,KAAAjC,qBAAqBoB,eAAcc,SAAUP,QAAQ;EAAC,IAAAQ;EAAA,IAAAlB,EAAA,OAAAD,gBAAAC,EAAA,OAAAG,kBAAAH,EAAA,OAAAY,GAAAvB,UAAAW,EAAA,OAAAc,MAAAd,EAAA,OAAAgB,IAAA;GALjEE,KAAA,oBAAA,GAAA,QAAA;IACO,MAAAL;IAAQ,GACTV;IACCJ,KAAAA;IACK,UAAAe;IACD,SAAAE;GAAsD,CAAA;GAC/DhB,EAAA,KAAAD;GAAAC,EAAA,KAAAG;GAAAH,EAAA,KAAAY,GAAAvB;GAAAW,EAAA,KAAAc;GAAAd,EAAA,KAAAgB;GAAAhB,EAAA,KAAAkB;EAAA,OAAAA,KAAAlB,EAAA;EAAA,OANFkB;CAME,CAEL;CAEDpB,aAAaJ,cAAcA;CAE3B,OAAOI;AACT"}

package/dist/utils/useToolArgsFieldStatus.d.ts

@@ -1,5 +1,7 @@
 //#region src/utils/useToolArgsFieldStatus.d.ts
 declare const useToolArgsFieldStatus: (fieldPath: (string | number)[]) => {
+  type: string;
+} | {
   readonly type: "running";
 } | {
   readonly type: "complete";
@@ -7,8 +9,6 @@ declare const useToolArgsFieldStatus: (fieldPath: (string | number)[]) => {
   readonly type: "incomplete";
   readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
   readonly error?: unknown;
-} | {
-  type: string;
 };
 //#endregion
 export { useToolArgsFieldStatus };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react",
-  "version": "0.15.4",
+  "version": "0.15.6",
   "description": "Open-source TypeScript/React library for building production-grade AI chat experiences",
   "keywords": [
     "ai",
@@ -54,10 +54,17 @@
     "README.md"
   ],
   "sideEffects": false,
+  "scripts": {
+    "prepack": "cp ../../README.md /tmp/aui-readme-pack.md && mv /tmp/aui-readme-pack.md ./README.md",
+    "postpack": "rm -f ./README.md && ln -s ../../README.md ./README.md",
+    "build": "aui-build",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
   "dependencies": {
-    "@assistant-ui/core": "^0.3.5",
-    "@assistant-ui/store": "^0.3.3",
-    "@assistant-ui/tap": "^0.9.9",
+    "@assistant-ui/core": "^0.3.7",
+    "@assistant-ui/store": "^0.3.5",
+    "@assistant-ui/tap": "^0.9.10",
     "@radix-ui/primitive": "^1.1.7",
     "@radix-ui/react-collection": "^1.1.15",
     "@radix-ui/react-compose-refs": "^1.1.5",
@@ -67,7 +74,7 @@
     "@radix-ui/react-use-controllable-state": "^1.2.6",
     "@radix-ui/react-use-escape-keydown": "^1.1.5",
     "assistant-cloud": "^0.1.38",
-    "assistant-stream": "^0.3.33",
+    "assistant-stream": "^0.3.34",
     "nanoid": "^6.0.0",
     "radix-ui": "^1.6.7",
     "react-textarea-autosize": "^8.5.9",
@@ -90,6 +97,8 @@
     }
   },
   "devDependencies": {
+    "@assistant-ui/vite": "workspace:*",
+    "@assistant-ui/x-buildutils": "workspace:*",
     "@testing-library/react": "^16.3.2",
     "@types/json-schema": "^7.0.15",
     "@types/node": "^26.1.1",
@@ -98,9 +107,7 @@
     "jsdom": "^29.1.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "vitest": "^4.1.10",
-    "@assistant-ui/vite": "0.0.11",
-    "@assistant-ui/x-buildutils": "0.0.20"
+    "vitest": "^4.1.10"
   },
   "publishConfig": {
     "access": "public",
@@ -114,10 +121,5 @@
   },
   "bugs": {
     "url": "https://github.com/assistant-ui/assistant-ui/issues"
-  },
-  "scripts": {
-    "build": "aui-build",
-    "test": "vitest run",
-    "test:watch": "vitest"
   }
-}
+}

package/src/client/ExternalThread.ts

@@ -32,6 +32,7 @@ import type {
   ToolCallMessagePartStatus,
   ExternalThreadQueueAdapter,
   ExternalThreadBranchAdapter,
+  QueuePlacement,
 } from "@assistant-ui/core";
 import { ToolResponse } from "assistant-stream";
 import type { ReadonlyJSONValue } from "assistant-stream/utils";
@@ -175,7 +176,6 @@ const useMessageClient = ({
   };
 
   const handleSendEdit = (msg: AppendMessage) => {
-    queue?.clear("edit");
     onEdit?.({
       ...msg,
       parentId,
@@ -395,16 +395,17 @@ type ComposerClientResourceProps = {
 
 const useQueueItemClient = ({
   item,
-  onSteer,
+  onMove,
   onRemove,
 }: {
   item: QueueItemState;
-  onSteer: () => void;
+  onMove: (placement: QueuePlacement) => void;
   onRemove: () => void;
 }): ClientOutput<"queueItem"> => {
   return {
     getState: () => item,
-    steer: onSteer,
+    steer: () => onMove({ lane: "steer", insertAfter: null }),
+    move: onMove,
     remove: onRemove,
   };
 };
@@ -522,14 +523,24 @@ const useComposerClientResource = ({
     });
   };
 
-  const queueItems = queue?.items ?? EMPTY_QUEUE_ITEMS;
+  const steerItems = queue?.steerItems ?? EMPTY_QUEUE_ITEMS;
+  const laneItems = queue?.items ?? EMPTY_QUEUE_ITEMS;
+  const queueItems = useMemo(
+    () =>
+      steerItems.length === 0
+        ? laneItems
+        : laneItems.length === 0
+          ? steerItems
+          : [...steerItems, ...laneItems],
+    [steerItems, laneItems],
+  );
   const queueItemClients = useClientLookup(
     queueItems.map((item) =>
       withKey(
         item.id,
         QueueItemClient({
           item,
-          onSteer: () => queue?.steer(item.id),
+          onMove: (placement) => queue?.move(item.id, placement),
           onRemove: () => queue?.remove(item.id),
         }),
       ),
@@ -661,8 +672,10 @@ const useComposerClientResource = ({
             custom: { ...(currentQuote ? { quote: currentQuote } : {}) },
           },
         };
-        if (queue) {
-          queue.enqueue(composedMessage, { steer: opts?.steer ?? false });
+        // edit sends carry a sourceId contract; only thread sends queue
+        if (queue && type === "thread") {
+          if (opts?.steer ?? canCancel) queue.steer(composedMessage);
+          else queue.enqueue(composedMessage);
         } else {
           onSend?.(composedMessage);
         }
@@ -697,7 +710,10 @@ const useComposerClientResource = ({
     startDictation: () => {},
     stopDictation: () => {},
     setQuote,
-    queueItem: (selector: { index: number }) => {
+    queueItem: (selector: { index: number } | { id: string }) => {
+      if ("id" in selector) {
+        return queueItemClients.get({ key: selector.id });
+      }
       return queueItemClients.get(selector);
     },
   };
@@ -754,7 +770,6 @@ const useExternalThread = ({
     if (messageIndex === -1) return;
 
     const parentId = messageIndex > 0 ? messages[messageIndex - 1]!.id : null;
-    queue?.clear("reload");
     onReload?.(parentId);
   };
 
@@ -778,7 +793,6 @@ const useExternalThread = ({
   );
 
   const handleCancelRun = () => {
-    queue?.clear("cancel-run");
     onCancel?.();
   };
 
@@ -793,11 +807,10 @@ const useExternalThread = ({
     (): ExternalThreadQueueAdapter | undefined =>
       queue && {
         ...queue,
-        enqueue: (message, options) =>
-          queue.enqueue(
-            { ...message, parentId: message.parentId ?? headId },
-            options,
-          ),
+        enqueue: (message) =>
+          queue.enqueue({ ...message, parentId: message.parentId ?? headId }),
+        steer: (message) =>
+          queue.steer({ ...message, parentId: message.parentId ?? headId }),
       },
     [queue, headId],
   );
@@ -898,7 +911,7 @@ const useExternalThread = ({
               startRun: message.startRun,
             };
       if (queue) {
-        queue.enqueue(appendMessage, { steer: false });
+        queue.enqueue(appendMessage);
       } else {
         onNew?.(appendMessage);
       }

package/src/context/providers/MessageProvider.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import type { FC, PropsWithChildren } from "react";
-import { useAui, AuiProvider } from "@assistant-ui/store";
+import { useAui, AuiConfig, AuiProvider } from "@assistant-ui/store";
 import {
   type ThreadMessageClientProps,
   ThreadMessageClient,
@@ -10,9 +10,11 @@ import {
 export const MessageProvider: FC<
   PropsWithChildren<ThreadMessageClientProps>
 > = ({ children, ...props }) => {
-  const aui = useAui({
-    message: ThreadMessageClient(props),
-  });
-
-  return <AuiProvider value={aui}>{children}</AuiProvider>;
+  const aui = useAui();
+  const config = AuiConfig({ message: ThreadMessageClient(props) });
+  return (
+    <AuiProvider extends={aui} config={config}>
+      {children}
+    </AuiProvider>
+  );
 };

package/src/index.ts

@@ -4,6 +4,7 @@
 export {
   useAui,
   AuiProvider,
+  AuiConfig,
   useAuiState,
   useAuiEvent,
   AuiIf,
@@ -167,7 +168,10 @@ export type { LocalRuntimeOptions } from "./legacy-runtime/runtime-cores/local/L
 // --- remote-thread-list ---
 export { useRemoteThreadListRuntime } from "./legacy-runtime/runtime-cores/remote-thread-list/useRemoteThreadListRuntime";
 export { useCloudThreadListAdapter } from "./legacy-runtime/runtime-cores/remote-thread-list/adapter/cloud";
-export type { RemoteThreadListAdapter } from "@assistant-ui/core";
+export type {
+  RemoteThreadListAdapter,
+  RemoteThreadListProviderComponent,
+} from "@assistant-ui/core";
 export { InMemoryThreadListAdapter } from "@assistant-ui/core";
 
 // Re-export from @assistant-ui/core (runtime-cores root)