@assistant-ui/react-native 0.1.2 → 0.1.4

package/src/context/AssistantContext.tsx

@@ -1,31 +1,4 @@
-import { type ReactNode, memo } from "react";
-import { useAui } from "@assistant-ui/store";
-import type { AssistantRuntime } from "@assistant-ui/core";
-import { AssistantProviderBase } from "@assistant-ui/core/react";
-
-export const useAssistantRuntime = (): AssistantRuntime => {
-  const aui = useAui();
-  const runtime = aui.threads().__internal_getAssistantRuntime?.();
-  if (!runtime) {
-    throw new Error(
-      "useAssistantRuntime must be used within an AssistantProvider",
-    );
-  }
-  return runtime;
-};
-
-export const AssistantProvider = memo(
-  ({
-    runtime,
-    children,
-  }: {
-    runtime: AssistantRuntime;
-    children: ReactNode;
-  }) => {
-    return (
-      <AssistantProviderBase runtime={runtime}>
-        {children}
-      </AssistantProviderBase>
-    );
-  },
-);
+export {
+  AssistantRuntimeProvider,
+  useAssistantRuntime,
+} from "@assistant-ui/core/react";

package/src/context/index.ts

@@ -1 +1,4 @@
-export { AssistantProvider, useAssistantRuntime } from "./AssistantContext";
+export {
+  AssistantRuntimeProvider,
+  useAssistantRuntime,
+} from "./AssistantContext";

package/src/context/providers/RuntimeAdapterProvider.tsx

@@ -1,42 +1,5 @@
-import { createContext, FC, ReactNode, useContext } from "react";
-import type {
-  ThreadHistoryAdapter,
-  AttachmentAdapter,
-  ModelContextProvider,
-} from "@assistant-ui/core";
-
-export type RuntimeAdapters = {
-  modelContext?: ModelContextProvider | undefined;
-  history?: ThreadHistoryAdapter | undefined;
-  attachments?: AttachmentAdapter | undefined;
-};
-
-const RuntimeAdaptersContext = createContext<RuntimeAdapters | null>(null);
-
-export namespace RuntimeAdapterProvider {
-  export type Props = {
-    adapters: RuntimeAdapters;
-    children: ReactNode;
-  };
-}
-
-export const RuntimeAdapterProvider: FC<RuntimeAdapterProvider.Props> = ({
-  adapters,
-  children,
-}) => {
-  const context = useContext(RuntimeAdaptersContext);
-  return (
-    <RuntimeAdaptersContext.Provider
-      value={{
-        ...context,
-        ...adapters,
-      }}
-    >
-      {children}
-    </RuntimeAdaptersContext.Provider>
-  );
-};
-
-export const useRuntimeAdapters = () => {
-  return useContext(RuntimeAdaptersContext);
-};
+export {
+  RuntimeAdapterProvider,
+  useRuntimeAdapters,
+  type RuntimeAdapters,
+} from "@assistant-ui/core/react";

package/src/index.ts

@@ -1,4 +1,4 @@
-import "@assistant-ui/core/react"; // store-augmentation side-effect (tools, dataRenderers scopes)
+/// <reference types="@assistant-ui/core/react" />
 
 // Re-export core types
 export type {
@@ -92,27 +92,7 @@ export {
 } from "@assistant-ui/store";
 
 // Context providers and hooks
-export { AssistantProvider, useAssistantRuntime } from "./context";
-
-// Primitive hooks
-export {
-  useThreadMessages,
-  useThreadIsRunning,
-  useThreadIsEmpty,
-  useComposerSend,
-  useComposerCancel,
-  useMessageReload,
-  useMessageBranching,
-  useActionBarCopy,
-  type UseActionBarCopyOptions,
-  useActionBarEdit,
-  useActionBarReload,
-  useActionBarFeedbackPositive,
-  useActionBarFeedbackNegative,
-  useEditComposerSend,
-  useEditComposerCancel,
-  useComposerAddAttachment,
-} from "./primitive-hooks";
+export { AssistantRuntimeProvider, useAssistantRuntime } from "./context";
 
 // Runtime
 export {
@@ -122,16 +102,16 @@ export {
 } from "./runtimes";
 
 // Primitives
-export * from "./primitives/thread";
-export * from "./primitives/composer";
-export * from "./primitives/message";
-export * from "./primitives/threadList";
-export * from "./primitives/actionBar";
-export * from "./primitives/branchPicker";
-export * from "./primitives/attachment";
-export * from "./primitives/threadListItem";
-export * from "./primitives/chainOfThought";
-export * from "./primitives/suggestion";
+export * as ThreadPrimitive from "./primitives/thread";
+export * as ComposerPrimitive from "./primitives/composer";
+export * as MessagePrimitive from "./primitives/message";
+export * as ThreadListPrimitive from "./primitives/threadList";
+export * as ActionBarPrimitive from "./primitives/actionBar";
+export * as BranchPickerPrimitive from "./primitives/branchPicker";
+export * as AttachmentPrimitive from "./primitives/attachment";
+export * as ThreadListItemPrimitive from "./primitives/threadListItem";
+export * as ChainOfThoughtPrimitive from "./primitives/chainOfThought";
+export * as SuggestionPrimitive from "./primitives/suggestion";
 
 // Re-export shared providers from core/react
 export {
@@ -148,10 +128,3 @@ export {
 export * from "./model-context";
 export * from "./client";
 export * from "./types";
-
-// Adapters
-export {
-  type TitleGenerationAdapter,
-  createSimpleTitleAdapter,
-  createLocalStorageAdapter,
-} from "./adapters";

package/src/primitives/actionBar/ActionBarCopy.tsx

@@ -3,7 +3,7 @@ import { Pressable, type PressableProps } from "react-native";
 import {
   useActionBarCopy,
   type UseActionBarCopyOptions,
-} from "../../primitive-hooks/useActionBarCopy";
+} from "@assistant-ui/core/react";
 
 export type ActionBarCopyProps = Omit<PressableProps, "onPress" | "children"> &
   UseActionBarCopyOptions & {

package/src/primitives/actionBar/ActionBarEdit.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
-import { useActionBarEdit } from "../../primitive-hooks/useActionBarEdit";
+import { useActionBarEdit } from "@assistant-ui/core/react";
 
 export type ActionBarEditProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;

package/src/primitives/actionBar/ActionBarFeedbackNegative.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
-import { useActionBarFeedbackNegative } from "../../primitive-hooks/useActionBarFeedback";
+import { useActionBarFeedbackNegative } from "@assistant-ui/core/react";
 
 export type ActionBarFeedbackNegativeProps = Omit<
   PressableProps,

package/src/primitives/actionBar/ActionBarFeedbackPositive.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
-import { useActionBarFeedbackPositive } from "../../primitive-hooks/useActionBarFeedback";
+import { useActionBarFeedbackPositive } from "@assistant-ui/core/react";
 
 export type ActionBarFeedbackPositiveProps = Omit<
   PressableProps,

package/src/primitives/actionBar/ActionBarReload.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
-import { useActionBarReload } from "../../primitive-hooks/useActionBarReload";
+import { useActionBarReload } from "@assistant-ui/core/react";
 
 export type ActionBarReloadProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;

package/src/primitives/actionBar/index.ts

@@ -1,11 +1,20 @@
-export { ActionBarCopy, type ActionBarCopyProps } from "./ActionBarCopy";
-export { ActionBarEdit, type ActionBarEditProps } from "./ActionBarEdit";
-export { ActionBarReload, type ActionBarReloadProps } from "./ActionBarReload";
 export {
-  ActionBarFeedbackPositive,
-  type ActionBarFeedbackPositiveProps,
+  ActionBarCopy as Copy,
+  type ActionBarCopyProps as CopyProps,
+} from "./ActionBarCopy";
+export {
+  ActionBarEdit as Edit,
+  type ActionBarEditProps as EditProps,
+} from "./ActionBarEdit";
+export {
+  ActionBarReload as Reload,
+  type ActionBarReloadProps as ReloadProps,
+} from "./ActionBarReload";
+export {
+  ActionBarFeedbackPositive as FeedbackPositive,
+  type ActionBarFeedbackPositiveProps as FeedbackPositiveProps,
 } from "./ActionBarFeedbackPositive";
 export {
-  ActionBarFeedbackNegative,
-  type ActionBarFeedbackNegativeProps,
+  ActionBarFeedbackNegative as FeedbackNegative,
+  type ActionBarFeedbackNegativeProps as FeedbackNegativeProps,
 } from "./ActionBarFeedbackNegative";

package/src/primitives/attachment/index.ts

@@ -1,7 +1,16 @@
-export { AttachmentRoot, type AttachmentRootProps } from "./AttachmentRoot";
-export { AttachmentName, type AttachmentNameProps } from "./AttachmentName";
-export { AttachmentThumb, type AttachmentThumbProps } from "./AttachmentThumb";
 export {
-  AttachmentRemove,
-  type AttachmentRemoveProps,
+  AttachmentRoot as Root,
+  type AttachmentRootProps as RootProps,
+} from "./AttachmentRoot";
+export {
+  AttachmentName as Name,
+  type AttachmentNameProps as NameProps,
+} from "./AttachmentName";
+export {
+  AttachmentThumb as Thumb,
+  type AttachmentThumbProps as ThumbProps,
+} from "./AttachmentThumb";
+export {
+  AttachmentRemove as Remove,
+  type AttachmentRemoveProps as RemoveProps,
 } from "./AttachmentRemove";

package/src/primitives/branchPicker/index.ts

@@ -1,16 +1,16 @@
 export {
-  BranchPickerPrevious,
-  type BranchPickerPreviousProps,
+  BranchPickerPrevious as Previous,
+  type BranchPickerPreviousProps as PreviousProps,
 } from "./BranchPickerPrevious";
 export {
-  BranchPickerNext,
-  type BranchPickerNextProps,
+  BranchPickerNext as Next,
+  type BranchPickerNextProps as NextProps,
 } from "./BranchPickerNext";
 export {
-  BranchPickerNumber,
-  type BranchPickerNumberProps,
+  BranchPickerNumber as Number,
+  type BranchPickerNumberProps as NumberProps,
 } from "./BranchPickerNumber";
 export {
-  BranchPickerCount,
-  type BranchPickerCountProps,
+  BranchPickerCount as Count,
+  type BranchPickerCountProps as CountProps,
 } from "./BranchPickerCount";

package/src/primitives/chainOfThought/index.ts

@@ -1,9 +1,9 @@
 export {
-  ChainOfThoughtRoot,
-  type ChainOfThoughtRootProps,
+  ChainOfThoughtRoot as Root,
+  type ChainOfThoughtRootProps as RootProps,
 } from "./ChainOfThoughtRoot";
 export {
-  ChainOfThoughtAccordionTrigger,
-  type ChainOfThoughtAccordionTriggerProps,
+  ChainOfThoughtAccordionTrigger as AccordionTrigger,
+  type ChainOfThoughtAccordionTriggerProps as AccordionTriggerProps,
 } from "./ChainOfThoughtAccordionTrigger";
-export { ChainOfThoughtPrimitiveParts } from "@assistant-ui/core/react";
+export { ChainOfThoughtPrimitiveParts as Parts } from "@assistant-ui/core/react";

package/src/primitives/composer/ComposerAddAttachment.tsx

@@ -1,7 +1,6 @@
 import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
-import { useComposerAddAttachment } from "../../primitive-hooks/useComposerAddAttachment";
-import { useAuiState } from "@assistant-ui/store";
+import { useComposerAddAttachment } from "@assistant-ui/core/react";
 
 export type ComposerAddAttachmentProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;
@@ -11,7 +10,7 @@ export type ComposerAddAttachmentProps = Omit<PressableProps, "onPress"> & {
  * A button that triggers the attachment adding flow.
  *
  * Note: The actual file picker implementation is platform-specific.
- * This component calls `useComposerAddAttachment()` from your primitive-hooks.
+ * This component calls `useComposerAddAttachment()` from `@assistant-ui/core/react`.
  * You must handle the file selection in your own component using the returned `addAttachment` callback.
  */
 export const ComposerAddAttachment = ({
@@ -19,11 +18,10 @@ export const ComposerAddAttachment = ({
   disabled: disabledProp,
   ...pressableProps
 }: ComposerAddAttachmentProps) => {
-  const isDisabled = useAuiState((s) => !s.composer.isEditing);
-  const { addAttachment: _addAttachment } = useComposerAddAttachment();
+  const { disabled } = useComposerAddAttachment();
 
   return (
-    <Pressable disabled={disabledProp ?? isDisabled} {...pressableProps}>
+    <Pressable disabled={disabledProp ?? disabled} {...pressableProps}>
       {children}
     </Pressable>
   );

package/src/primitives/composer/ComposerCancel.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
-import { useComposerCancel } from "../../primitive-hooks/useComposerCancel";
+import { useComposerCancel } from "@assistant-ui/core/react";
 
 export type ComposerCancelProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;
@@ -11,12 +11,12 @@ export const ComposerCancel = ({
   disabled,
   ...pressableProps
 }: ComposerCancelProps) => {
-  const { cancel, canCancel } = useComposerCancel();
+  const { cancel, disabled: hookDisabled } = useComposerCancel();
 
   return (
     <Pressable
       onPress={cancel}
-      disabled={disabled ?? !canCancel}
+      disabled={disabled ?? hookDisabled}
       {...pressableProps}
     >
       {children}

package/src/primitives/composer/ComposerInput.tsx

@@ -1,12 +1,48 @@
-import { useCallback } from "react";
-import { TextInput, type TextInputProps } from "react-native";
+import { useCallback, useEffect, useRef } from "react";
+import {
+  Platform,
+  TextInput,
+  type NativeSyntheticEvent,
+  type TextInputKeyPressEventData,
+  type TextInputProps,
+} from "react-native";
 import { useAui, useAuiState } from "@assistant-ui/store";
 
-export type ComposerInputProps = Omit<TextInputProps, "value" | "onChangeText">;
+export type ComposerInputProps = Omit<
+  TextInputProps,
+  "value" | "onChangeText"
+> & {
+  /**
+   * Controls how the Enter key submits messages (web only).
+   * - "enter": Plain Enter submits (Shift+Enter for newline)
+   * - "none": Enter inserts newline (no keyboard submission)
+   * @default "enter"
+   */
+  submitMode?: "enter" | "none";
+};
+
+const adjustWebTextareaHeight = (ref: React.RefObject<TextInput | null>) => {
+  if (Platform.OS !== "web") return;
+  // On web, the TextInput ref IS the DOM element
+  const el = ref.current as unknown as HTMLTextAreaElement | null;
+  if (!el) return;
+  // Ensure rows=1 so scrollHeight reflects actual content
+  if (el.rows !== 1) el.rows = 1;
+  el.style.overflow = "hidden";
+  el.style.height = "auto";
+  el.style.height = `${el.scrollHeight}px`;
+};
 
-export const ComposerInput = (props: ComposerInputProps) => {
+export const ComposerInput = ({
+  submitMode = "enter",
+  onKeyPress: onKeyPressProp,
+  numberOfLines,
+  style,
+  ...props
+}: ComposerInputProps) => {
   const aui = useAui();
   const text = useAuiState((s) => s.composer.text);
+  const inputRef = useRef<TextInput>(null);
 
   const onChangeText = useCallback(
     (value: string) => {
@@ -15,5 +51,39 @@ export const ComposerInput = (props: ComposerInputProps) => {
     [aui],
   );
 
-  return <TextInput value={text} onChangeText={onChangeText} {...props} />;
+  // Auto-resize textarea on web when text changes
+  useEffect(() => {
+    void text; // trigger re-run when text changes
+    adjustWebTextareaHeight(inputRef);
+  }, [text]);
+
+  const onKeyPress = useCallback(
+    (e: NativeSyntheticEvent<TextInputKeyPressEventData>) => {
+      onKeyPressProp?.(e);
+
+      if (Platform.OS !== "web") return;
+      if (submitMode !== "enter") return;
+
+      const nativeEvent = e.nativeEvent as TextInputKeyPressEventData & {
+        shiftKey?: boolean;
+      };
+      if (nativeEvent.key === "Enter" && !nativeEvent.shiftKey) {
+        (e as unknown as Event).preventDefault?.();
+        aui.composer().send();
+      }
+    },
+    [aui, submitMode, onKeyPressProp],
+  );
+
+  return (
+    <TextInput
+      ref={inputRef}
+      value={text}
+      onChangeText={onChangeText}
+      onKeyPress={onKeyPress}
+      numberOfLines={numberOfLines ?? (Platform.OS === "web" ? 1 : undefined)}
+      style={style}
+      {...props}
+    />
+  );
 };

package/src/primitives/composer/ComposerSend.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
-import { useComposerSend } from "../../primitive-hooks/useComposerSend";
+import { useComposerSend } from "@assistant-ui/core/react";
 
 export type ComposerSendProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;
@@ -11,12 +11,12 @@ export const ComposerSend = ({
   disabled,
   ...pressableProps
 }: ComposerSendProps) => {
-  const { send, canSend } = useComposerSend();
+  const { send, disabled: hookDisabled } = useComposerSend();
 
   return (
     <Pressable
       onPress={send}
-      disabled={disabled ?? !canSend}
+      disabled={disabled ?? hookDisabled}
       {...pressableProps}
     >
       {children}

package/src/primitives/composer/EditComposerCancel.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
-import { useEditComposerCancel } from "../../primitive-hooks/useEditComposerCancel";
+import { useEditComposerCancel } from "@assistant-ui/core/react";
 
 export type EditComposerCancelProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;

package/src/primitives/composer/EditComposerSend.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import { Pressable, type PressableProps } from "react-native";
-import { useEditComposerSend } from "../../primitive-hooks/useEditComposerSend";
+import { useEditComposerSend } from "@assistant-ui/core/react";
 
 export type EditComposerSendProps = Omit<PressableProps, "onPress"> & {
   children: ReactNode;

package/src/primitives/composer/index.ts

@@ -1,25 +1,37 @@
-export { ComposerRoot, type ComposerRootProps } from "./ComposerRoot";
 export {
-  ComposerAttachments,
-  ComposerAttachmentByIndex,
+  ComposerRoot as Root,
+  type ComposerRootProps as RootProps,
+} from "./ComposerRoot";
+export {
+  ComposerAttachments as Attachments,
+  ComposerAttachmentByIndex as AttachmentByIndex,
 } from "./ComposerAttachments";
-export { ComposerInput, type ComposerInputProps } from "./ComposerInput";
-export { ComposerSend, type ComposerSendProps } from "./ComposerSend";
-export { ComposerCancel, type ComposerCancelProps } from "./ComposerCancel";
 export {
-  ComposerAddAttachment,
-  type ComposerAddAttachmentProps,
+  ComposerInput as Input,
+  type ComposerInputProps as InputProps,
+} from "./ComposerInput";
+export {
+  ComposerSend as Send,
+  type ComposerSendProps as SendProps,
+} from "./ComposerSend";
+export {
+  ComposerCancel as Cancel,
+  type ComposerCancelProps as CancelProps,
+} from "./ComposerCancel";
+export {
+  ComposerAddAttachment as AddAttachment,
+  type ComposerAddAttachmentProps as AddAttachmentProps,
 } from "./ComposerAddAttachment";
-export { ComposerIf } from "./ComposerIf";
+export { ComposerIf as If } from "./ComposerIf";
 export {
-  EditComposerInput,
-  type EditComposerInputProps,
+  EditComposerInput as EditInput,
+  type EditComposerInputProps as EditInputProps,
 } from "./EditComposerInput";
 export {
-  EditComposerSend,
-  type EditComposerSendProps,
+  EditComposerSend as EditSend,
+  type EditComposerSendProps as EditSendProps,
 } from "./EditComposerSend";
 export {
-  EditComposerCancel,
-  type EditComposerCancelProps,
+  EditComposerCancel as EditCancel,
+  type EditComposerCancelProps as EditCancelProps,
 } from "./EditComposerCancel";

package/src/primitives/message/index.ts

@@ -1,11 +1,17 @@
-export { MessageRoot, type MessageRootProps } from "./MessageRoot";
-export { MessageContent, type MessageContentProps } from "./MessageContent";
 export {
-  MessagePrimitiveParts,
-  MessagePrimitivePartByIndex,
+  MessageRoot as Root,
+  type MessageRootProps as RootProps,
+} from "./MessageRoot";
+export {
+  MessageContent as Content,
+  type MessageContentProps as ContentProps,
+} from "./MessageContent";
+export {
+  MessagePrimitiveParts as Parts,
+  MessagePrimitivePartByIndex as PartByIndex,
 } from "./MessageParts";
-export { MessageIf, type MessageIfProps } from "./MessageIf";
+export { MessageIf as If, type MessageIfProps as IfProps } from "./MessageIf";
 export {
-  MessageAttachments,
-  MessageAttachmentByIndex,
+  MessageAttachments as Attachments,
+  MessageAttachmentByIndex as AttachmentByIndex,
 } from "./MessageAttachments";

package/src/primitives/suggestion/index.ts

@@ -1,12 +1,12 @@
 export {
-  SuggestionTitle,
-  type SuggestionTitleProps,
+  SuggestionTitle as Title,
+  type SuggestionTitleProps as TitleProps,
 } from "./SuggestionTitle";
 export {
-  SuggestionDescription,
-  type SuggestionDescriptionProps,
+  SuggestionDescription as Description,
+  type SuggestionDescriptionProps as DescriptionProps,
 } from "./SuggestionDescription";
 export {
-  SuggestionTrigger,
-  type SuggestionTriggerProps,
+  SuggestionTrigger as Trigger,
+  type SuggestionTriggerProps as TriggerProps,
 } from "./SuggestionTrigger";

package/src/primitives/thread/ThreadEmpty.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { useThreadIsEmpty } from "../../primitive-hooks/useThreadIsEmpty";
+import { useThreadIsEmpty } from "@assistant-ui/core/react";
 
 export type ThreadEmptyProps = {
   children: ReactNode;