npm - @assistant-ui/react - Versions diffs - 0.12.24 → 0.12.26 - Mend

@assistant-ui/react 0.12.24 → 0.12.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (485) hide show

package/src/legacy-runtime/runtime-cores/assistant-transport/useAssistantTransportRuntime.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import {
   asAsyncIterableStream,
 } from "assistant-stream/utils";
 import { useExternalStoreRuntime } from "../external-store/useExternalStoreRuntime";
-import { AssistantRuntime } from "../../runtime/AssistantRuntime";
+import type { AssistantRuntime } from "../../runtime/AssistantRuntime";
 import type { AddToolResultOptions } from "@assistant-ui/core";
 import { useState, useRef, useMemo } from "react";
 import {
@@ -17,7 +17,7 @@ import {
   unstable_createInitialMessage as createInitialMessage,
   toToolsJSONSchema,
 } from "assistant-stream";
-import {
+import type {
   AssistantTransportOptions,
   AddMessageCommand,
   AddToolResultCommand,
@@ -29,12 +29,15 @@ import {
 import { useCommandQueue } from "./commandQueue";
 import { useRunManager } from "./runManager";
 import { useConvertedState } from "./useConvertedState";
-import { ToolExecutionStatus, useToolInvocations } from "./useToolInvocations";
+import {
+  type ToolExecutionStatus,
+  useToolInvocations,
+} from "./useToolInvocations";
 import { createRequestHeaders } from "@assistant-ui/core";
 import { useRemoteThreadListRuntime } from "../remote-thread-list/useRemoteThreadListRuntime";
 import { InMemoryThreadListAdapter } from "@assistant-ui/core";
 import { useAui, useAuiState } from "@assistant-ui/store";
-import { UserExternalState } from "../../../augmentations";
+import type { UserExternalState } from "../../../augmentations";
 const convertAppendMessageToCommand = (
   message: AppendMessage,
@@ -113,16 +116,23 @@ export function useAssistantTransportState<T>(
 const useAssistantTransportThreadRuntime = <T>(
   options: AssistantTransportOptions<T>,
 ): AssistantRuntime => {
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const agentStateRef = useRef(options.initialState);
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const [, rerender] = useState(0);
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const resumeFlagRef = useRef(false);
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const parentIdRef = useRef<string | null | undefined>(undefined);
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const commandQueue = useCommandQueue({
     onQueue: () => runManager.schedule(),
   });
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const threadId = useAuiState((s) => s.threadListItem.remoteId);
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const runManager = useRunManager({
     onRun: async (signal: AbortSignal) => {
       const isResume = resumeFlagRef.current;
@@ -266,15 +276,18 @@ const useAssistantTransportThreadRuntime = <T>(
   });
   // Tool execution status state
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const [toolStatuses, setToolStatuses] = useState<
     Record<string, ToolExecutionStatus>
   >({});
   // Reactive conversion of agent state + connection metadata → UI state
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const pendingCommands = useMemo(
     () => [...commandQueue.state.inTransit, ...commandQueue.state.queued],
     [commandQueue.state],
   );
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const converted = useConvertedState(
     options.converter,
     agentStateRef.current,
@@ -284,6 +297,7 @@ const useAssistantTransportThreadRuntime = <T>(
   );
   // Create runtime
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const runtime = useExternalStoreRuntime({
     messages: converted.messages,
     state: converted.state,
@@ -340,6 +354,7 @@ const useAssistantTransportThreadRuntime = <T>(
     },
   });
+  // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
   const toolInvocations = useToolInvocations({
     state: converted,
     getTools: () => runtime.thread.getModelContext().tools,
@@ -358,6 +373,7 @@ export const useAssistantTransportRuntime = <T>(
 ): AssistantRuntime => {
   const runtime = useRemoteThreadListRuntime({
     runtimeHook: function RuntimeHook() {
+      // biome-ignore lint/correctness/useHookAtTopLevel: intentional conditional/nested hook usage
       return useAssistantTransportThreadRuntime(options);
     },
     adapter: new InMemoryThreadListAdapter(),

package/src/legacy-runtime/runtime-cores/assistant-transport/useToolInvocations.test.ts CHANGED Viewed

@@ -5,8 +5,14 @@ import type { Tool } from "assistant-stream";
 import { act, renderHook, waitFor } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
 import type { AssistantTransportState } from "./types";
-import { ToolExecutionStatus, useToolInvocations } from "./useToolInvocations";
-import { ReadonlyJSONObject, ReadonlyJSONValue } from "assistant-stream/utils";
+import {
+  type ToolExecutionStatus,
+  useToolInvocations,
+} from "./useToolInvocations";
+import type {
+  ReadonlyJSONObject,
+  ReadonlyJSONValue,
+} from "assistant-stream/utils";
 const createState = (
   messages: ThreadAssistantMessage[],

package/src/model-context/frame/useAssistantFrameHost.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import type { Unsubscribe } from "@assistant-ui/core";
-import { useEffect, RefObject } from "react";
+import { useEffect, type RefObject } from "react";
 import { AssistantFrameHost } from "@assistant-ui/core";
 type UseAssistantFrameHostOptions = {

package/src/model-context/makeAssistantVisible.tsx CHANGED Viewed

@@ -4,9 +4,9 @@ import {
   useEffect,
   useRef,
   forwardRef,
-  ComponentType,
-  ForwardedRef,
-  PropsWithoutRef,
+  type ComponentType,
+  type ForwardedRef,
+  type PropsWithoutRef,
   useId,
   createContext,
   useContext,

package/src/primitives/actionBar/ActionBarCopy.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { forwardRef } from "react";
-import { ActionButtonProps } from "../../utils/createActionButton";
+import type { ActionButtonProps } from "../../utils/createActionButton";
 import { composeEventHandlers } from "@radix-ui/primitive";
 import { Primitive } from "../../utils/Primitive";
 import { useActionBarCopy } from "@assistant-ui/core/react";

package/src/primitives/actionBar/ActionBarEdit.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import {
-  ActionButtonElement,
-  ActionButtonProps,
+  type ActionButtonElement,
+  type ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
 import { useActionBarEdit as useActionBarEditBehavior } from "@assistant-ui/core/react";

package/src/primitives/actionBar/ActionBarExportMarkdown.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { forwardRef, useCallback } from "react";
-import { ActionButtonProps } from "../../utils/createActionButton";
+import type { ActionButtonProps } from "../../utils/createActionButton";
 import { composeEventHandlers } from "@radix-ui/primitive";
 import { Primitive } from "../../utils/Primitive";
 import { useAuiState, useAui } from "@assistant-ui/store";

package/src/primitives/actionBar/ActionBarFeedbackNegative.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { forwardRef } from "react";
-import { ActionButtonProps } from "../../utils/createActionButton";
+import type { ActionButtonProps } from "../../utils/createActionButton";
 import { composeEventHandlers } from "@radix-ui/primitive";
 import { Primitive } from "../../utils/Primitive";
 import { useAuiState } from "@assistant-ui/store";

package/src/primitives/actionBar/ActionBarFeedbackPositive.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { forwardRef } from "react";
-import { ActionButtonProps } from "../../utils/createActionButton";
+import type { ActionButtonProps } from "../../utils/createActionButton";
 import { composeEventHandlers } from "@radix-ui/primitive";
 import { useAuiState } from "@assistant-ui/store";
 import { Primitive } from "../../utils/Primitive";

package/src/primitives/actionBar/ActionBarReload.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import {
-  ActionButtonElement,
-  ActionButtonProps,
+  type ActionButtonElement,
+  type ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
 import { useActionBarReload as useActionBarReloadBehavior } from "@assistant-ui/core/react";

package/src/primitives/actionBar/ActionBarRoot.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import { Primitive } from "../../utils/Primitive";
 import {
   type ComponentRef,
   forwardRef,
-  ComponentPropsWithoutRef,
+  type ComponentPropsWithoutRef,
   useCallback,
   useMemo,
   useState,

package/src/primitives/actionBar/ActionBarSpeak.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import {
-  ActionButtonElement,
-  ActionButtonProps,
+  type ActionButtonElement,
+  type ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
 import { useActionBarSpeak as useActionBarSpeakBehavior } from "@assistant-ui/core/react";

package/src/primitives/actionBar/ActionBarStopSpeaking.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { forwardRef } from "react";
-import { ActionButtonProps } from "../../utils/createActionButton";
+import type { ActionButtonProps } from "../../utils/createActionButton";
 import { useEscapeKeydown } from "@radix-ui/react-use-escape-keydown";
 import { Primitive } from "../../utils/Primitive";
 import { composeEventHandlers } from "@radix-ui/primitive";

package/src/primitives/actionBarMore/ActionBarMoreContent.tsx CHANGED Viewed

@@ -1,12 +1,18 @@
 "use client";
-import { ComponentPropsWithoutRef, ComponentRef, forwardRef } from "react";
+import {
+  type ComponentPropsWithoutRef,
+  type ComponentRef,
+  forwardRef,
+} from "react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { ScopedProps, useDropdownMenuScope } from "./scope";
+import type { WithRenderPropProps } from "../../utils/Primitive";
+import { DropdownMenuRenderContent } from "../dropdownMenuRenderPrimitives";
+import { type ScopedProps, useDropdownMenuScope } from "./scope";
 export namespace ActionBarMorePrimitiveContent {
   export type Element = ComponentRef<typeof DropdownMenuPrimitive.Content>;
-  export type Props = ComponentPropsWithoutRef<
+  export type Props = WithRenderPropProps<
     typeof DropdownMenuPrimitive.Content
   > & {
     portalProps?:
@@ -32,7 +38,7 @@ export const ActionBarMorePrimitiveContent = forwardRef<
     return (
       <DropdownMenuPrimitive.Portal {...scope} {...portalProps}>
-        <DropdownMenuPrimitive.Content
+        <DropdownMenuRenderContent
           {...scope}
           {...props}
           ref={forwardedRef}

package/src/primitives/actionBarMore/ActionBarMoreItem.tsx CHANGED Viewed

@@ -1,14 +1,14 @@
 "use client";
-import { ComponentPropsWithoutRef, ComponentRef, forwardRef } from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { ScopedProps, useDropdownMenuScope } from "./scope";
+import { type ComponentRef, forwardRef } from "react";
+import type { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import type { WithRenderPropProps } from "../../utils/Primitive";
+import { DropdownMenuRenderItem } from "../dropdownMenuRenderPrimitives";
+import { type ScopedProps, useDropdownMenuScope } from "./scope";
 export namespace ActionBarMorePrimitiveItem {
   export type Element = ComponentRef<typeof DropdownMenuPrimitive.Item>;
-  export type Props = ComponentPropsWithoutRef<
-    typeof DropdownMenuPrimitive.Item
-  >;
+  export type Props = WithRenderPropProps<typeof DropdownMenuPrimitive.Item>;
 }
 export const ActionBarMorePrimitiveItem = forwardRef<
@@ -24,7 +24,7 @@ export const ActionBarMorePrimitiveItem = forwardRef<
   ) => {
     const scope = useDropdownMenuScope(__scopeActionBarMore);
-    return <DropdownMenuPrimitive.Item {...scope} {...rest} ref={ref} />;
+    return <DropdownMenuRenderItem {...scope} {...rest} ref={ref} />;
   },
 );

package/src/primitives/actionBarMore/ActionBarMoreRoot.tsx CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
-import { FC, useCallback, useEffect, useRef } from "react";
+import { type FC, useCallback, useEffect, useRef } from "react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { ScopedProps, useDropdownMenuScope } from "./scope";
+import { type ScopedProps, useDropdownMenuScope } from "./scope";
 import { useActionBarInteractionContext } from "../actionBar/ActionBarInteractionContext";
 export namespace ActionBarMorePrimitiveRoot {

package/src/primitives/actionBarMore/ActionBarMoreSeparator.tsx CHANGED Viewed

@@ -1,12 +1,14 @@
 "use client";
-import { ComponentPropsWithoutRef, ComponentRef, forwardRef } from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { ScopedProps, useDropdownMenuScope } from "./scope";
+import { type ComponentRef, forwardRef } from "react";
+import type { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import type { WithRenderPropProps } from "../../utils/Primitive";
+import { DropdownMenuRenderSeparator } from "../dropdownMenuRenderPrimitives";
+import { type ScopedProps, useDropdownMenuScope } from "./scope";
 export namespace ActionBarMorePrimitiveSeparator {
   export type Element = ComponentRef<typeof DropdownMenuPrimitive.Separator>;
-  export type Props = ComponentPropsWithoutRef<
+  export type Props = WithRenderPropProps<
     typeof DropdownMenuPrimitive.Separator
   >;
 }
@@ -24,7 +26,7 @@ export const ActionBarMorePrimitiveSeparator = forwardRef<
   ) => {
     const scope = useDropdownMenuScope(__scopeActionBarMore);
-    return <DropdownMenuPrimitive.Separator {...scope} {...rest} ref={ref} />;
+    return <DropdownMenuRenderSeparator {...scope} {...rest} ref={ref} />;
   },
 );

package/src/primitives/actionBarMore/ActionBarMoreTrigger.tsx CHANGED Viewed

@@ -1,14 +1,14 @@
 "use client";
-import { ComponentPropsWithoutRef, ComponentRef, forwardRef } from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { ScopedProps, useDropdownMenuScope } from "./scope";
+import { type ComponentRef, forwardRef } from "react";
+import type { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import type { WithRenderPropProps } from "../../utils/Primitive";
+import { DropdownMenuRenderTrigger } from "../dropdownMenuRenderPrimitives";
+import { type ScopedProps, useDropdownMenuScope } from "./scope";
 export namespace ActionBarMorePrimitiveTrigger {
   export type Element = ComponentRef<typeof DropdownMenuPrimitive.Trigger>;
-  export type Props = ComponentPropsWithoutRef<
-    typeof DropdownMenuPrimitive.Trigger
-  >;
+  export type Props = WithRenderPropProps<typeof DropdownMenuPrimitive.Trigger>;
 }
 export const ActionBarMorePrimitiveTrigger = forwardRef<
@@ -24,7 +24,7 @@ export const ActionBarMorePrimitiveTrigger = forwardRef<
   ) => {
     const scope = useDropdownMenuScope(__scopeActionBarMore);
-    return <DropdownMenuPrimitive.Trigger {...scope} {...rest} ref={ref} />;
+    return <DropdownMenuRenderTrigger {...scope} {...rest} ref={ref} />;
   },
 );

package/src/primitives/assistantModal/AssistantModalAnchor.tsx CHANGED Viewed

@@ -1,8 +1,12 @@
 "use client";
-import { ComponentPropsWithoutRef, ComponentRef, forwardRef } from "react";
+import {
+  type ComponentPropsWithoutRef,
+  type ComponentRef,
+  forwardRef,
+} from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { ScopedProps, usePopoverScope } from "./scope";
+import { type ScopedProps, usePopoverScope } from "./scope";
 export namespace AssistantModalPrimitiveAnchor {
   export type Element = ComponentRef<typeof PopoverPrimitive.Anchor>;

package/src/primitives/assistantModal/AssistantModalContent.tsx CHANGED Viewed

@@ -1,8 +1,12 @@
 "use client";
-import { ComponentPropsWithoutRef, ComponentRef, forwardRef } from "react";
+import {
+  type ComponentPropsWithoutRef,
+  type ComponentRef,
+  forwardRef,
+} from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { ScopedProps, usePopoverScope } from "./scope";
+import { type ScopedProps, usePopoverScope } from "./scope";
 import { composeEventHandlers } from "@radix-ui/primitive";
 export namespace AssistantModalPrimitiveContent {

package/src/primitives/assistantModal/AssistantModalRoot.tsx CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
-import { FC, useEffect, useState } from "react";
+import { type FC, useEffect, useState } from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { ScopedProps, usePopoverScope } from "./scope";
+import { type ScopedProps, usePopoverScope } from "./scope";
 import { useAui } from "@assistant-ui/store";
 export namespace AssistantModalPrimitiveRoot {

package/src/primitives/assistantModal/AssistantModalTrigger.tsx CHANGED Viewed

@@ -1,6 +1,10 @@
-import { ComponentPropsWithoutRef, ComponentRef, forwardRef } from "react";
+import {
+  type ComponentPropsWithoutRef,
+  type ComponentRef,
+  forwardRef,
+} from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { ScopedProps, usePopoverScope } from "./scope";
+import { type ScopedProps, usePopoverScope } from "./scope";
 export namespace AssistantModalPrimitiveTrigger {
   export type Element = ComponentRef<typeof PopoverPrimitive.Trigger>;

package/src/primitives/attachment/AttachmentRemove.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import {
-  ActionButtonElement,
-  ActionButtonProps,
+  type ActionButtonElement,
+  type ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
 import { useCallback } from "react";

package/src/primitives/attachment/AttachmentRoot.tsx CHANGED Viewed

@@ -1,7 +1,11 @@
 "use client";
 import { Primitive } from "../../utils/Primitive";
-import { ComponentPropsWithoutRef, ComponentRef, forwardRef } from "react";
+import {
+  type ComponentPropsWithoutRef,
+  type ComponentRef,
+  forwardRef,
+} from "react";
 type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;

package/src/primitives/attachment/AttachmentThumb.tsx CHANGED Viewed

@@ -1,6 +1,10 @@
 "use client";
-import { ComponentPropsWithoutRef, forwardRef, type ComponentRef } from "react";
+import {
+  type ComponentPropsWithoutRef,
+  forwardRef,
+  type ComponentRef,
+} from "react";
 import { useAuiState } from "@assistant-ui/store";
 import { Primitive } from "../../utils/Primitive";

package/src/primitives/branchPicker/BranchPickerNext.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import {
-  ActionButtonElement,
-  ActionButtonProps,
+  type ActionButtonElement,
+  type ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
 import { useBranchPickerNext as useBranchPickerNextBehavior } from "@assistant-ui/core/react";

package/src/primitives/branchPicker/BranchPickerPrevious.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import {
-  ActionButtonElement,
-  ActionButtonProps,
+  type ActionButtonElement,
+  type ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
 import { useBranchPickerPrevious as useBranchPickerPreviousBehavior } from "@assistant-ui/core/react";

package/src/primitives/branchPicker/BranchPickerRoot.tsx CHANGED Viewed

@@ -1,7 +1,11 @@
 "use client";
 import { Primitive } from "../../utils/Primitive";
-import { type ComponentRef, forwardRef, ComponentPropsWithoutRef } from "react";
+import {
+  type ComponentRef,
+  forwardRef,
+  type ComponentPropsWithoutRef,
+} from "react";
 import { MessagePrimitiveIf as If } from "../message/MessageIf";
 export namespace BranchPickerPrimitiveRoot {

package/src/primitives/chainOfThought/ChainOfThoughtAccordionTrigger.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import {
-  ActionButtonElement,
-  ActionButtonProps,
+  type ActionButtonElement,
+  type ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
 import { useCallback } from "react";

package/src/primitives/chainOfThought/ChainOfThoughtRoot.tsx CHANGED Viewed

@@ -1,7 +1,11 @@
 "use client";
 import { Primitive } from "../../utils/Primitive";
-import { type ComponentRef, forwardRef, ComponentPropsWithoutRef } from "react";
+import {
+  type ComponentRef,
+  forwardRef,
+  type ComponentPropsWithoutRef,
+} from "react";
 type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;

package/src/primitives/composer/ComposerAddAttachment.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 "use client";
 import {
-  ActionButtonElement,
-  ActionButtonProps,
+  type ActionButtonElement,
+  type ActionButtonProps,
   createActionButton,
 } from "../../utils/createActionButton";
 import { useCallback } from "react";