@assistant-ui/react 0.7.75 → 0.7.77

package/dist/styles/tailwindcss/thread.css.json

@@ -6,7 +6,7 @@
     "@apply flex h-full flex-col items-center overflow-y-scroll scroll-smooth bg-inherit px-4 pt-8": {}
   },
   ".aui-thread-viewport-footer": {
-    "@apply max-w-[var(--aui-thread-max-width)] sticky bottom-0 mt-3 flex w-full flex-col items-center justify-end rounded-t-lg bg-inherit pb-4": {}
+    "@apply sticky bottom-0 mt-3 flex w-full max-w-[var(--aui-thread-max-width)] flex-col items-center justify-end rounded-t-lg bg-inherit pb-4": {}
   },
   ".aui-thread-scroll-to-bottom": {
     "@apply absolute -top-8 rounded-full disabled:invisible": {}
@@ -18,7 +18,7 @@
     "@apply bg-aui-background hover:bg-aui-muted/80 rounded-full border px-3 py-1 text-sm transition-colors ease-in": {}
   },
   ".aui-thread-welcome-root": {
-    "@apply max-w-[var(--aui-thread-max-width)] flex w-full flex-grow flex-col": {}
+    "@apply flex w-full max-w-[var(--aui-thread-max-width)] flex-grow flex-col": {}
   },
   ".aui-thread-welcome-center": {
     "@apply flex w-full flex-grow flex-col items-center justify-center": {}
@@ -78,8 +78,8 @@
     "@apply text-aui-muted-foreground [&>svg]:bg-aui-background absolute -right-3 -top-3 size-6 [&>svg]:size-4 [&>svg]:rounded-full": {}
   },
   ".aui-user-message-root": {
-    "@apply grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 [&>*]:col-start-2": {},
-    "@apply max-w-[var(--aui-thread-max-width)] w-full py-4": {}
+    "@apply grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 [&:where(>*)]:col-start-2": {},
+    "@apply w-full max-w-[var(--aui-thread-max-width)] py-4": {}
   },
   ":where(.aui-user-message-root) > .aui-branch-picker-root": {
     "@apply col-span-full col-start-1 row-start-3": {},
@@ -103,7 +103,7 @@
     "@apply col-start-1 row-start-2 mr-3 mt-2.5": {}
   },
   ".aui-edit-composer-root": {
-    "@apply bg-aui-muted max-w-[var(--aui-thread-max-width)] my-4 flex w-full flex-col gap-2 rounded-xl": {}
+    "@apply bg-aui-muted my-4 flex w-full max-w-[var(--aui-thread-max-width)] flex-col gap-2 rounded-xl": {}
   },
   ".aui-edit-composer-input": {
     "@apply text-aui-foreground flex h-8 w-full resize-none bg-transparent p-4 pb-0 outline-none": {}
@@ -113,7 +113,7 @@
   },
   ".aui-assistant-message-root": {
     "@apply grid grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr]": {},
-    "@apply max-w-[var(--aui-thread-max-width)] relative w-full py-4": {}
+    "@apply relative w-full max-w-[var(--aui-thread-max-width)] py-4": {}
   },
   ":where(.aui-assistant-message-root) > .aui-avatar-root": {
     "@apply col-start-1 row-span-full row-start-1 mr-4": {}

package/package.json

@@ -29,7 +29,7 @@
     "conversational-ui",
     "conversational-ai"
   ],
-  "version": "0.7.75",
+  "version": "0.7.77",
   "license": "MIT",
   "exports": {
     ".": {
@@ -113,9 +113,9 @@
     "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
     "tsx": "^4.19.2",
-    "@assistant-ui/tsconfig": "0.0.0",
     "@assistant-ui/tailwindcss-transformer": "0.1.0",
-    "@assistant-ui/tsbuildutils": "^0.0.1"
+    "@assistant-ui/tsbuildutils": "^0.0.1",
+    "@assistant-ui/tsconfig": "0.0.0"
   },
   "publishConfig": {
     "access": "public",

package/src/api/AssistantRuntime.ts

@@ -21,7 +21,7 @@ export type AssistantRuntime = {
   readonly thread: ThreadRuntime;
 
   /**
-   * @deprecated This field was renamed to `threads.main`.
+   * @deprecated This field was renamed to `threads`.
    */
   readonly threadList: ThreadListRuntime;
 
@@ -69,7 +69,7 @@ export class AssistantRuntimeImpl implements AssistantRuntime {
     ) => ThreadRuntime = ThreadRuntimeImpl,
   ) {
     this.threads = new ThreadListRuntimeImpl(_core.threads, runtimeFactory);
-    this._thread = this.threadList.main;
+    this._thread = this.threads.main;
   }
 
   protected __internal_bindMethods() {

package/src/context/providers/AssistantRuntimeProvider.tsx

@@ -66,7 +66,7 @@ export const AssistantRuntimeProviderImpl: FC<
       {RenderComponent && <RenderComponent />}
       <ThreadRuntimeProvider
         runtime={runtime.thread}
-        listItemRuntime={runtime.threadList.mainItem}
+        listItemRuntime={runtime.threads.mainItem}
       >
         {children}
       </ThreadRuntimeProvider>

package/src/primitives/threadList/ThreadListItems.tsx

@@ -28,8 +28,8 @@ const ThreadListItemImpl: FC<ThreadListItemProps> = ({
   const runtime = useMemo(
     () =>
       archived
-        ? assistantRuntime.threadList.getArchivedItemByIndex(partIndex)
-        : assistantRuntime.threadList.getItemByIndex(partIndex),
+        ? assistantRuntime.threads.getArchivedItemByIndex(partIndex)
+        : assistantRuntime.threads.getItemByIndex(partIndex),
     [assistantRuntime, partIndex, archived],
   );
 

package/src/runtimes/edge/converters/toLanguageModelMessages.ts

@@ -58,8 +58,11 @@ const assistantMessageSplitter = () => {
         type: "tool-result",
         toolCallId: part.toolCallId,
         toolName: part.toolName,
-        result: part.result ?? "<no result>",
-        isError: part.isError ?? false,
+        result:
+          part.result === undefined
+            ? "Error: tool is has no configured code to run"
+            : undefined,
+        isError: part.isError ?? part.result === undefined,
       });
     },
     getMessages: () => {

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

@@ -107,7 +107,7 @@ export function toolResultStream(
                   toolCallType,
                   toolCallId,
                   toolName,
-                  result,
+                  result: result === undefined ? "<no result>" : result,
                 });
               } catch (error) {
                 controller.enqueue({

package/src/runtimes/local/LocalRuntimeOptions.tsx

@@ -17,10 +17,9 @@ export type LocalRuntimeOptionsBase = {
   };
 
   /**
-   * @deprecated This is a temporary workaround for subgraph frontend function calls.
-   * This feature will be removed in a future version without notice. DO NOT USE.
+   * Names of tools that are allowed to interrupt the run in order to wait for human/external approval.
    */
-  unstable_shouldContinueIgnoreToolNames?: string[] | undefined;
+  unstable_humanToolNames?: string[] | undefined;
 };
 
 // TODO align LocalRuntimeOptions with LocalRuntimeOptionsBase
@@ -38,7 +37,7 @@ export const splitLocalRuntimeOptions = <T extends LocalRuntimeOptions>(
     initialMessages,
     maxSteps,
     adapters,
-    unstable_shouldContinueIgnoreToolNames,
+    unstable_humanToolNames,
     ...rest
   } = options;
 
@@ -48,7 +47,7 @@ export const splitLocalRuntimeOptions = <T extends LocalRuntimeOptions>(
       initialMessages,
       maxSteps,
       adapters,
-      unstable_shouldContinueIgnoreToolNames,
+      unstable_humanToolNames,
     },
     otherOptions: rest,
   };

package/src/runtimes/local/LocalThreadRuntimeCore.tsx

@@ -151,12 +151,7 @@ export class LocalThreadRuntimeCore
     try {
       do {
         message = await this.performRoundtrip(parentId, message, runConfig);
-      } while (
-        shouldContinue(
-          message,
-          this._options.unstable_shouldContinueIgnoreToolNames ?? [],
-        )
-      );
+      } while (shouldContinue(message, this._options.unstable_humanToolNames));
     } finally {
       this._notifyEventSubscribers("run-end");
     }
@@ -347,10 +342,7 @@ export class LocalThreadRuntimeCore
 
     if (
       added &&
-      shouldContinue(
-        message,
-        this._options.unstable_shouldContinueIgnoreToolNames ?? [],
-      )
+      shouldContinue(message, this._options.unstable_humanToolNames)
     ) {
       this.performRoundtrip(parentId, message, this._lastRunConfig);
     }

package/src/runtimes/local/shouldContinue.tsx

@@ -2,13 +2,25 @@ import type { ThreadAssistantMessage } from "../../types";
 
 export const shouldContinue = (
   result: ThreadAssistantMessage,
-  ignoreToolNames: string[],
-) =>
-  result.status?.type === "requires-action" &&
-  result.status.reason === "tool-calls" &&
-  result.content.every(
-    (c) =>
-      c.type !== "tool-call" ||
-      !!c.result ||
-      ignoreToolNames.includes(c.toolName),
+  humanToolNames: string[] | undefined,
+) => {
+  // TODO legacy behavior -- make specifying human tool names required
+  if (humanToolNames === undefined) {
+    return (
+      result.status?.type === "requires-action" &&
+      result.status.reason === "tool-calls" &&
+      result.content.every((c) => c.type !== "tool-call" || !!c.result)
+    );
+  }
+
+  return (
+    result.status?.type === "requires-action" &&
+    result.status.reason === "tool-calls" &&
+    result.content.every(
+      (c) =>
+        c.type !== "tool-call" ||
+        !!c.result ||
+        !humanToolNames.includes(c.toolName),
+    )
   );
+};

package/src/styles/tailwindcss/thread.css

@@ -8,7 +8,7 @@
 }
 
 .aui-thread-viewport-footer {
-  @apply max-w-[var(--aui-thread-max-width)] sticky bottom-0 mt-3 flex w-full flex-col items-center justify-end rounded-t-lg bg-inherit pb-4;
+  @apply sticky bottom-0 mt-3 flex w-full max-w-[var(--aui-thread-max-width)] flex-col items-center justify-end rounded-t-lg bg-inherit pb-4;
 }
 
 .aui-thread-scroll-to-bottom {
@@ -26,7 +26,7 @@
 /* thread welcome */
 
 .aui-thread-welcome-root {
-  @apply max-w-[var(--aui-thread-max-width)] flex w-full flex-grow flex-col;
+  @apply flex w-full max-w-[var(--aui-thread-max-width)] flex-grow flex-col;
 }
 
 .aui-thread-welcome-center {
@@ -110,8 +110,8 @@
 /* user message */
 
 .aui-user-message-root {
-  @apply grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 [&>*]:col-start-2;
-  @apply max-w-[var(--aui-thread-max-width)] w-full py-4;
+  @apply grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 [&:where(>*)]:col-start-2;
+  @apply w-full max-w-[var(--aui-thread-max-width)] py-4;
 }
 
 :where(.aui-user-message-root) > .aui-branch-picker-root {
@@ -126,7 +126,7 @@
 
 .aui-user-message-content {
   @apply bg-aui-muted text-aui-foreground max-w-[calc(var(--aui-thread-max-width)*0.8)] break-words rounded-3xl px-5 py-2.5;
-  
+
   @apply col-start-2 row-start-2;
 }
 
@@ -148,7 +148,7 @@
 /* edit composer */
 
 .aui-edit-composer-root {
-  @apply bg-aui-muted max-w-[var(--aui-thread-max-width)] my-4 flex w-full flex-col gap-2 rounded-xl;
+  @apply bg-aui-muted my-4 flex w-full max-w-[var(--aui-thread-max-width)] flex-col gap-2 rounded-xl;
 }
 
 .aui-edit-composer-input {
@@ -163,7 +163,7 @@
 
 .aui-assistant-message-root {
   @apply grid grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr];
-  @apply max-w-[var(--aui-thread-max-width)] relative w-full py-4;
+  @apply relative w-full max-w-[var(--aui-thread-max-width)] py-4;
 }
 
 :where(.aui-assistant-message-root) > .aui-avatar-root {