@assistant-ui/react 0.11.37 → 0.11.38

package/package.json

@@ -28,7 +28,7 @@
     "conversational-ui",
     "conversational-ai"
   ],
-  "version": "0.11.37",
+  "version": "0.11.38",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -48,14 +48,14 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "assistant-cloud": "^0.1.6",
+    "assistant-cloud": "^0.1.7",
     "@assistant-ui/tap": "^0.1.5",
     "@radix-ui/primitive": "^1.1.3",
     "@radix-ui/react-compose-refs": "^1.1.2",
-    "@radix-ui/react-context": "^1.1.2",
+    "@radix-ui/react-context": "^1.1.3",
     "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-primitive": "^2.1.3",
-    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-primitive": "^2.1.4",
+    "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-use-callback-ref": "^1.1.1",
     "@radix-ui/react-use-escape-keydown": "^1.1.1",
     "@standard-schema/spec": "^1.0.0",
@@ -84,11 +84,11 @@
     "@stryker-mutator/core": "^9.3.0",
     "@stryker-mutator/vitest-runner": "^9.3.0",
     "@types/json-schema": "^7.0.15",
-    "@types/node": "^24.10.0",
+    "@types/node": "^24.10.1",
     "eslint": "^9",
-    "eslint-config-next": "16.0.1",
+    "eslint-config-next": "16.0.3",
     "tsx": "^4.20.6",
-    "vitest": "^4.0.6",
+    "vitest": "^4.0.8",
     "@assistant-ui/x-buildutils": "0.0.1"
   },
   "publishConfig": {

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

@@ -308,9 +308,56 @@ export class RemoteThreadListThreadListRuntimeCore
   }
 
   public async switchToThread(threadIdOrRemoteId: string): Promise<void> {
-    const data = this.getItemById(threadIdOrRemoteId);
-    if (!data) throw new Error("Thread not found");
+    let data = this.getItemById(threadIdOrRemoteId);
+
+    if (!data) {
+      const remoteMetadata =
+        await this._options.adapter.fetch(threadIdOrRemoteId);
+      const state = this._state.value;
+      const mappingId = createThreadMappingId(remoteMetadata.remoteId);
+
+      const newThreadData = {
+        ...state.threadData,
+        [mappingId]: {
+          id: mappingId,
+          initializeTask: Promise.resolve({
+            remoteId: remoteMetadata.remoteId,
+            externalId: remoteMetadata.externalId,
+          }),
+          remoteId: remoteMetadata.remoteId,
+          externalId: remoteMetadata.externalId,
+          status: remoteMetadata.status,
+          title: remoteMetadata.title,
+        } as RemoteThreadData,
+      };
+
+      const newThreadIdMap = {
+        ...state.threadIdMap,
+        [remoteMetadata.remoteId]: mappingId,
+      };
+
+      const newThreadIds =
+        remoteMetadata.status === "regular"
+          ? [...state.threadIds, remoteMetadata.remoteId]
+          : state.threadIds;
+
+      const newArchivedThreadIds =
+        remoteMetadata.status === "archived"
+          ? [...state.archivedThreadIds, remoteMetadata.remoteId]
+          : state.archivedThreadIds;
 
+      this._state.update({
+        ...state,
+        threadIds: newThreadIds,
+        archivedThreadIds: newArchivedThreadIds,
+        threadIdMap: newThreadIdMap,
+        threadData: newThreadData,
+      });
+
+      data = this.getItemById(threadIdOrRemoteId);
+    }
+
+    if (!data) throw new Error("Thread not found");
     if (this._mainThreadId === data.id) return;
 
     const task = this._hookManager.startThreadRuntime(data.id);

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

@@ -121,6 +121,16 @@ export const useCloudThreadListAdapter = (
       });
     },
 
+    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,
   };
 };

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

@@ -3,6 +3,7 @@ import {
   RemoteThreadInitializeResponse,
   RemoteThreadListAdapter,
   RemoteThreadListResponse,
+  RemoteThreadMetadata,
 } from "../types";
 
 export class InMemoryThreadListAdapter implements RemoteThreadListAdapter {
@@ -35,4 +36,8 @@ export class InMemoryThreadListAdapter implements RemoteThreadListAdapter {
   generateTitle(): Promise<AssistantStream> {
     return Promise.resolve(new ReadableStream<AssistantStreamChunk>());
   }
+
+  fetch(_threadId: string): Promise<RemoteThreadMetadata> {
+    return Promise.reject(new Error("Thread not found"));
+  }
 }

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

@@ -31,6 +31,7 @@ export type RemoteThreadListAdapter = {
     remoteId: string,
     unstable_messages: readonly ThreadMessage[],
   ): Promise<AssistantStream>;
+  fetch(threadId: string): Promise<RemoteThreadMetadata>;
 
   unstable_Provider?: ComponentType<PropsWithChildren>;
 };

package/src/primitives/assistantModal/scope.tsx

@@ -1,5 +1,7 @@
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import type { Scope } from "@radix-ui/react-context";
 
-export const usePopoverScope = PopoverPrimitive.createPopoverScope();
+export const usePopoverScope: ReturnType<
+  typeof PopoverPrimitive.createPopoverScope
+> = PopoverPrimitive.createPopoverScope();
 export type ScopedProps<P> = P & { __scopeAssistantModal?: Scope };

package/src/primitives/thread/useThreadViewportAutoScroll.tsx

@@ -28,16 +28,13 @@ export const useThreadViewportAutoScroll = <TElement extends HTMLElement>({
   // fix: delay the state change until the scroll is done
   const isScrollingToBottomRef = useRef(false);
 
-  const scrollToBottom = useCallback(
-    (behavior: ScrollBehavior) => {
-      const div = divRef.current;
-      if (!div || !autoScroll) return;
+  const scrollToBottom = useCallback((behavior: ScrollBehavior) => {
+    const div = divRef.current;
+    if (!div) return;
 
-      isScrollingToBottomRef.current = true;
-      div.scrollTo({ top: div.scrollHeight, behavior });
-    },
-    [autoScroll],
-  );
+    isScrollingToBottomRef.current = true;
+    div.scrollTo({ top: div.scrollHeight, behavior });
+  }, []);
 
   const handleScroll = () => {
     const div = divRef.current;
@@ -45,7 +42,8 @@ export const useThreadViewportAutoScroll = <TElement extends HTMLElement>({
 
     const isAtBottom = threadViewportStore.getState().isAtBottom;
     const newIsAtBottom =
-      div.scrollHeight - div.scrollTop <= div.clientHeight + 1; // TODO figure out why +1 is needed
+      Math.abs(div.scrollHeight - div.scrollTop - div.clientHeight) < 1 ||
+      div.scrollHeight <= div.clientHeight;
 
     if (!newIsAtBottom && lastScrollTop.current < div.scrollTop) {
       // ignore scroll down
@@ -66,8 +64,9 @@ export const useThreadViewportAutoScroll = <TElement extends HTMLElement>({
 
   const resizeRef = useOnResizeContent(() => {
     if (
-      isScrollingToBottomRef.current ||
-      threadViewportStore.getState().isAtBottom
+      autoScroll &&
+      (isScrollingToBottomRef.current ||
+        threadViewportStore.getState().isAtBottom)
     ) {
       scrollToBottom("instant");
     }
@@ -87,7 +86,9 @@ export const useThreadViewportAutoScroll = <TElement extends HTMLElement>({
   });
 
   // autoscroll on run start
-  useAssistantEvent("thread.run-start", () => scrollToBottom("auto"));
+  useAssistantEvent("thread.run-start", () => {
+    if (autoScroll) scrollToBottom("auto");
+  });
 
   const autoScrollRef = useComposedRefs<TElement>(resizeRef, scrollRef, divRef);
   return autoScrollRef as RefCallback<TElement>;