@langchain/langgraph-sdk 0.0.52 → 0.0.54

package/dist/react-ui/client.cjs

@@ -87,7 +87,7 @@ class ComponentStore {
 const COMPONENT_STORE = new ComponentStore();
 const EXT_STORE_SYMBOL = Symbol.for("LGUI_EXT_STORE");
 const REQUIRE_SYMBOL = Symbol.for("LGUI_REQUIRE");
-function LoadExternalComponent({ stream, message, meta, fallback, components, ...props }) {
+function LoadExternalComponent({ stream, namespace, message, meta, fallback, components, ...props }) {
     const ref = React.useRef(null);
     const id = React.useId();
     const shadowRootId = `child-shadow-${id}`;
@@ -95,11 +95,12 @@ function LoadExternalComponent({ stream, message, meta, fallback, components, ..
     const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
     const clientComponent = components?.[message.name];
     const hasClientComponent = clientComponent != null;
+    const uiNamespace = namespace ?? stream.assistantId;
     const uiClient = stream.client["~ui"];
     React.useEffect(() => {
         if (hasClientComponent)
             return;
-        uiClient.getComponent(stream.assistantId, message.name).then((html) => {
+        uiClient.getComponent(uiNamespace, message.name).then((html) => {
             const dom = ref.current;
             if (!dom)
                 return;
@@ -109,18 +110,12 @@ function LoadExternalComponent({ stream, message, meta, fallback, components, ..
                 .createContextualFragment(html.replace("{{shadowRootId}}", shadowRootId));
             root.appendChild(fragment);
         });
-    }, [
-        uiClient,
-        stream.assistantId,
-        message.name,
-        shadowRootId,
-        hasClientComponent,
-    ]);
+    }, [uiClient, uiNamespace, message.name, shadowRootId, hasClientComponent]);
     if (hasClientComponent) {
-        return React.createElement(clientComponent, message.content);
+        return React.createElement(clientComponent, message.props);
     }
     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)
+                    ? ReactDOM.createPortal(React.createElement(state.comp, message.props), state.target)
                     : fallback })] }));
 }
 exports.LoadExternalComponent = LoadExternalComponent;

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

@@ -51,6 +51,8 @@ declare const REQUIRE_SYMBOL: unique symbol;
 interface LoadExternalComponentProps extends Pick<React.HTMLAttributes<HTMLDivElement>, "style" | "className"> {
     /** Stream of the assistant */
     stream: ReturnType<typeof useStream>;
+    /** Namespace of UI components. Defaults to assistant ID. */
+    namespace?: string;
     /** UI message to be rendered */
     message: UIMessage;
     /** Additional context to be passed to the child component */
@@ -63,7 +65,7 @@ interface LoadExternalComponentProps extends Pick<React.HTMLAttributes<HTMLDivEl
      */
     components?: Record<string, React.FunctionComponent | React.ComponentClass>;
 }
-export declare function LoadExternalComponent({ stream, message, meta, fallback, components, ...props }: LoadExternalComponentProps): JsxRuntime.JSX.Element;
+export declare function LoadExternalComponent({ stream, namespace, message, meta, fallback, components, ...props }: LoadExternalComponentProps): JsxRuntime.JSX.Element;
 declare global {
     interface Window {
         [EXT_STORE_SYMBOL]: ComponentStore;

package/dist/react-ui/client.js

@@ -60,7 +60,7 @@ class ComponentStore {
 const COMPONENT_STORE = new ComponentStore();
 const EXT_STORE_SYMBOL = Symbol.for("LGUI_EXT_STORE");
 const REQUIRE_SYMBOL = Symbol.for("LGUI_REQUIRE");
-export function LoadExternalComponent({ stream, message, meta, fallback, components, ...props }) {
+export function LoadExternalComponent({ stream, namespace, message, meta, fallback, components, ...props }) {
     const ref = React.useRef(null);
     const id = React.useId();
     const shadowRootId = `child-shadow-${id}`;
@@ -68,11 +68,12 @@ export function LoadExternalComponent({ stream, message, meta, fallback, compone
     const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
     const clientComponent = components?.[message.name];
     const hasClientComponent = clientComponent != null;
+    const uiNamespace = namespace ?? stream.assistantId;
     const uiClient = stream.client["~ui"];
     React.useEffect(() => {
         if (hasClientComponent)
             return;
-        uiClient.getComponent(stream.assistantId, message.name).then((html) => {
+        uiClient.getComponent(uiNamespace, message.name).then((html) => {
             const dom = ref.current;
             if (!dom)
                 return;
@@ -82,18 +83,12 @@ export function LoadExternalComponent({ stream, message, meta, fallback, compone
                 .createContextualFragment(html.replace("{{shadowRootId}}", shadowRootId));
             root.appendChild(fragment);
         });
-    }, [
-        uiClient,
-        stream.assistantId,
-        message.name,
-        shadowRootId,
-        hasClientComponent,
-    ]);
+    }, [uiClient, uiNamespace, message.name, shadowRootId, hasClientComponent]);
     if (hasClientComponent) {
-        return React.createElement(clientComponent, message.content);
+        return React.createElement(clientComponent, message.props);
     }
     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)
+                    ? ReactDOM.createPortal(React.createElement(state.comp, message.props), state.target)
                     : fallback })] }));
 }
 export function bootstrapUiContext() {

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

@@ -18,10 +18,10 @@ const typedUi = (config) => {
             type: "ui",
             id: message?.id ?? (0, uuid_1.v4)(),
             name: message?.name,
-            content: message?.content,
-            additional_kwargs: {
+            props: message?.props,
+            metadata: {
                 ...metadata,
-                ...message?.additional_kwargs,
+                ...message?.metadata,
                 ...(options?.message ? { message_id: options.message.id } : null),
             },
         };

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

@@ -13,8 +13,8 @@ export declare const typedUi: <Decl extends Record<string, ElementType>>(config:
     push: <K extends keyof Decl & string>(message: {
         id?: string | undefined;
         name: K;
-        content: { [K_1 in keyof Decl]: ComponentPropsWithoutRef<Decl[K_1]>; }[K];
-        additional_kwargs?: Record<string, unknown> | undefined;
+        props: { [K_1 in keyof Decl]: ComponentPropsWithoutRef<Decl[K_1]>; }[K];
+        metadata?: Record<string, unknown> | undefined;
     }, options?: {
         message?: MessageLike;
     }) => UIMessage;

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

@@ -15,10 +15,10 @@ export const typedUi = (config) => {
             type: "ui",
             id: message?.id ?? uuidv4(),
             name: message?.name,
-            content: message?.content,
-            additional_kwargs: {
+            props: message?.props,
+            metadata: {
                 ...metadata,
-                ...message?.additional_kwargs,
+                ...message?.metadata,
                 ...(options?.message ? { message_id: options.message.id } : null),
             },
         };

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

@@ -2,8 +2,8 @@ export interface UIMessage {
     type: "ui";
     id: string;
     name: string;
-    content: Record<string, unknown>;
-    additional_kwargs: {
+    props: Record<string, unknown>;
+    metadata: {
         run_id: string;
         message_id?: string;
         [key: string]: unknown;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langchain/langgraph-sdk",
-  "version": "0.0.52",
+  "version": "0.0.54",
   "description": "Client library for interacting with the LangGraph API",
   "type": "module",
   "packageManager": "yarn@1.22.19",