@langchain/langgraph-sdk 0.0.46-experimental.0 → 0.0.47-experimental.0

package/dist/react/stream.cjs

@@ -203,15 +203,25 @@ const useControllableThreadId = (options) => {
         _setLocalThreadId(threadId);
         onThreadIdRef.current?.(threadId);
     }, []);
-    if (typeof options?.threadId === "undefined") {
+    if (!options || !("threadId" in options)) {
         return [localThreadId, onThreadId];
     }
-    return [options.threadId, onThreadId];
+    return [options.threadId ?? null, onThreadId];
 };
 function useStream(options) {
     let { assistantId, messagesKey, onError, onFinish } = options;
     messagesKey ??= "messages";
-    const client = (0, react_1.useMemo)(() => new client_js_1.Client({ apiUrl: options.apiUrl, apiKey: options.apiKey }), [options.apiKey, options.apiUrl]);
+    const client = (0, react_1.useMemo)(() => new client_js_1.Client({
+        apiUrl: options.apiUrl,
+        apiKey: options.apiKey,
+        callerOptions: options.callerOptions,
+        defaultHeaders: options.defaultHeaders,
+    }), [
+        options.apiKey,
+        options.apiUrl,
+        options.callerOptions,
+        options.defaultHeaders,
+    ]);
     const [threadId, onThreadId] = useControllableThreadId(options);
     const [branch, setBranch] = (0, react_1.useState)("");
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
@@ -221,9 +231,12 @@ function useStream(options) {
     const submittingRef = (0, react_1.useRef)(false);
     const abortRef = (0, react_1.useRef)(null);
     const trackStreamModeRef = (0, react_1.useRef)([]);
-    const trackStreamMode = (0, react_1.useCallback)((mode) => {
-        if (!trackStreamModeRef.current.includes(mode))
-            trackStreamModeRef.current.push(mode);
+    const trackStreamMode = (0, react_1.useCallback)((...mode) => {
+        for (const m of mode) {
+            if (!trackStreamModeRef.current.includes(m)) {
+                trackStreamModeRef.current.push(m);
+            }
+        }
     }, []);
     const hasUpdateListener = options.onUpdateEvent != null;
     const hasCustomListener = options.onCustomEvent != null;
@@ -445,11 +458,11 @@ function useStream(options) {
             return interrupts.at(-1);
         },
         get messages() {
-            trackStreamMode("messages-tuple");
+            trackStreamMode("messages-tuple", "values");
             return getMessages(values);
         },
         getMessagesMetadata(message, index) {
-            trackStreamMode("messages-tuple");
+            trackStreamMode("messages-tuple", "values");
             return messageMetadata?.find((m) => m.messageId === (message.id ?? index));
         },
     };

package/dist/react/stream.d.ts

@@ -66,6 +66,14 @@ interface UseStreamOptions<StateType extends Record<string, unknown> = Record<st
      * The API key to use.
      */
     apiKey?: ClientConfig["apiKey"];
+    /**
+     * Custom call options, such as custom fetch implementation.
+     */
+    callerOptions?: ClientConfig["callerOptions"];
+    /**
+     * Default headers to send with requests.
+     */
+    defaultHeaders?: ClientConfig["defaultHeaders"];
     /**
      * Specify the key within the state that contains messages.
      * Defaults to "messages".
@@ -102,7 +110,7 @@ interface UseStreamOptions<StateType extends Record<string, unknown> = Record<st
      */
     onThreadId?: (threadId: string) => void;
 }
-interface UseStream<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate> {
+export interface UseStream<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate> {
     /**
      * The current values of the thread.
      */

package/dist/react/stream.js

@@ -200,15 +200,25 @@ const useControllableThreadId = (options) => {
         _setLocalThreadId(threadId);
         onThreadIdRef.current?.(threadId);
     }, []);
-    if (typeof options?.threadId === "undefined") {
+    if (!options || !("threadId" in options)) {
         return [localThreadId, onThreadId];
     }
-    return [options.threadId, onThreadId];
+    return [options.threadId ?? null, onThreadId];
 };
 export function useStream(options) {
     let { assistantId, messagesKey, onError, onFinish } = options;
     messagesKey ??= "messages";
-    const client = useMemo(() => new Client({ apiUrl: options.apiUrl, apiKey: options.apiKey }), [options.apiKey, options.apiUrl]);
+    const client = useMemo(() => new Client({
+        apiUrl: options.apiUrl,
+        apiKey: options.apiKey,
+        callerOptions: options.callerOptions,
+        defaultHeaders: options.defaultHeaders,
+    }), [
+        options.apiKey,
+        options.apiUrl,
+        options.callerOptions,
+        options.defaultHeaders,
+    ]);
     const [threadId, onThreadId] = useControllableThreadId(options);
     const [branch, setBranch] = useState("");
     const [isLoading, setIsLoading] = useState(false);
@@ -218,9 +228,12 @@ export function useStream(options) {
     const submittingRef = useRef(false);
     const abortRef = useRef(null);
     const trackStreamModeRef = useRef([]);
-    const trackStreamMode = useCallback((mode) => {
-        if (!trackStreamModeRef.current.includes(mode))
-            trackStreamModeRef.current.push(mode);
+    const trackStreamMode = useCallback((...mode) => {
+        for (const m of mode) {
+            if (!trackStreamModeRef.current.includes(m)) {
+                trackStreamModeRef.current.push(m);
+            }
+        }
     }, []);
     const hasUpdateListener = options.onUpdateEvent != null;
     const hasCustomListener = options.onCustomEvent != null;
@@ -442,11 +455,11 @@ export function useStream(options) {
             return interrupts.at(-1);
         },
         get messages() {
-            trackStreamMode("messages-tuple");
+            trackStreamMode("messages-tuple", "values");
             return getMessages(values);
         },
         getMessagesMetadata(message, index) {
-            trackStreamMode("messages-tuple");
+            trackStreamMode("messages-tuple", "values");
             return messageMetadata?.find((m) => m.messageId === (message.id ?? index));
         },
     };

package/dist/react-ui/client.cjs

@@ -23,12 +23,27 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadExternalComponent = void 0;
+exports.bootstrapUiContext = exports.LoadExternalComponent = exports.useStreamContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../react/index.cjs");
 const React = __importStar(require("react"));
 const ReactDOM = __importStar(require("react-dom"));
 const JsxRuntime = __importStar(require("react/jsx-runtime"));
 const UseStreamContext = React.createContext(null);
+function useStreamContext() {
+    const ctx = React.useContext(UseStreamContext);
+    if (!ctx) {
+        throw new Error("useStreamContext must be used within a LoadExternalComponent");
+    }
+    return new Proxy(ctx, {
+        get(target, prop) {
+            if (prop === "meta")
+                return target.meta;
+            return target.stream[prop];
+        },
+    });
+}
+exports.useStreamContext = useStreamContext;
 class ComponentStore {
     constructor() {
         Object.defineProperty(this, "cache", {
@@ -50,63 +65,89 @@ class ComponentStore {
             value: {}
         });
     }
-    respond(name, comp, targetElement) {
-        this.cache[name] = { comp, target: targetElement };
-        this.callbacks[name]?.forEach((c) => c(comp, targetElement));
+    respond(shadowRootId, comp, targetElement) {
+        this.cache[shadowRootId] = { comp, target: targetElement };
+        this.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));
     }
-    getBoundStore(name) {
-        this.boundCache[name] ??= {
+    getBoundStore(shadowRootId) {
+        this.boundCache[shadowRootId] ??= {
             subscribe: (onStoreChange) => {
-                this.callbacks[name] ??= [];
-                this.callbacks[name].push(onStoreChange);
+                this.callbacks[shadowRootId] ??= [];
+                this.callbacks[shadowRootId].push(onStoreChange);
                 return () => {
-                    this.callbacks[name] = this.callbacks[name].filter((c) => c !== onStoreChange);
+                    this.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter((c) => c !== onStoreChange);
                 };
             },
-            getSnapshot: () => this.cache[name],
+            getSnapshot: () => this.cache[shadowRootId],
         };
-        return this.boundCache[name];
+        return this.boundCache[shadowRootId];
     }
 }
 const COMPONENT_STORE = new ComponentStore();
+const COMPONENT_PROMISE_CACHE = {};
 const EXT_STORE_SYMBOL = Symbol.for("LGUI_EXT_STORE");
 const REQUIRE_SYMBOL = Symbol.for("LGUI_REQUIRE");
-function LoadExternalComponent({ apiUrl = "http://localhost:2024", assistantId, stream, message, className, }) {
+function fetchComponent(apiUrl, assistantId, agentName) {
+    const cacheKey = `${apiUrl}-${assistantId}-${agentName}`;
+    if (COMPONENT_PROMISE_CACHE[cacheKey] != null) {
+        return COMPONENT_PROMISE_CACHE[cacheKey];
+    }
+    const request = fetch(`${apiUrl}/ui/${assistantId}`, {
+        headers: { Accept: "text/html", "Content-Type": "application/json" },
+        method: "POST",
+        body: JSON.stringify({ name: agentName }),
+    }).then((a) => a.text());
+    COMPONENT_PROMISE_CACHE[cacheKey] = request;
+    return request;
+}
+function LoadExternalComponent({ apiUrl = "http://localhost:2024", assistantId, stream, message, meta, fallback, ...props }) {
     const ref = React.useRef(null);
     const id = React.useId();
     const shadowRootId = `child-shadow-${id}`;
     const store = React.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);
     const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
     React.useEffect(() => {
-        fetch(`${apiUrl}/ui/${assistantId}`, {
-            headers: { "Content-Type": "application/json" },
-            method: "POST",
-            body: JSON.stringify({ name: message.name, shadowRootId }),
-        })
-            .then((a) => a.text())
-            .then((html) => {
+        fetchComponent(apiUrl, assistantId, message.name).then((html) => {
             const dom = ref.current;
             if (!dom)
                 return;
             const root = dom.shadowRoot ?? dom.attachShadow({ mode: "open" });
-            const fragment = document.createRange().createContextualFragment(html);
+            const fragment = document
+                .createRange()
+                .createContextualFragment(html.replace("{{shadowRootId}}", shadowRootId));
             root.appendChild(fragment);
         });
     }, [apiUrl, assistantId, message.name, shadowRootId]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { id: shadowRootId, ref: ref, className: className }), (0, jsx_runtime_1.jsx)(UseStreamContext.Provider, { value: stream, children: state?.target &&
-                    ReactDOM.createPortal(React.createElement(state.comp, message.content), state.target) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { id: shadowRootId, ref: ref, ...props }), (0, jsx_runtime_1.jsx)(UseStreamContext.Provider, { value: { stream, meta }, children: state?.target != null
+                    ? ReactDOM.createPortal(React.createElement(state.comp, message.content), state.target)
+                    : fallback })] }));
 }
 exports.LoadExternalComponent = LoadExternalComponent;
-window[EXT_STORE_SYMBOL] = COMPONENT_STORE;
-window[REQUIRE_SYMBOL] = (name) => {
-    if (name === "react")
-        return React;
-    if (name === "react-dom")
-        return ReactDOM;
-    if (name === "react/jsx-runtime")
-        return JsxRuntime;
-    if (name === "@langchain/langgraph-sdk/react") {
-        return { useStream: () => React.useContext(UseStreamContext) };
+function bootstrapUiContext() {
+    if (typeof window === "undefined") {
+        console.warn("Attempting to bootstrap UI context outside of browser environment. " +
+            "Avoid importing from `@langchain/langgraph-sdk/react-ui` in server context.");
+        return;
     }
-    throw new Error(`Unknown module...: ${name}`);
-};
+    window[EXT_STORE_SYMBOL] = COMPONENT_STORE;
+    window[REQUIRE_SYMBOL] = (name) => {
+        if (name === "react")
+            return React;
+        if (name === "react-dom")
+            return ReactDOM;
+        if (name === "react/jsx-runtime")
+            return JsxRuntime;
+        if (name === "@langchain/langgraph-sdk/react")
+            return { useStream: index_js_1.useStream };
+        if (name === "@langchain/langgraph-sdk/react-ui") {
+            return {
+                useStreamContext,
+                LoadExternalComponent: () => {
+                    throw new Error("Nesting LoadExternalComponent is not supported");
+                },
+            };
+        }
+        throw new Error(`Unknown module...: ${name}`);
+    };
+}
+exports.bootstrapUiContext = bootstrapUiContext;

package/dist/react-ui/client.d.ts

@@ -1,7 +1,37 @@
-import type { useStream } from "../react/index.js";
+import { useStream } from "../react/index.js";
 import type { UIMessage } from "./types.js";
 import * as React from "react";
 import * as JsxRuntime from "react/jsx-runtime";
+import type { UseStream } from "../react/stream.js";
+declare const UseStreamContext: React.Context<{
+    stream: UseStream<Record<string, unknown>, {
+        ConfigurableType?: Record<string, unknown> | undefined;
+        InterruptType?: unknown;
+        CustomEventType?: unknown;
+        UpdateType?: unknown;
+    }>;
+    meta: unknown;
+}>;
+type BagTemplate = {
+    ConfigurableType?: Record<string, unknown>;
+    InterruptType?: unknown;
+    CustomEventType?: unknown;
+    UpdateType?: unknown;
+    MetaType?: unknown;
+};
+type GetMetaType<Bag extends BagTemplate> = Bag extends {
+    MetaType: unknown;
+} ? Bag["MetaType"] : unknown;
+interface UseStreamContext<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate> extends UseStream<StateType, Bag> {
+    meta?: GetMetaType<Bag>;
+}
+export declare function useStreamContext<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends {
+    ConfigurableType?: Record<string, unknown>;
+    InterruptType?: unknown;
+    CustomEventType?: unknown;
+    UpdateType?: unknown;
+    MetaType?: unknown;
+} = BagTemplate>(): UseStreamContext<StateType, Bag>;
 interface ComponentTarget {
     comp: React.FunctionComponent | React.ComponentClass;
     target: HTMLElement;
@@ -10,25 +40,34 @@ declare class ComponentStore {
     private cache;
     private boundCache;
     private callbacks;
-    respond(name: string, comp: React.FunctionComponent | React.ComponentClass, targetElement: HTMLElement): void;
-    getBoundStore(name: string): {
+    respond(shadowRootId: string, comp: React.FunctionComponent | React.ComponentClass, targetElement: HTMLElement): void;
+    getBoundStore(shadowRootId: string): {
         subscribe: (onStoreChange: () => void) => () => void;
         getSnapshot: () => ComponentTarget | undefined;
     };
 }
 declare const EXT_STORE_SYMBOL: unique symbol;
 declare const REQUIRE_SYMBOL: unique symbol;
-export declare function LoadExternalComponent({ apiUrl, assistantId, stream, message, className, }: {
+interface LoadExternalComponentProps extends Pick<React.HTMLAttributes<HTMLDivElement>, "style" | "className"> {
+    /** API URL of the LangGraph Platform */
     apiUrl?: string;
+    /** ID of the assistant */
     assistantId: string;
+    /** Stream of the assistant */
     stream: ReturnType<typeof useStream>;
+    /** UI message to be rendered */
     message: UIMessage;
-    className?: string;
-}): JsxRuntime.JSX.Element;
+    /** Additional context to be passed to the child component */
+    meta?: unknown;
+    /** Fallback to be rendered when the component is loading */
+    fallback?: React.ReactNode;
+}
+export declare function LoadExternalComponent({ apiUrl, assistantId, stream, message, meta, fallback, ...props }: LoadExternalComponentProps): JsxRuntime.JSX.Element;
 declare global {
     interface Window {
         [EXT_STORE_SYMBOL]: ComponentStore;
         [REQUIRE_SYMBOL]: (name: string) => unknown;
     }
 }
+export declare function bootstrapUiContext(): void;
 export {};

package/dist/react-ui/client.js

@@ -1,8 +1,22 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useStream } from "../react/index.js";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import * as JsxRuntime from "react/jsx-runtime";
 const UseStreamContext = React.createContext(null);
+export function useStreamContext() {
+    const ctx = React.useContext(UseStreamContext);
+    if (!ctx) {
+        throw new Error("useStreamContext must be used within a LoadExternalComponent");
+    }
+    return new Proxy(ctx, {
+        get(target, prop) {
+            if (prop === "meta")
+                return target.meta;
+            return target.stream[prop];
+        },
+    });
+}
 class ComponentStore {
     constructor() {
         Object.defineProperty(this, "cache", {
@@ -24,62 +38,87 @@ class ComponentStore {
             value: {}
         });
     }
-    respond(name, comp, targetElement) {
-        this.cache[name] = { comp, target: targetElement };
-        this.callbacks[name]?.forEach((c) => c(comp, targetElement));
+    respond(shadowRootId, comp, targetElement) {
+        this.cache[shadowRootId] = { comp, target: targetElement };
+        this.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));
     }
-    getBoundStore(name) {
-        this.boundCache[name] ??= {
+    getBoundStore(shadowRootId) {
+        this.boundCache[shadowRootId] ??= {
             subscribe: (onStoreChange) => {
-                this.callbacks[name] ??= [];
-                this.callbacks[name].push(onStoreChange);
+                this.callbacks[shadowRootId] ??= [];
+                this.callbacks[shadowRootId].push(onStoreChange);
                 return () => {
-                    this.callbacks[name] = this.callbacks[name].filter((c) => c !== onStoreChange);
+                    this.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter((c) => c !== onStoreChange);
                 };
             },
-            getSnapshot: () => this.cache[name],
+            getSnapshot: () => this.cache[shadowRootId],
         };
-        return this.boundCache[name];
+        return this.boundCache[shadowRootId];
     }
 }
 const COMPONENT_STORE = new ComponentStore();
+const COMPONENT_PROMISE_CACHE = {};
 const EXT_STORE_SYMBOL = Symbol.for("LGUI_EXT_STORE");
 const REQUIRE_SYMBOL = Symbol.for("LGUI_REQUIRE");
-export function LoadExternalComponent({ apiUrl = "http://localhost:2024", assistantId, stream, message, className, }) {
+function fetchComponent(apiUrl, assistantId, agentName) {
+    const cacheKey = `${apiUrl}-${assistantId}-${agentName}`;
+    if (COMPONENT_PROMISE_CACHE[cacheKey] != null) {
+        return COMPONENT_PROMISE_CACHE[cacheKey];
+    }
+    const request = fetch(`${apiUrl}/ui/${assistantId}`, {
+        headers: { Accept: "text/html", "Content-Type": "application/json" },
+        method: "POST",
+        body: JSON.stringify({ name: agentName }),
+    }).then((a) => a.text());
+    COMPONENT_PROMISE_CACHE[cacheKey] = request;
+    return request;
+}
+export function LoadExternalComponent({ apiUrl = "http://localhost:2024", assistantId, stream, message, meta, fallback, ...props }) {
     const ref = React.useRef(null);
     const id = React.useId();
     const shadowRootId = `child-shadow-${id}`;
     const store = React.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);
     const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
     React.useEffect(() => {
-        fetch(`${apiUrl}/ui/${assistantId}`, {
-            headers: { "Content-Type": "application/json" },
-            method: "POST",
-            body: JSON.stringify({ name: message.name, shadowRootId }),
-        })
-            .then((a) => a.text())
-            .then((html) => {
+        fetchComponent(apiUrl, assistantId, message.name).then((html) => {
             const dom = ref.current;
             if (!dom)
                 return;
             const root = dom.shadowRoot ?? dom.attachShadow({ mode: "open" });
-            const fragment = document.createRange().createContextualFragment(html);
+            const fragment = document
+                .createRange()
+                .createContextualFragment(html.replace("{{shadowRootId}}", shadowRootId));
             root.appendChild(fragment);
         });
     }, [apiUrl, assistantId, message.name, shadowRootId]);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { id: shadowRootId, ref: ref, className: className }), _jsx(UseStreamContext.Provider, { value: stream, children: state?.target &&
-                    ReactDOM.createPortal(React.createElement(state.comp, message.content), state.target) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { id: shadowRootId, ref: ref, ...props }), _jsx(UseStreamContext.Provider, { value: { stream, meta }, children: state?.target != null
+                    ? ReactDOM.createPortal(React.createElement(state.comp, message.content), state.target)
+                    : fallback })] }));
 }
-window[EXT_STORE_SYMBOL] = COMPONENT_STORE;
-window[REQUIRE_SYMBOL] = (name) => {
-    if (name === "react")
-        return React;
-    if (name === "react-dom")
-        return ReactDOM;
-    if (name === "react/jsx-runtime")
-        return JsxRuntime;
-    if (name === "@langchain/langgraph-sdk/react") {
-        return { useStream: () => React.useContext(UseStreamContext) };
+export function bootstrapUiContext() {
+    if (typeof window === "undefined") {
+        console.warn("Attempting to bootstrap UI context outside of browser environment. " +
+            "Avoid importing from `@langchain/langgraph-sdk/react-ui` in server context.");
+        return;
     }
-    throw new Error(`Unknown module...: ${name}`);
-};
+    window[EXT_STORE_SYMBOL] = COMPONENT_STORE;
+    window[REQUIRE_SYMBOL] = (name) => {
+        if (name === "react")
+            return React;
+        if (name === "react-dom")
+            return ReactDOM;
+        if (name === "react/jsx-runtime")
+            return JsxRuntime;
+        if (name === "@langchain/langgraph-sdk/react")
+            return { useStream };
+        if (name === "@langchain/langgraph-sdk/react-ui") {
+            return {
+                useStreamContext,
+                LoadExternalComponent: () => {
+                    throw new Error("Nesting LoadExternalComponent is not supported");
+                },
+            };
+        }
+        throw new Error(`Unknown module...: ${name}`);
+    };
+}

package/dist/react-ui/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadExternalComponent = exports.useStreamContext = void 0;
+const client_js_1 = require("./client.cjs");
+(0, client_js_1.bootstrapUiContext)();
+var client_js_2 = require("./client.cjs");
+Object.defineProperty(exports, "useStreamContext", { enumerable: true, get: function () { return client_js_2.useStreamContext; } });
+Object.defineProperty(exports, "LoadExternalComponent", { enumerable: true, get: function () { return client_js_2.LoadExternalComponent; } });

package/dist/react-ui/index.d.ts

@@ -0,0 +1,2 @@
+export { useStreamContext, LoadExternalComponent } from "./client.js";
+export type { UIMessage, RemoveUIMessage } from "./types.js";

package/dist/react-ui/index.js

@@ -0,0 +1,3 @@
+import { bootstrapUiContext } from "./client.js";
+bootstrapUiContext();
+export { useStreamContext, LoadExternalComponent } from "./client.js";

package/dist/react-ui/server/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uiMessageReducer = exports.typedUi = void 0;
+var server_js_1 = require("./server.cjs");
+Object.defineProperty(exports, "typedUi", { enumerable: true, get: function () { return server_js_1.typedUi; } });
+var types_js_1 = require("../types.cjs");
+Object.defineProperty(exports, "uiMessageReducer", { enumerable: true, get: function () { return types_js_1.uiMessageReducer; } });

package/dist/react-ui/server/index.d.ts

@@ -0,0 +1,2 @@
+export { typedUi } from "./server.js";
+export { uiMessageReducer, type UIMessage, type RemoveUIMessage, } from "../types.js";

package/dist/react-ui/server/index.js

@@ -0,0 +1,2 @@
+export { typedUi } from "./server.js";
+export { uiMessageReducer, } from "../types.js";

package/dist/react-ui/{server.d.ts → server/server.d.ts}

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithoutRef, ElementType } from "react";
-import type { RemoveUIMessage, UIMessage } from "./types.js";
+import type { RemoveUIMessage, UIMessage } from "../types.js";
 export declare const typedUi: <Decl extends Record<string, ElementType>>(config: {
     writer?: (chunk: unknown) => void;
     runId?: string;
@@ -9,6 +9,6 @@ export declare const typedUi: <Decl extends Record<string, ElementType>>(config:
 }) => {
     create: <K extends keyof Decl & string>(name: K, props: { [K_1 in keyof Decl]: ComponentPropsWithoutRef<Decl[K_1]>; }[K]) => UIMessage;
     remove: (id: string) => RemoveUIMessage;
-    collect: unknown[];
+    collect: (UIMessage | RemoveUIMessage)[];
     write: <K_2 extends keyof Decl & string>(name: K_2, props: { [K_1 in keyof Decl]: ComponentPropsWithoutRef<Decl[K_1]>; }[K_2]) => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langchain/langgraph-sdk",
-  "version": "0.0.46-experimental.0",
+  "version": "0.0.47-experimental.0",
   "description": "Client library for interacting with the LangGraph API",
   "type": "module",
   "packageManager": "yarn@1.22.19",
@@ -81,14 +81,14 @@
       "import": "./react.js",
       "require": "./react.cjs"
     },
-    "./react-ui/client": {
+    "./react-ui": {
       "types": {
-        "import": "./react-ui/client.d.ts",
-        "require": "./react-ui/client.d.cts",
-        "default": "./react-ui/client.d.ts"
+        "import": "./react-ui.d.ts",
+        "require": "./react-ui.d.cts",
+        "default": "./react-ui.d.ts"
       },
-      "import": "./react-ui/client.js",
-      "require": "./react-ui/client.cjs"
+      "import": "./react-ui.js",
+      "require": "./react-ui.cjs"
     },
     "./react-ui/server": {
       "types": {
@@ -99,15 +99,6 @@
       "import": "./react-ui/server.js",
       "require": "./react-ui/server.cjs"
     },
-    "./react-ui/types": {
-      "types": {
-        "import": "./react-ui/types.d.ts",
-        "require": "./react-ui/types.d.cts",
-        "default": "./react-ui/types.d.ts"
-      },
-      "import": "./react-ui/types.js",
-      "require": "./react-ui/types.cjs"
-    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -124,17 +115,13 @@
     "react.js",
     "react.d.ts",
     "react.d.cts",
-    "react-ui/client.cjs",
-    "react-ui/client.js",
-    "react-ui/client.d.ts",
-    "react-ui/client.d.cts",
+    "react-ui.cjs",
+    "react-ui.js",
+    "react-ui.d.ts",
+    "react-ui.d.cts",
     "react-ui/server.cjs",
     "react-ui/server.js",
     "react-ui/server.d.ts",
-    "react-ui/server.d.cts",
-    "react-ui/types.cjs",
-    "react-ui/types.js",
-    "react-ui/types.d.ts",
-    "react-ui/types.d.cts"
+    "react-ui/server.d.cts"
   ]
 }

package/react-ui/server.cjs

@@ -1 +1 @@
-module.exports = require('../dist/react-ui/server.cjs');
+module.exports = require('../dist/react-ui/server/index.cjs');

package/react-ui/server.d.cts

@@ -1 +1 @@
-export * from '../dist/react-ui/server.js'
+export * from '../dist/react-ui/server/index.js'

package/react-ui/server.d.ts

@@ -1 +1 @@
-export * from '../dist/react-ui/server.js'
+export * from '../dist/react-ui/server/index.js'

package/react-ui/server.js

@@ -1 +1 @@
-export * from '../dist/react-ui/server.js'
+export * from '../dist/react-ui/server/index.js'

package/react-ui.cjs

@@ -0,0 +1 @@
+module.exports = require('./dist/react-ui/index.cjs');

package/react-ui.d.cts

@@ -0,0 +1 @@
+export * from './dist/react-ui/index.js'

package/react-ui.d.ts

@@ -0,0 +1 @@
+export * from './dist/react-ui/index.js'

package/react-ui.js

@@ -0,0 +1 @@
+export * from './dist/react-ui/index.js'

package/react-ui/types.cjs

@@ -1 +0,0 @@
-module.exports = require('../dist/react-ui/types.cjs');

package/react-ui/types.d.cts

@@ -1 +0,0 @@
-export * from '../dist/react-ui/types.js'

package/react-ui/types.d.ts

@@ -1 +0,0 @@
-export * from '../dist/react-ui/types.js'

package/react-ui/types.js

@@ -1 +0,0 @@
-export * from '../dist/react-ui/types.js'