@assistant-ui/react 0.7.10 → 0.7.12

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.10",
+  "version": "0.7.12",
   "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,15 +108,15 @@
   },
   "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",

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/external-store/ExternalStoreThreadListRuntimeCore.tsx

@@ -1,18 +1,26 @@
 import type { Unsubscribe } from "../../types";
 import { ExternalStoreThreadRuntimeCore } from "./ExternalStoreThreadRuntimeCore";
 import { ThreadListRuntimeCore } from "../core/ThreadListRuntimeCore";
-import { ExternalStoreThreadListAdapter } from "./ExternalStoreAdapter";
+import {
+  ExternalStoreThreadData,
+  ExternalStoreThreadListAdapter,
+} from "./ExternalStoreAdapter";
 
 export type ExternalStoreThreadFactory = () => ExternalStoreThreadRuntimeCore;
 
 const EMPTY_ARRAY = Object.freeze([]);
 const DEFAULT_THREAD_ID = "DEFAULT_THREAD_ID";
+const DEFAULT_THREADS = Object.freeze([DEFAULT_THREAD_ID]);
+const DEFAULT_THREAD: ExternalStoreThreadData<"regular"> = Object.freeze({
+  threadId: DEFAULT_THREAD_ID,
+  state: "regular",
+});
 
 export class ExternalStoreThreadListRuntimeCore
   implements ThreadListRuntimeCore
 {
   private _mainThreadId: string = DEFAULT_THREAD_ID;
-  private _threads: readonly string[] = EMPTY_ARRAY;
+  private _threads: readonly string[] = DEFAULT_THREADS;
   private _archivedThreads: readonly string[] = EMPTY_ARRAY;
 
   public get newThreadId() {
@@ -51,6 +59,7 @@ export class ExternalStoreThreadListRuntimeCore
     for (const thread of this.adapter.archivedThreads ?? []) {
       if (thread.threadId === threadId) return thread;
     }
+    if (threadId === DEFAULT_THREAD_ID) return DEFAULT_THREAD;
     return undefined;
   }
 

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": {}
-}