@assistant-ui/react 0.11.46 → 0.11.47

package/src/context/react/AssistantApiContext.tsx

@@ -287,10 +287,8 @@ export function useAssistantApi(): AssistantApi;
 export function useAssistantApi(config: AssistantClientProps): AssistantApi;
 export function useAssistantApi(config?: AssistantClientProps): AssistantApi {
   if (config) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     return useExtendedAssistantApiImpl(config);
   } else {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     return useAssistantApiImpl();
   }
 }

package/src/context/react/utils/createStateHookForRuntime.ts

@@ -75,7 +75,6 @@ export function createStateHookForRuntime<TState>(
     if (!store) return null;
 
     // it is ok to call useRuntimeStateInternal conditionally because it will never become null if its available
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     return useRuntimeStateInternal(store, selector);
   }
 

package/src/context/react/utils/ensureBinding.ts

@@ -24,7 +24,7 @@ const debugVerifyPrototype = (
 
   if (unboundMethods.length > 0) {
     throw new Error(
-      "The following methods are not bound: " + JSON.stringify(unboundMethods),
+      `The following methods are not bound: ${JSON.stringify(unboundMethods)}`,
     );
   }
 

package/src/legacy-runtime/AssistantRuntimeProvider.tsx

@@ -2,15 +2,15 @@
 
 import { FC, memo, PropsWithChildren } from "react";
 import {
-  AssistantProvider,
   useAssistantApi,
+  AssistantProvider,
 } from "../context/react/AssistantApiContext";
 import { AssistantRuntime } from "./runtime/AssistantRuntime";
 import { AssistantRuntimeCore } from "./runtime-cores/core/AssistantRuntimeCore";
 import { RuntimeAdapter } from "./RuntimeAdapter";
 import { ThreadPrimitiveViewportProvider } from "../context/providers/ThreadViewportProvider";
 
-export namespace AssistantProvider {
+export namespace AssistantRuntimeProvider {
   export type Props = PropsWithChildren<{
     /**
      * The runtime to provide to the rest of your app.
@@ -23,10 +23,9 @@ const getRenderComponent = (runtime: AssistantRuntime) => {
   return (runtime as { _core?: AssistantRuntimeCore })._core?.RenderComponent;
 };
 
-export const AssistantRuntimeProviderImpl: FC<AssistantProvider.Props> = ({
-  children,
-  runtime,
-}) => {
+export const AssistantRuntimeProviderImpl: FC<
+  AssistantRuntimeProvider.Props
+> = ({ children, runtime }) => {
   const api = useAssistantApi({
     threads: RuntimeAdapter(runtime),
   });

package/src/legacy-runtime/client/MessagePartRuntimeClient.ts

@@ -18,7 +18,7 @@ export const MessagePartClient = resource(
     return tapApi<MessagePartClientApi>(api, {
       key:
         runtimeState.type === "tool-call"
-          ? "toolCallId-" + runtimeState.toolCallId
+          ? `toolCallId-${runtimeState.toolCallId}`
           : undefined,
     });
   },

package/src/legacy-runtime/client/MessageRuntimeClient.ts

@@ -116,7 +116,7 @@ export const MessageClient = resource(
           if ("index" in selector) {
             return parts.api({ index: selector.index });
           } else {
-            return parts.api({ key: "toolCallId-" + selector.toolCallId });
+            return parts.api({ key: `toolCallId-${selector.toolCallId}` });
           }
         },
 

package/src/legacy-runtime/cloud/auiV0.ts

@@ -92,7 +92,7 @@ export const auiV0Encode = (message: ThreadMessage): AuiV0Message => {
         case "tool-call": {
           if (!isJSONValue(part.result)) {
             console.warn(
-              "tool-call result is not JSON! " + JSON.stringify(part),
+              `tool-call result is not JSON! ${JSON.stringify(part)}`,
             );
           }
           return {

package/src/legacy-runtime/runtime/AssistantRuntime.ts

@@ -101,7 +101,9 @@ export class AssistantRuntimeImpl implements AssistantRuntime {
 
   public reset({
     initialMessages,
-  }: { initialMessages?: ThreadMessageLike[] } = {}) {
+  }: {
+    initialMessages?: ThreadMessageLike[];
+  } = {}) {
     return this._core.threads
       .getMainThreadRuntimeCore()
       .import(ExportedMessageRepository.fromArray(initialMessages ?? []));

package/src/legacy-runtime/runtime/ComposerRuntime.ts

@@ -335,7 +335,7 @@ export class ThreadComposerRuntimeImpl
           ...this.path,
           attachmentSource: "thread-composer",
           attachmentSelector: { type: "index", index: idx },
-          ref: this.path.ref + `${this.path.ref}.attachments[${idx}]`,
+          ref: `${this.path.ref}${this.path.ref}.attachments[${idx}]`,
         },
         getState: () => {
           const attachments = this.getState().attachments;
@@ -423,7 +423,7 @@ export class EditComposerRuntimeImpl
           ...this.path,
           attachmentSource: "edit-composer",
           attachmentSelector: { type: "index", index: idx },
-          ref: this.path.ref + `${this.path.ref}.attachments[${idx}]`,
+          ref: `${this.path.ref}${this.path.ref}.attachments[${idx}]`,
         },
         getState: () => {
           const attachments = this.getState().attachments;

package/src/legacy-runtime/runtime/MessageRuntime.ts

@@ -149,7 +149,7 @@ export class MessageRuntimeImpl implements MessageRuntime {
       new NestedSubscriptionSubject({
         path: {
           ...this.path,
-          ref: this.path.ref + `${this.path.ref}.composer`,
+          ref: `${this.path.ref}${this.path.ref}.composer`,
           composerSource: "edit",
         },
         getState: this._getEditComposerRuntimeCore,
@@ -270,7 +270,7 @@ export class MessageRuntimeImpl implements MessageRuntime {
       new ShallowMemoizeSubject({
         path: {
           ...this.path,
-          ref: this.path.ref + `${this.path.ref}.content[${idx}]`,
+          ref: `${this.path.ref}${this.path.ref}.content[${idx}]`,
           messagePartSelector: { type: "index", index: idx },
         },
         getState: () => {
@@ -314,7 +314,7 @@ export class MessageRuntimeImpl implements MessageRuntime {
       new ShallowMemoizeSubject({
         path: {
           ...this.path,
-          ref: this.path.ref + `${this.path.ref}.attachments[${idx}]`,
+          ref: `${this.path.ref}${this.path.ref}.attachments[${idx}]`,
           attachmentSource: "message",
           attachmentSelector: { type: "index", index: idx },
         },

package/src/legacy-runtime/runtime/ThreadListRuntime.ts

@@ -163,7 +163,7 @@ export class ThreadListRuntimeImpl implements ThreadListRuntime {
     return new this._runtimeFactory(
       new NestedSubscriptionSubject({
         path: {
-          ref: "threads[threadId=" + JSON.stringify(threadId) + "]",
+          ref: `threads[threadId=${JSON.stringify(threadId)}]`,
           threadSelector: { type: "threadId", threadId },
         },
         getState: () => this._core.getThreadRuntimeCore(threadId),

package/src/legacy-runtime/runtime/ThreadRuntime.ts

@@ -338,7 +338,7 @@ export class ThreadRuntimeImpl implements ThreadRuntime {
       new NestedSubscriptionSubject({
         path: {
           ...this.path,
-          ref: this.path.ref + `${this.path.ref}.composer`,
+          ref: `${this.path.ref}${this.path.ref}.composer`,
           composerSource: "thread",
         },
         getState: () => this._threadBinding.getState().composer,
@@ -437,7 +437,7 @@ export class ThreadRuntimeImpl implements ThreadRuntime {
     return this._getMessageRuntime(
       {
         ...this.path,
-        ref: this.path.ref + `${this.path.ref}.messages[${idx}]`,
+        ref: `${this.path.ref}${this.path.ref}.messages[${idx}]`,
         messageSelector: { type: "index", index: idx },
       },
       () => {

package/src/legacy-runtime/runtime-cores/adapters/RuntimeAdapterProvider.tsx

@@ -13,7 +13,7 @@ export type RuntimeAdapters = {
 
 const RuntimeAdaptersContext = createContext<RuntimeAdapters | null>(null);
 
-namespace RuntimeAdapterProvider {
+export namespace RuntimeAdapterProvider {
   export type Props = {
     adapters: RuntimeAdapters;
     children: ReactNode;

package/src/legacy-runtime/runtime-cores/adapters/attachment/CompositeAttachmentAdapter.ts

@@ -19,7 +19,7 @@ function fileMatchesAccept(
     .map((type) => type.trim().toLowerCase());
 
   // Get the file's extension and MIME type
-  const fileExtension = "." + file.name.split(".").pop()!.toLowerCase();
+  const fileExtension = `.${file.name.split(".").pop()!.toLowerCase()}`;
   const fileMimeType = file.type.toLowerCase();
 
   for (const type of allowedTypes) {
@@ -37,7 +37,7 @@ function fileMatchesAccept(
       // Check for wildcard MIME type match
       if (type.endsWith("/*")) {
         const generalType = type.split("/")[0]!;
-        if (fileMimeType.startsWith(generalType + "/")) {
+        if (fileMimeType.startsWith(`${generalType}/`)) {
           return true;
         }
       }

package/src/legacy-runtime/runtime-cores/adapters/feedback/index.ts

@@ -1 +1 @@
-export { type FeedbackAdapter } from "./FeedbackAdapter";
+export type { FeedbackAdapter } from "./FeedbackAdapter";

package/src/legacy-runtime/runtime-cores/adapters/suggestion/index.ts

@@ -1 +1 @@
-export { type SuggestionAdapter } from "./SuggestionAdapter";
+export type { SuggestionAdapter } from "./SuggestionAdapter";

package/src/legacy-runtime/runtime-cores/external-store/ExternalStoreAdapter.tsx

@@ -70,7 +70,7 @@ type ExternalStoreAdapterBase<T> = {
   onNew: (message: AppendMessage) => Promise<void>;
   onEdit?: ((message: AppendMessage) => Promise<void>) | undefined;
   onReload?: // TODO: remove parentId in 0.12.0
-  | ((parentId: string | null, config: StartRunConfig) => Promise<void>)
+    | ((parentId: string | null, config: StartRunConfig) => Promise<void>)
     | undefined;
   onResume?: ((config: ResumeRunConfig) => Promise<void>) | undefined;
   onCancel?: (() => Promise<void>) | undefined;

package/src/legacy-runtime/runtime-cores/external-store/ThreadMessageLike.tsx

@@ -132,7 +132,7 @@ export const fromThreadMessageLike = (
                 const { parentId, messages, ...basePart } = part;
                 const commonProps = {
                   ...basePart,
-                  toolCallId: part.toolCallId ?? "tool-" + generateId(),
+                  toolCallId: part.toolCallId ?? `tool-${generateId()}`,
                   ...(parentId !== undefined && { parentId }),
                   ...(messages !== undefined && { messages }),
                 };

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

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 "use client";
 
 import {
@@ -128,7 +127,6 @@ export class RemoteThreadListHookInstanceManager extends BaseSubscribable {
   private _OuterActiveThreadProvider: FC<{
     threadId: string;
     provider: ComponentType<PropsWithChildren>;
-    // eslint-disable-next-line react/display-name
   }> = memo(({ threadId, provider: Provider }) => {
     // Runtime is provided by ThreadListItemByIdProvider
 

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

@@ -605,9 +605,7 @@ export class RemoteThreadListThreadListRuntimeCore
   private useBoundIds = create<string[]>(() => []);
 
   public __internal_RenderComponent: FC = () => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     const id = useId();
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     useEffect(() => {
       this.useBoundIds.setState((s) => [...s, id], true);
       return () => {

package/src/primitives/actionBar/ActionBarCopy.tsx

@@ -33,7 +33,9 @@ import { useAssistantState, useAssistantApi } from "../../context";
  */
 const useActionBarPrimitiveCopy = ({
   copiedDuration = 3000,
-}: { copiedDuration?: number | undefined } = {}) => {
+}: {
+  copiedDuration?: number | undefined;
+} = {}) => {
   const api = useAssistantApi();
   const hasCopyableContent = useAssistantState(({ message }) => {
     return (

package/src/primitives/message/MessageError.tsx

@@ -9,7 +9,7 @@ export const MessagePrimitiveError: FC<PropsWithChildren> = ({ children }) => {
       message.status?.type === "incomplete" &&
       message.status.reason === "error",
   );
-  return hasError ? <>{children}</> : null;
+  return hasError ? children : null;
 };
 
 MessagePrimitiveError.displayName = "MessagePrimitive.Error";

package/src/primitives/message/MessageParts.tsx

@@ -328,7 +328,6 @@ const MessagePartComponent: FC<MessagePartComponentProps> = ({
       return <Source {...part} />;
 
     case "image":
-      // eslint-disable-next-line jsx-a11y/alt-text
       return <Image {...part} />;
 
     case "file":

package/src/primitives/message/MessagePartsGrouped.tsx

@@ -295,7 +295,6 @@ const MessagePartComponent: FC<MessagePartComponentProps> = ({
       return <Source {...part} />;
 
     case "image":
-      // eslint-disable-next-line jsx-a11y/alt-text
       return <Image {...part} />;
 
     case "file":

package/src/primitives/messagePart/useMessagePartData.tsx

@@ -3,7 +3,7 @@
 import { useAssistantState } from "../../context";
 import { DataMessagePart } from "../../types";
 
-export const useMessagePartData = <T = any,>(name?: string) => {
+export const useMessagePartData = <T = any>(name?: string) => {
   const part = useAssistantState(({ part }) => {
     if (part.type !== "data") {
       return null;

package/src/types/index.ts

@@ -18,7 +18,6 @@ export type {
   MessageStatus,
   MessagePartStatus,
   ToolCallMessagePartStatus,
-
   // thread message types
   ThreadUserMessagePart,
   ThreadAssistantMessagePart,

package/src/utils/smooth/useSmooth.tsx

@@ -96,12 +96,12 @@ export const useSmooth = (
   useEffect(() => {
     if (smoothStatusStore) {
       const target =
-        displayedText !== text || state.status.type === "running"
+        smooth && (displayedText !== text || state.status.type === "running")
           ? SMOOTH_STATUS
           : state.status;
       writableStore(smoothStatusStore).setState(target, true);
     }
-  }, [smoothStatusStore, text, displayedText, state.status]);
+  }, [smoothStatusStore, smooth, text, displayedText, state.status]);
 
   const [animatorRef] = useState<TextStreamAnimator>(
     new TextStreamAnimator(text, setText),