@assistant-ui/react 0.15.21 → 0.15.23

package/dist/utils/smooth/SmoothContext.d.ts

@@ -1,113 +1,111 @@
-import { ReadonlyStore } from "../../context/ReadonlyStore.js";
-import { ComponentType, FC, PropsWithChildren } from "react";
-//#region src/utils/smooth/SmoothContext.d.ts
+import { type ComponentType, type FC, type PropsWithChildren } from "react";
+import type { ReadonlyStore } from "../../context/ReadonlyStore.js";
 export declare const SmoothContextProvider: FC<PropsWithChildren>;
 export declare const withSmoothContextProvider: <C extends ComponentType<any>>(Component: C) => C;
 export declare const useSmoothStatus: {
-  (): {
-    readonly type: "running";
-  } | {
-    readonly type: "complete";
-  } | {
-    readonly type: "incomplete";
-    readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
-    readonly error?: unknown;
-  } | {
-    readonly type: "requires-action";
-    readonly reason: "tool-calls" | "interrupt";
-  } | {
-    readonly type: "incomplete";
-    readonly reason: "tool-calls";
-    readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
-  };
-  <TSelected>(selector: (state: {
-    readonly type: "running";
-  } | {
-    readonly type: "complete";
-  } | {
-    readonly type: "incomplete";
-    readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
-    readonly error?: unknown;
-  } | {
-    readonly type: "requires-action";
-    readonly reason: "tool-calls" | "interrupt";
-  } | {
-    readonly type: "incomplete";
-    readonly reason: "tool-calls";
-    readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
-  }) => TSelected): TSelected;
-  (options: {
-    optional: true;
-  }): {
-    readonly type: "running";
-  } | {
-    readonly type: "complete";
-  } | {
-    readonly type: "incomplete";
-    readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
-    readonly error?: unknown;
-  } | {
-    readonly type: "requires-action";
-    readonly reason: "tool-calls" | "interrupt";
-  } | {
-    readonly type: "incomplete";
-    readonly reason: "tool-calls";
-    readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
-  } | null;
-  <TSelected>(options: {
-    optional: true;
-    selector?: (state: {
-      readonly type: "running";
-    } | {
-      readonly type: "complete";
-    } | {
-      readonly type: "incomplete";
-      readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
-      readonly error?: unknown;
-    } | {
-      readonly type: "requires-action";
-      readonly reason: "tool-calls" | "interrupt";
-    } | {
-      readonly type: "incomplete";
-      readonly reason: "tool-calls";
-      readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
-    }) => TSelected;
-  }): TSelected | null;
+    (): {
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "tool-calls" | "interrupt";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "tool-calls";
+        readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
+    };
+    <TSelected>(selector: (state: {
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "tool-calls" | "interrupt";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "tool-calls";
+        readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
+    }) => TSelected): TSelected;
+    (options: {
+        optional: true;
+    }): {
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "tool-calls" | "interrupt";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "tool-calls";
+        readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
+    } | null;
+    <TSelected>(options: {
+        optional: true;
+        selector?: (state: {
+            readonly type: "running";
+        } | {
+            readonly type: "complete";
+        } | {
+            readonly type: "incomplete";
+            readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+            readonly error?: unknown;
+        } | {
+            readonly type: "requires-action";
+            readonly reason: "tool-calls" | "interrupt";
+        } | {
+            readonly type: "incomplete";
+            readonly reason: "tool-calls";
+            readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
+        }) => TSelected;
+    }): TSelected | null;
 }, useSmoothStatusStore: {
-  (): ReadonlyStore<{
-    readonly type: "running";
-  } | {
-    readonly type: "complete";
-  } | {
-    readonly type: "incomplete";
-    readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
-    readonly error?: unknown;
-  } | {
-    readonly type: "requires-action";
-    readonly reason: "tool-calls" | "interrupt";
-  } | {
-    readonly type: "incomplete";
-    readonly reason: "tool-calls";
-    readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
-  }>;
-  (options: {
-    optional: true;
-  }): ReadonlyStore<{
-    readonly type: "running";
-  } | {
-    readonly type: "complete";
-  } | {
-    readonly type: "incomplete";
-    readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
-    readonly error?: unknown;
-  } | {
-    readonly type: "requires-action";
-    readonly reason: "tool-calls" | "interrupt";
-  } | {
-    readonly type: "incomplete";
-    readonly reason: "tool-calls";
-    readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
-  }> | null;
+    (): ReadonlyStore<{
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "tool-calls" | "interrupt";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "tool-calls";
+        readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
+    }>;
+    (options: {
+        optional: true;
+    }): ReadonlyStore<{
+        readonly type: "running";
+    } | {
+        readonly type: "complete";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "cancelled" | "length" | "content-filter" | "other" | "error";
+        readonly error?: unknown;
+    } | {
+        readonly type: "requires-action";
+        readonly reason: "tool-calls" | "interrupt";
+    } | {
+        readonly type: "incomplete";
+        readonly reason: "tool-calls";
+        readonly error?: import("assistant-stream/utils").ReadonlyJSONValue;
+    }> | null;
 };
-//#endregion
 //# sourceMappingURL=SmoothContext.d.ts.map

package/dist/utils/smooth/SmoothContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothContext.d.ts","names":[],"sources":["../../../src/utils/smooth/SmoothContext.tsx"],"mappings":";;;qBAmCa,uBAAuB,GAAG;qBAgB1B,4BAA6B,UAAU,oBAClD,WAAW,MACV;qBA2BY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiB"}
+{"version":3,"file":"SmoothContext.d.ts","sourceRoot":"","sources":["../../../src/utils/smooth/SmoothContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,EAAE,EAEP,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,uCAAoC;AAwBjE,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,iBAAiB,CAcvD,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EACpE,WAAW,CAAC,KACX,CAUF,CAAC;AAiBF,eAAO,MAAQ,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGnD,CAAC"}

package/dist/utils/smooth/SmoothContext.js

@@ -1,8 +1,8 @@
 "use client";
 import { createContextStoreHook } from "../../context/react/utils/createContextStoreHook.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
-import { useAui } from "@assistant-ui/store";
 import { createContext, forwardRef, useContext, useState } from "@assistant-ui/tap/react-shim";
+import { useAui } from "@assistant-ui/store";
 import { create } from "zustand";
 import { jsx } from "react/jsx-runtime";
 //#region src/utils/smooth/SmoothContext.tsx

package/dist/utils/smooth/useSmooth.d.ts

@@ -1,34 +1,33 @@
-import { MessagePartState, ReasoningMessagePart, TextMessagePart } from "@assistant-ui/core";
-//#region src/utils/smooth/useSmooth.d.ts
+import type { ReasoningMessagePart, TextMessagePart, MessagePartState } from "@assistant-ui/core";
 /**
  * Tuning options for the smooth text streaming animation.
  */
 export type SmoothOptions = {
-  /**
-   * Target time in milliseconds to drain the backlog of unrevealed
-   * characters. Larger values reveal long backlogs more gradually.
-   * @default 250
-   */
-  drainMs?: number | undefined;
-  /**
-   * Maximum time in milliseconds between revealed characters, i.e. the
-   * slowest reveal rate when the backlog is short.
-   * @default 5
-   */
-  maxCharIntervalMs?: number | undefined;
-  /**
-   * Maximum number of characters revealed per animation frame.
-   * @default Infinity
-   */
-  maxCharsPerFrame?: number | undefined;
-  /**
-   * Minimum time in milliseconds between committed updates. The reveal keeps
-   * advancing every frame, but the visible text (and the downstream re-render
-   * and markdown re-parse it triggers) is committed at most once per interval.
-   * The final frame always commits. `0` commits every frame.
-   * @default 0
-   */
-  minCommitMs?: number | undefined;
+    /**
+     * Target time in milliseconds to drain the backlog of unrevealed
+     * characters. Larger values reveal long backlogs more gradually.
+     * @default 250
+     */
+    drainMs?: number | undefined;
+    /**
+     * Maximum time in milliseconds between revealed characters, i.e. the
+     * slowest reveal rate when the backlog is short.
+     * @default 5
+     */
+    maxCharIntervalMs?: number | undefined;
+    /**
+     * Maximum number of characters revealed per animation frame.
+     * @default Infinity
+     */
+    maxCharsPerFrame?: number | undefined;
+    /**
+     * Minimum time in milliseconds between committed updates. The reveal keeps
+     * advancing every frame, but the visible text (and the downstream re-render
+     * and markdown re-parse it triggers) is committed at most once per interval.
+     * The final frame always commits. `0` commits every frame.
+     * @default 0
+     */
+    minCommitMs?: number | undefined;
 };
 /**
  * Animates streamed message part text with a typewriter-style reveal.
@@ -54,5 +53,4 @@ export type SmoothOptions = {
  * ```
  */
 export declare const useSmooth: (state: MessagePartState & (TextMessagePart | ReasoningMessagePart), smooth?: boolean | SmoothOptions) => MessagePartState & (TextMessagePart | ReasoningMessagePart);
-//#endregion
 //# sourceMappingURL=useSmooth.d.ts.map

package/dist/utils/smooth/useSmooth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSmooth.d.ts","names":[],"sources":["../../../src/utils/smooth/useSmooth.ts"],"mappings":";;;;;YAkBY;;;;;;EAMV;;;;;;EAMA;;;;;EAKA;;;;;;;;EAQA;;;;;;;;;;;;;;;;;;;;;;;;;qBAgHW,YACX,OAAO,oBAAoB,kBAAkB,uBAC7C,mBAAkB,kBACjB,oBAAoB,kBAAkB"}
+{"version":3,"file":"useSmooth.d.ts","sourceRoot":"","sources":["../../../src/utils/smooth/useSmooth.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAM5B;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,CAAC;AAwFF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,SAAS,GACpB,OAAO,gBAAgB,GAAG,CAAC,eAAe,GAAG,oBAAoB,CAAC,EAClE,SAAQ,OAAO,GAAG,aAAqB,KACtC,gBAAgB,GAAG,CAAC,eAAe,GAAG,oBAAoB,CAiI5D,CAAC"}

package/dist/utils/smooth/useSmooth.js

@@ -2,8 +2,8 @@
 import { writableStore } from "../../context/ReadonlyStore.js";
 import { useMediaQuery } from "../hooks/useMediaQuery.js";
 import { useSmoothStatusStore } from "./SmoothContext.js";
-import { useAui, useAuiState } from "@assistant-ui/store";
 import { useEffect, useMemo, useRef, useState } from "@assistant-ui/tap/react-shim";
+import { useAui, useAuiState } from "@assistant-ui/store";
 import { useCallbackRef } from "radix-ui/internal";
 //#region src/utils/smooth/useSmooth.ts
 const DEFAULT_DRAIN_MS = 250;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react",
-  "version": "0.15.21",
+  "version": "0.15.23",
   "description": "Open-source TypeScript/React library for building production-grade AI chat experiences",
   "keywords": [
     "ai",
@@ -55,11 +55,11 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@assistant-ui/core": "^0.3.20",
-    "@assistant-ui/store": "^0.3.14",
-    "@assistant-ui/tap": "^0.9.18",
-    "assistant-cloud": "^0.2.2",
-    "assistant-stream": "^0.3.44",
+    "@assistant-ui/core": "^0.3.22",
+    "@assistant-ui/store": "^0.3.16",
+    "@assistant-ui/tap": "^0.9.20",
+    "assistant-cloud": "^0.2.4",
+    "assistant-stream": "^0.3.46",
     "radix-ui": "^1.6.7",
     "react-textarea-autosize": "^8.5.9",
     "safe-content-frame": "^0.0.31",
@@ -81,8 +81,9 @@
     }
   },
   "devDependencies": {
-    "@assistant-ui/vite": "0.0.18",
-    "@assistant-ui/x-buildutils": "0.0.28",
+    "@assistant-ui/vite": "0.0.19",
+    "@assistant-ui/x-buildutils": "0.0.29",
+    "@assistant-ui/x-react18": "0.0.0",
     "@testing-library/react": "^16.3.3",
     "@types/json-schema": "^7.0.15",
     "@types/node": "^26.5.1",
@@ -110,6 +111,8 @@
     "build": "aui-build",
     "test": "vitest run",
     "typecheck": "tsc --noEmit",
-    "test:watch": "vitest"
+    "test:peer-react18": "vitest run --config vitest.peer-react18.config.ts",
+    "test:watch": "vitest",
+    "test:types:peer-react18": "aui-react18-types"
   }
 }

package/src/assistant-transport.ts

@@ -21,10 +21,11 @@ import type { UserCommands, UserExternalState } from "./augmentations";
 
 export type { AssistantTransportProtocol };
 
-export type SendCommandsRequestBody = Omit<
-  CoreSendCommandsRequestBody,
-  "commands"
-> & {
+export type SendCommandsRequestBody = {
+  [
+    K in keyof CoreSendCommandsRequestBody as K extends "commands" ? never : K
+  ]: CoreSendCommandsRequestBody[K];
+} & {
   commands: AssistantTransportCommand[];
 };