@assistant-ui/react 0.7.11 → 0.7.14

package/dist/utils/hooks/useManagedRef.mjs

@@ -1,7 +1,7 @@
 // src/utils/hooks/useManagedRef.ts
 import { useCallback, useRef } from "react";
 var useManagedRef = (callback) => {
-  const cleanupRef = useRef();
+  const cleanupRef = useRef(void 0);
   const ref = useCallback(
     (el) => {
       if (cleanupRef.current) {

package/dist/utils/hooks/useManagedRef.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/hooks/useManagedRef.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\n\nexport const useManagedRef = <TNode>(\n  callback: (node: TNode) => (() => void) | void,\n) => {\n  const cleanupRef = useRef<(() => void) | void>();\n\n  const ref = useCallback(\n    (el: TNode | null) => {\n      // Call the previous cleanup function\n      if (cleanupRef.current) {\n        cleanupRef.current();\n      }\n\n      // Call the new callback and store its cleanup function\n      if (el) {\n        cleanupRef.current = callback(el);\n      }\n    },\n    [callback],\n  );\n\n  return ref;\n};\n"],"mappings":";AAAA,SAAS,aAAa,cAAc;AAE7B,IAAM,gBAAgB,CAC3B,aACG;AACH,QAAM,aAAa,OAA4B;AAE/C,QAAM,MAAM;AAAA,IACV,CAAC,OAAqB;AAEpB,UAAI,WAAW,SAAS;AACtB,mBAAW,QAAQ;AAAA,MACrB;AAGA,UAAI,IAAI;AACN,mBAAW,UAAU,SAAS,EAAE;AAAA,MAClC;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/utils/hooks/useManagedRef.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\n\nexport const useManagedRef = <TNode>(\n  callback: (node: TNode) => (() => void) | void,\n) => {\n  const cleanupRef = useRef<(() => void) | void>(undefined);\n\n  const ref = useCallback(\n    (el: TNode | null) => {\n      // Call the previous cleanup function\n      if (cleanupRef.current) {\n        cleanupRef.current();\n      }\n\n      // Call the new callback and store its cleanup function\n      if (el) {\n        cleanupRef.current = callback(el);\n      }\n    },\n    [callback],\n  );\n\n  return ref;\n};\n"],"mappings":";AAAA,SAAS,aAAa,cAAc;AAE7B,IAAM,gBAAgB,CAC3B,aACG;AACH,QAAM,aAAa,OAA4B,MAAS;AAExD,QAAM,MAAM;AAAA,IACV,CAAC,OAAqB;AAEpB,UAAI,WAAW,SAAS;AACtB,mBAAW,QAAQ;AAAA,MACrB;AAGA,UAAI,IAAI;AACN,mBAAW,UAAU,SAAS,EAAE;AAAA,MAClC;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SAAO;AACT;","names":[]}

package/package.json

@@ -29,7 +29,7 @@
     "conversational-ui",
     "conversational-ai"
   ],
-  "version": "0.7.11",
+  "version": "0.7.14",
   "license": "MIT",
   "exports": {
     ".": {
@@ -65,28 +65,28 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@ai-sdk/provider": "^1.0.1",
-    "@radix-ui/primitive": "^1.1.0",
-    "@radix-ui/react-avatar": "^1.1.1",
-    "@radix-ui/react-compose-refs": "^1.1.0",
+    "@ai-sdk/provider": "^1.0.2",
+    "@radix-ui/primitive": "^1.1.1",
+    "@radix-ui/react-avatar": "^1.1.2",
+    "@radix-ui/react-compose-refs": "^1.1.1",
     "@radix-ui/react-context": "^1.1.1",
-    "@radix-ui/react-dialog": "^1.1.2",
-    "@radix-ui/react-popover": "^1.1.2",
-    "@radix-ui/react-primitive": "^2.0.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.1.4",
+    "@radix-ui/react-dialog": "^1.1.3",
+    "@radix-ui/react-popover": "^1.1.3",
+    "@radix-ui/react-primitive": "^2.0.1",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-tooltip": "^1.1.5",
     "@radix-ui/react-use-callback-ref": "^1.1.0",
     "@radix-ui/react-use-escape-keydown": "^1.1.0",
-    "class-variance-authority": "^0.7.0",
+    "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
     "json-schema": "^0.4.0",
-    "lucide-react": "^0.460.0",
-    "nanoid": "^5.0.8",
-    "react-textarea-autosize": "^8.5.5",
+    "lucide-react": "^0.468.0",
+    "nanoid": "^5.0.9",
+    "react-textarea-autosize": "^8.5.6",
     "secure-json-parse": "^3.0.1",
-    "zod": "^3.23.8",
-    "zod-to-json-schema": "^3.23.5",
-    "zustand": "^5.0.1"
+    "zod": "^3.24.1",
+    "zod-to-json-schema": "^3.24.1",
+    "zustand": "^5.0.2"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -108,20 +108,20 @@
   },
   "devDependencies": {
     "@types/json-schema": "^7.0.15",
-    "@types/node": "^22.9.3",
+    "@types/node": "^22.10.2",
     "autoprefixer": "^10.4.20",
-    "esbuild-plugin-file-path-extensions": "^2.1.3",
+    "esbuild-plugin-file-path-extensions": "^2.1.4",
     "eslint": "^9",
-    "eslint-config-next": "15.0.3",
+    "eslint-config-next": "15.1.0",
     "postcss": "^8.4.49",
     "postcss-js": "^4.0.1",
     "postcss-nested": "^7.0.2",
-    "tailwindcss": "^3.4.15",
+    "tailwindcss": "^3.4.16",
     "tailwindcss-animate": "^1.0.7",
     "tsup": "8.3.5",
     "tsx": "^4.19.2",
-    "@assistant-ui/tailwindcss-transformer": "0.1.0",
     "@assistant-ui/tsbuildutils": "^0.0.0",
+    "@assistant-ui/tailwindcss-transformer": "0.1.0",
     "@assistant-ui/tsconfig": "0.0.0"
   },
   "publishConfig": {

package/src/primitive-hooks/thread/useThreadViewportAutoScroll.tsx

@@ -18,7 +18,7 @@ export type UseThreadViewportAutoScrollProps = {
 export const useThreadViewportAutoScroll = <TElement extends HTMLElement>({
   autoScroll = true,
   unstable_scrollToBottomOnRunStart = true,
-}: UseThreadViewportAutoScrollProps) => {
+}: UseThreadViewportAutoScrollProps): React.RefCallback<TElement> => {
   const divRef = useRef<TElement>(null);
 
   const threadViewportStore = useThreadViewportStore();

package/src/primitives/composer/ComposerInput.tsx

@@ -102,8 +102,8 @@ export const ComposerPrimitiveInput = forwardRef<
 
       textarea.focus({ preventScroll: true });
       textarea.setSelectionRange(
-        textareaRef.current.value.length,
-        textareaRef.current.value.length,
+        textarea.value.length,
+        textarea.value.length,
       );
     }, [autoFocusEnabled]);
 

package/src/runtimes/core/BaseThreadRuntimeCore.tsx

@@ -32,6 +32,7 @@ type BaseThreadAdapters = {
 
 export abstract class BaseThreadRuntimeCore implements ThreadRuntimeCore {
   private _subscriptions = new Set<() => void>();
+  private _isInitialized = false;
 
   protected readonly repository = new MessageRepository();
   public abstract get adapters(): BaseThreadAdapters | undefined;
@@ -161,11 +162,20 @@ export abstract class BaseThreadRuntimeCore implements ThreadRuntimeCore {
     this._notifySubscribers();
   }
 
+  protected ensureInitialized() {
+    if (!this._isInitialized) {
+      this._isInitialized = true;
+      this._notifyEventSubscribers("initialize");
+    }
+  }
+
   public export() {
     return this.repository.export();
   }
 
   public import(data: ExportedMessageRepository) {
+    this.ensureInitialized();
+
     this.repository.import(data);
     this._notifySubscribers();
   }

package/src/runtimes/edge/streams/assistantDecoderStream.ts

@@ -11,24 +11,30 @@ export function assistantDecoderStream() {
     | { id: string; name: string; argsText: string }
     | undefined;
 
+  const endCurrentToolCall = (
+    controller: TransformStreamDefaultController<ToolResultStreamPart>,
+  ) => {
+    if (!currentToolCall) return;
+    controller.enqueue({
+      type: "tool-call",
+      toolCallType: "function",
+      toolCallId: currentToolCall.id,
+      toolName: currentToolCall.name,
+      args: currentToolCall.argsText,
+    });
+    currentToolCall = undefined;
+  };
+
   return new TransformStream<
     StreamPart<AssistantStreamChunk>,
     ToolResultStreamPart
   >({
     transform({ type, value }, controller) {
       if (
-        currentToolCall &&
         type !== AssistantStreamChunkType.ToolCallDelta &&
         type !== AssistantStreamChunkType.Error
       ) {
-        controller.enqueue({
-          type: "tool-call",
-          toolCallType: "function",
-          toolCallId: currentToolCall.id,
-          toolName: currentToolCall.name,
-          args: currentToolCall.argsText,
-        });
-        currentToolCall = undefined;
+        endCurrentToolCall(controller);
       }
 
       switch (type) {
@@ -135,5 +141,8 @@ export function assistantDecoderStream() {
         }
       }
     },
+    flush(controller) {
+      endCurrentToolCall(controller);
+    },
   });
 }

package/src/runtimes/external-store/ExternalStoreThreadRuntimeCore.tsx

@@ -133,8 +133,9 @@ export class ExternalStoreThreadRuntimeCore
           )
             return cache;
 
+          const messageLike = store.convertMessage(m, idx);
           const newMessage = fromThreadMessageLike(
-            store.convertMessage(m, idx),
+            messageLike,
             idx.toString(),
             autoStatus,
           );
@@ -142,6 +143,8 @@ export class ExternalStoreThreadRuntimeCore
           return newMessage;
         });
 
+    if (messages.length > 0) this.ensureInitialized();
+
     for (let i = 0; i < messages.length; i++) {
       const message = messages[i]!;
       const parent = messages[i - 1];

package/src/runtimes/local/LocalThreadRuntimeCore.tsx

@@ -19,8 +19,6 @@ export class LocalThreadRuntimeCore
   extends BaseThreadRuntimeCore
   implements ThreadRuntimeCore
 {
-  private _isInitialized = false;
-
   public readonly capabilities = {
     switchToBranch: true,
     edit: true,
@@ -83,15 +81,8 @@ export class LocalThreadRuntimeCore
     if (hasUpdates) this._notifySubscribers();
   }
 
-  private _ensureInitialized() {
-    if (!this._isInitialized) {
-      this._isInitialized = true;
-      this._notifyEventSubscribers("initialize");
-    }
-  }
-
   public async append(message: AppendMessage): Promise<void> {
-    this._ensureInitialized();
+    this.ensureInitialized();
 
     const newMessage = fromCoreMessage(message, {
       attachments: message.attachments,
@@ -108,7 +99,7 @@ export class LocalThreadRuntimeCore
   }
 
   public async startRun(parentId: string | null): Promise<void> {
-    this._ensureInitialized();
+    this.ensureInitialized();
 
     this.repository.resetHead(parentId);
 

package/src/utils/hooks/useManagedRef.ts

@@ -3,7 +3,7 @@ import { useCallback, useRef } from "react";
 export const useManagedRef = <TNode>(
   callback: (node: TNode) => (() => void) | void,
 ) => {
-  const cleanupRef = useRef<(() => void) | void>();
+  const cleanupRef = useRef<(() => void) | void>(undefined);
 
   const ref = useCallback(
     (el: TNode | null) => {

package/edge/package-lock.json

@@ -1,6 +0,0 @@
-{
-  "name": "edge",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {}
-}