@assistant-ui/react 0.12.15 → 0.12.17

package/src/legacy-runtime/runtime-cores/remote-thread-list/adapter/cloud.tsx

@@ -1,154 +1,3 @@
 "use client";
 
-import {
-  FC,
-  PropsWithChildren,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-} from "react";
-import { AssistantCloud } from "assistant-cloud";
-import type { RemoteThreadListAdapter } from "@assistant-ui/core";
-import { InMemoryThreadListAdapter } from "@assistant-ui/core";
-import { useAssistantCloudThreadHistoryAdapter } from "../../../cloud/AssistantCloudThreadHistoryAdapter";
-import { RuntimeAdapterProvider } from "../../adapters/RuntimeAdapterProvider";
-import { CloudFileAttachmentAdapter } from "../../adapters";
-
-type ThreadData = {
-  externalId: string | undefined;
-};
-
-type CloudThreadListAdapterOptions = {
-  cloud?: AssistantCloud | undefined;
-
-  create?: (() => Promise<ThreadData>) | undefined;
-  delete?: ((threadId: string) => Promise<void>) | undefined;
-};
-
-const baseUrl =
-  typeof process !== "undefined" &&
-  process?.env?.["NEXT_PUBLIC_ASSISTANT_BASE_URL"];
-const autoCloud = baseUrl
-  ? new AssistantCloud({ baseUrl, anonymous: true })
-  : undefined;
-
-export const useCloudThreadListAdapter = (
-  adapter: CloudThreadListAdapterOptions,
-): RemoteThreadListAdapter => {
-  const adapterRef = useRef(adapter);
-  useEffect(() => {
-    adapterRef.current = adapter;
-  }, [adapter]);
-
-  const unstable_Provider = useCallback<FC<PropsWithChildren>>(
-    function Provider({ children }) {
-      const history = useAssistantCloudThreadHistoryAdapter({
-        get current() {
-          return adapterRef.current.cloud ?? autoCloud!;
-        },
-      });
-      const cloudInstance = adapterRef.current.cloud ?? autoCloud!;
-      const attachments = useMemo(
-        () => new CloudFileAttachmentAdapter(cloudInstance),
-        [cloudInstance],
-      );
-
-      const adapters = useMemo(
-        () => ({
-          history,
-          attachments,
-        }),
-        [history, attachments],
-      );
-
-      return (
-        <RuntimeAdapterProvider adapters={adapters}>
-          {children}
-        </RuntimeAdapterProvider>
-      );
-    },
-    [],
-  );
-
-  const cloud = adapter.cloud ?? autoCloud;
-  if (!cloud) {
-    const ref = adapterRef;
-    const inMemory = new InMemoryThreadListAdapter();
-    inMemory.initialize = async (threadId: string) => {
-      const result = await ref.current.create?.();
-      return { remoteId: threadId, externalId: result?.externalId };
-    };
-    return inMemory;
-  }
-
-  return {
-    list: async () => {
-      const { threads } = await cloud.threads.list();
-      return {
-        threads: threads.map((t) => ({
-          status: t.is_archived ? "archived" : "regular",
-          remoteId: t.id,
-          title: t.title,
-          externalId: t.external_id ?? undefined,
-        })),
-      };
-    },
-
-    initialize: async () => {
-      const createTask = adapter.create?.() ?? Promise.resolve();
-      const t = await createTask;
-      const external_id = t ? t.externalId : undefined;
-      const { thread_id: remoteId } = await cloud.threads.create({
-        last_message_at: new Date(),
-        external_id,
-      });
-
-      return { externalId: external_id, remoteId: remoteId };
-    },
-
-    rename: async (threadId, newTitle) => {
-      return cloud.threads.update(threadId, { title: newTitle });
-    },
-    archive: async (threadId) => {
-      return cloud.threads.update(threadId, { is_archived: true });
-    },
-    unarchive: async (threadId) => {
-      return cloud.threads.update(threadId, { is_archived: false });
-    },
-    delete: async (threadId) => {
-      await adapter.delete?.(threadId);
-      return cloud.threads.delete(threadId);
-    },
-
-    generateTitle: async (threadId, messages) => {
-      // Filter messages to only include content types the title generator understands
-      // (reasoning, source, etc. are not needed for title generation)
-      // TODO serialize these to a more efficient format
-      const filteredMessages = messages.map((msg) => ({
-        ...msg,
-        content: msg.content.filter(
-          (part) => part.type === "text" || part.type === "tool-call",
-        ),
-      }));
-
-      return cloud.runs.stream({
-        thread_id: threadId,
-        assistant_id: "system/thread_title",
-        messages: filteredMessages,
-      });
-    },
-
-    fetch: async (threadId: string) => {
-      const thread = await cloud.threads.get(threadId);
-      return {
-        status: thread.is_archived ? "archived" : "regular",
-        remoteId: thread.id,
-        title: thread.title,
-        externalId: thread.external_id ?? undefined,
-      };
-    },
-
-    unstable_Provider,
-  };
-};
+export { useCloudThreadListAdapter } from "@assistant-ui/core/react";

package/src/legacy-runtime/runtime-cores/remote-thread-list/useRemoteThreadListRuntime.ts

@@ -1,82 +1,3 @@
 "use client";
 
-import { useState, useEffect, useMemo, useRef, useCallback } from "react";
-import {
-  BaseAssistantRuntimeCore,
-  AssistantRuntimeImpl,
-  type RemoteThreadListOptions,
-} from "@assistant-ui/core/internal";
-import type {
-  AssistantRuntimeCore,
-  AssistantRuntime,
-} from "@assistant-ui/core";
-import { RemoteThreadListThreadListRuntimeCore } from "./RemoteThreadListThreadListRuntimeCore";
-import { useAui } from "@assistant-ui/store";
-
-class RemoteThreadListRuntimeCore
-  extends BaseAssistantRuntimeCore
-  implements AssistantRuntimeCore
-{
-  public readonly threads;
-
-  constructor(options: RemoteThreadListOptions) {
-    super();
-    this.threads = new RemoteThreadListThreadListRuntimeCore(
-      options,
-      this._contextProvider,
-    );
-  }
-
-  public get RenderComponent() {
-    return this.threads.__internal_RenderComponent;
-  }
-}
-
-const useRemoteThreadListRuntimeImpl = (
-  options: RemoteThreadListOptions,
-): AssistantRuntime => {
-  const [runtime] = useState(() => new RemoteThreadListRuntimeCore(options));
-  useEffect(() => {
-    runtime.threads.__internal_setOptions(options);
-    runtime.threads.__internal_load();
-  }, [runtime, options]);
-  return useMemo(() => new AssistantRuntimeImpl(runtime), [runtime]);
-};
-
-export const useRemoteThreadListRuntime = (
-  options: RemoteThreadListOptions,
-): AssistantRuntime => {
-  const runtimeHookRef = useRef(options.runtimeHook);
-  runtimeHookRef.current = options.runtimeHook;
-
-  const stableRuntimeHook = useCallback(() => {
-    return runtimeHookRef.current();
-  }, []);
-
-  const stableOptions = useMemo<RemoteThreadListOptions>(
-    () => ({
-      adapter: options.adapter,
-      allowNesting: options.allowNesting,
-      runtimeHook: stableRuntimeHook,
-    }),
-    [options.adapter, options.allowNesting, stableRuntimeHook],
-  );
-
-  const aui = useAui();
-  const isNested = aui.threadListItem.source !== null;
-
-  if (isNested) {
-    if (!stableOptions.allowNesting) {
-      throw new Error(
-        "useRemoteThreadListRuntime cannot be nested inside another RemoteThreadListRuntime. " +
-          "Set allowNesting: true to allow nesting (the inner runtime will become a no-op).",
-      );
-    }
-
-    // If allowNesting is true and already inside a thread list context,
-    // just call the runtimeHook directly (no-op behavior)
-    return stableRuntimeHook();
-  }
-
-  return useRemoteThreadListRuntimeImpl(stableOptions);
-};
+export { useRemoteThreadListRuntime } from "@assistant-ui/core/react";

package/src/primitives/actionBar/ActionBarCopy.tsx

@@ -4,8 +4,8 @@ import { forwardRef } from "react";
 import { ActionButtonProps } from "../../utils/createActionButton";
 import { composeEventHandlers } from "@radix-ui/primitive";
 import { Primitive } from "@radix-ui/react-primitive";
-import { useCallback } from "react";
-import { useAuiState, useAui } from "@assistant-ui/store";
+import { useActionBarCopy } from "@assistant-ui/core/react";
+import { useAuiState } from "@assistant-ui/store";
 
 /**
  * Hook that provides copy functionality for action bar buttons.
@@ -36,31 +36,12 @@ const useActionBarPrimitiveCopy = ({
 }: {
   copiedDuration?: number | undefined;
 } = {}) => {
-  const aui = useAui();
-  const hasCopyableContent = useAuiState((s) => {
-    return (
-      (s.message.role !== "assistant" ||
-        s.message.status?.type !== "running") &&
-      s.message.parts.some((c) => c.type === "text" && c.text.length > 0)
-    );
+  const { copy, disabled } = useActionBarCopy({
+    copiedDuration,
+    copyToClipboard: (text) => navigator.clipboard.writeText(text),
   });
-
-  const isEditing = useAuiState((s) => s.composer.isEditing);
-  const composerValue = useAuiState((s) => s.composer.text);
-
-  const callback = useCallback(() => {
-    const valueToCopy = isEditing ? composerValue : aui.message().getCopyText();
-
-    if (!valueToCopy) return;
-
-    navigator.clipboard.writeText(valueToCopy).then(() => {
-      aui.message().setIsCopied(true);
-      setTimeout(() => aui.message().setIsCopied(false), copiedDuration);
-    });
-  }, [aui, isEditing, composerValue, copiedDuration]);
-
-  if (!hasCopyableContent) return null;
-  return callback;
+  if (disabled) return null;
+  return copy;
 };
 
 export namespace ActionBarPrimitiveCopy {

package/src/primitives/actionBar/ActionBarEdit.ts

@@ -5,8 +5,7 @@ import {
   ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
-import { useCallback } from "react";
-import { useAuiState, useAui } from "@assistant-ui/store";
+import { useActionBarEdit as useActionBarEditBehavior } from "@assistant-ui/core/react";
 
 /**
  * Hook that provides edit functionality for action bar buttons.
@@ -30,15 +29,9 @@ import { useAuiState, useAui } from "@assistant-ui/store";
  * ```
  */
 const useActionBarEdit = () => {
-  const aui = useAui();
-  const disabled = useAuiState((s) => s.composer.isEditing);
-
-  const callback = useCallback(() => {
-    aui.composer().beginEdit();
-  }, [aui]);
-
+  const { disabled, edit } = useActionBarEditBehavior();
   if (disabled) return null;
-  return callback;
+  return edit;
 };
 
 export namespace ActionBarPrimitiveEdit {

package/src/primitives/actionBar/ActionBarFeedbackNegative.tsx

@@ -4,17 +4,12 @@ import { forwardRef } from "react";
 import { ActionButtonProps } from "../../utils/createActionButton";
 import { composeEventHandlers } from "@radix-ui/primitive";
 import { Primitive } from "@radix-ui/react-primitive";
-import { useCallback } from "react";
-import { useAuiState, useAui } from "@assistant-ui/store";
+import { useAuiState } from "@assistant-ui/store";
+import { useActionBarFeedbackNegative as useActionBarFeedbackNegativeBehavior } from "@assistant-ui/core/react";
 
 const useActionBarFeedbackNegative = () => {
-  const aui = useAui();
-
-  const callback = useCallback(() => {
-    aui.message().submitFeedback({ type: "negative" });
-  }, [aui]);
-
-  return callback;
+  const { submit } = useActionBarFeedbackNegativeBehavior();
+  return submit;
 };
 
 export namespace ActionBarPrimitiveFeedbackNegative {

package/src/primitives/actionBar/ActionBarFeedbackPositive.tsx

@@ -1,19 +1,15 @@
 "use client";
 
-import { forwardRef, useCallback } from "react";
+import { forwardRef } from "react";
 import { ActionButtonProps } from "../../utils/createActionButton";
 import { composeEventHandlers } from "@radix-ui/primitive";
-import { useAuiState, useAui } from "@assistant-ui/store";
+import { useAuiState } from "@assistant-ui/store";
 import { Primitive } from "@radix-ui/react-primitive";
+import { useActionBarFeedbackPositive as useActionBarFeedbackPositiveBehavior } from "@assistant-ui/core/react";
 
 const useActionBarFeedbackPositive = () => {
-  const aui = useAui();
-
-  const callback = useCallback(() => {
-    aui.message().submitFeedback({ type: "positive" });
-  }, [aui]);
-
-  return callback;
+  const { submit } = useActionBarFeedbackPositiveBehavior();
+  return submit;
 };
 
 export namespace ActionBarPrimitiveFeedbackPositive {

package/src/primitives/actionBar/ActionBarReload.ts

@@ -5,8 +5,7 @@ import {
   ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
-import { useCallback } from "react";
-import { useAuiState, useAui } from "@assistant-ui/store";
+import { useActionBarReload as useActionBarReloadBehavior } from "@assistant-ui/core/react";
 
 /**
  * Hook that provides reload functionality for action bar buttons.
@@ -30,21 +29,9 @@ import { useAuiState, useAui } from "@assistant-ui/store";
  * ```
  */
 const useActionBarReload = () => {
-  const aui = useAui();
-
-  const disabled = useAuiState(
-    (s) =>
-      s.thread.isRunning ||
-      s.thread.isDisabled ||
-      s.message.role !== "assistant",
-  );
-
-  const callback = useCallback(() => {
-    aui.message().reload();
-  }, [aui]);
-
+  const { disabled, reload } = useActionBarReloadBehavior();
   if (disabled) return null;
-  return callback;
+  return reload;
 };
 
 export namespace ActionBarPrimitiveReload {

package/src/primitives/composer/ComposerAddAttachment.ts

@@ -6,7 +6,8 @@ import {
   createActionButton,
 } from "../../utils/createActionButton";
 import { useCallback } from "react";
-import { useAuiState, useAui } from "@assistant-ui/store";
+import { useAui } from "@assistant-ui/store";
+import { useComposerAddAttachment as useComposerAddAttachmentBehavior } from "@assistant-ui/core/react";
 
 const useComposerAddAttachment = ({
   multiple = true,
@@ -14,7 +15,7 @@ const useComposerAddAttachment = ({
   /** allow selecting multiple files */
   multiple?: boolean | undefined;
 } = {}) => {
-  const disabled = useAuiState((s) => !s.composer.isEditing);
+  const { disabled, addAttachment } = useComposerAddAttachmentBehavior();
   const aui = useAui();
 
   const callback = useCallback(() => {
@@ -34,7 +35,7 @@ const useComposerAddAttachment = ({
       const fileList = (e.target as HTMLInputElement).files;
       if (!fileList) return;
       for (const file of fileList) {
-        aui.composer().addAttachment(file);
+        addAttachment(file);
       }
 
       document.body.removeChild(input);
@@ -47,7 +48,7 @@ const useComposerAddAttachment = ({
     };
 
     input.click();
-  }, [aui, multiple]);
+  }, [aui, multiple, addAttachment]);
 
   if (disabled) return null;
   return callback;

package/src/primitives/composer/ComposerCancel.ts

@@ -5,19 +5,12 @@ import {
   ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
-import { useCallback } from "react";
-import { useAuiState, useAui } from "@assistant-ui/store";
+import { useComposerCancel as useComposerCancelBehavior } from "@assistant-ui/core/react";
 
 const useComposerCancel = () => {
-  const aui = useAui();
-  const disabled = useAuiState((s) => !s.composer.canCancel);
-
-  const callback = useCallback(() => {
-    aui.composer().cancel();
-  }, [aui]);
-
+  const { disabled, cancel } = useComposerCancelBehavior();
   if (disabled) return null;
-  return callback;
+  return cancel;
 };
 
 export namespace ComposerPrimitiveCancel {

package/src/primitives/composer/ComposerSend.ts

@@ -5,22 +5,12 @@ import {
   ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
-import { useCallback } from "react";
-import { useAuiState, useAui } from "@assistant-ui/store";
+import { useComposerSend as useComposerSendBehavior } from "@assistant-ui/core/react";
 
 export const useComposerSend = () => {
-  const aui = useAui();
-
-  const disabled = useAuiState(
-    (s) => s.thread.isRunning || !s.composer.isEditing || s.composer.isEmpty,
-  );
-
-  const callback = useCallback(() => {
-    aui.composer().send();
-  }, [aui]);
-
+  const { disabled, send } = useComposerSendBehavior();
   if (disabled) return null;
-  return callback;
+  return send;
 };
 
 export namespace ComposerPrimitiveSend {

package/src/tests/BaseComposerRuntimeCore.test.ts

@@ -181,11 +181,10 @@ describe("BaseComposerRuntimeCore", () => {
     expect(composer.quote).toBeUndefined();
   });
 
-  it("send with empty text produces empty content array", async () => {
+  it("send with empty text is a no-op", async () => {
     await composer.send();
 
-    expect(composer.sentMessages).toHaveLength(1);
-    expect(composer.sentMessages[0]!.content).toEqual([]);
+    expect(composer.sentMessages).toHaveLength(0);
   });
 
   it("addAttachment throws when no adapter", async () => {

package/src/utils/createActionButton.tsx

@@ -41,8 +41,8 @@ export const createActionButton = <TProps,>(
     const callback = useActionButton(forwardedProps as TProps) ?? undefined;
     return (
       <Primitive.button
-        type="button"
         {...primitiveProps}
+        type="button"
         ref={forwardedRef}
         disabled={primitiveProps.disabled || !callback}
         onClick={composeEventHandlers(primitiveProps.onClick, callback)}