@langchain/langgraph-sdk 1.6.4 → 1.7.0

package/dist/react/types.d.cts

@@ -1,75 +0,0 @@
-import { ThreadState } from "../schema.cjs";
-import { Message } from "../types.messages.cjs";
-import { StreamMode } from "../types.stream.cjs";
-import { StreamEvent } from "../types.cjs";
-import { Client } from "../client.cjs";
-import { BagTemplate } from "../types.template.cjs";
-import { BaseSubagentState, CompiledSubAgentLike, CustomSubmitOptions, DeepAgentTypeConfigLike, DefaultSubagentStates, ExtractDeepAgentConfig, ExtractSubAgentMiddleware, GetConfigurableType, GetInterruptType, GetToolCallsType, GetUpdateType, InferDeepAgentSubagents, InferSubagentByName, InferSubagentNames, InferSubagentState, IsDeepAgentLike, MessageMetadata, RunCallbackMeta, StreamBase, SubAgentLike, SubagentStateMap, SubagentStream, SubagentStreamInterface, SubmitOptions, UseStreamCustomOptions, UseStreamOptions, UseStreamThread, UseStreamTransport } from "../ui/types.cjs";
-import { Sequence } from "../ui/branching.cjs";
-
-//#region src/react/types.d.ts
-interface UseStream<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate, SubagentStates extends Record<string, unknown> = DefaultSubagentStates> extends StreamBase<StateType, GetToolCallsType<StateType>, GetInterruptType<Bag>, SubagentStates> {
-  /**
-   * Whether the thread is currently being loaded.
-   */
-  isThreadLoading: boolean;
-  /**
-   * Stops the stream.
-   */
-  stop: () => Promise<void>;
-  /**
-   * Create and stream a run to the thread.
-   */
-  submit: (values: GetUpdateType<Bag, StateType> | null | undefined, options?: SubmitOptions<StateType, GetConfigurableType<Bag>>) => Promise<void>;
-  /**
-   * The current branch of the thread.
-   */
-  branch: string;
-  /**
-   * Set the branch of the thread.
-   */
-  setBranch: (branch: string) => void;
-  /**
-   * Flattened history of thread states of a thread.
-   */
-  history: ThreadState<StateType>[];
-  /**
-   * Tree of all branches for the thread.
-   * @experimental
-   */
-  experimental_branchTree: Sequence<StateType>;
-  /**
-   * Get the metadata for a message, such as first thread state the message
-   * was seen in and branch information.
-   *
-   * @param message - The message to get the metadata for.
-   * @param index - The index of the message in the thread.
-   * @returns The metadata for the message.
-   */
-  getMessagesMetadata: (message: Message<GetToolCallsType<StateType>>, index?: number) => MessageMetadata<StateType> | undefined;
-  /**
-   * LangGraph SDK client used to send request and receive responses.
-   */
-  client: Client;
-  /**
-   * The ID of the assistant to use.
-   */
-  assistantId: string;
-  /**
-   * Join an active stream.
-   */
-  joinStream: (runId: string, lastEventId?: string, options?: {
-    streamMode?: StreamMode | StreamMode[];
-    filter?: (event: {
-      id?: string;
-      event: StreamEvent;
-      data: unknown;
-    }) => boolean;
-  }) => Promise<void>;
-}
-type UseStreamCustom<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate, SubagentStates extends Record<string, unknown> = DefaultSubagentStates> = Pick<UseStream<StateType, Bag, SubagentStates>, "values" | "error" | "isLoading" | "stop" | "interrupt" | "interrupts" | "messages" | "toolCalls" | "getToolCalls" | "subagents" | "activeSubagents" | "getSubagent" | "getSubagentsByType" | "getSubagentsByMessage"> & {
-  submit: (values: GetUpdateType<Bag, StateType> | null | undefined, options?: CustomSubmitOptions<StateType, GetConfigurableType<Bag>>) => Promise<void>;
-};
-//#endregion
-export { UseStream, UseStreamCustom };
-//# sourceMappingURL=types.d.cts.map

package/dist/react/types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.cts","names":[],"sources":["../../src/react/types.tsx"],"mappings":";;;;;;;;;;UA0EiB,SAAA,mBACG,MAAA,oBAA0B,MAAA,+BAChC,WAAA,GAAc,WAAA,yBACH,MAAA,oBAA0B,qBAAA,UACzC,UAAA,CACN,SAAA,EACA,gBAAA,CAAiB,SAAA,GACjB,gBAAA,CAAiB,GAAA,GACjB,cAAA;EARa;;;EAaf,eAAA;EAZ4C;;;EAiB5C,IAAA,QAAY,OAAA;EAfqC;;;EAoBjD,MAAA,GACE,MAAA,EAAQ,aAAA,CAAc,GAAA,EAAK,SAAA,sBAC3B,OAAA,GAAU,aAAA,CAAc,SAAA,EAAW,mBAAA,CAAoB,GAAA,OACpD,OAAA;EAnBc;;;EAwBnB,MAAA;EAPwB;;;EAYxB,SAAA,GAAY,MAAA;EAX6C;;;EAgBzD,OAAA,EAAS,WAAA,CAAY,SAAA;EAAA;;;;EAMrB,uBAAA,EAAyB,QAAA,CAAS,SAAA;EAWf;;;;;;;;EADnB,mBAAA,GACE,OAAA,EAAS,OAAA,CAAQ,gBAAA,CAAiB,SAAA,IAClC,KAAA,cACG,eAAA,CAAgB,SAAA;EAxDb;;;EA6DR,MAAA,EAAQ,MAAA;EAhEU;;;EAqElB,WAAA;EApE0B;;;EAyE1B,UAAA,GACE,KAAA,UACA,WAAA,WACA,OAAA;IACE,UAAA,GAAa,UAAA,GAAa,UAAA;IAC1B,MAAA,IAAU,KAAA;MACR,EAAA;MACA,KAAA,EAAO,WAAA;MACP,IAAA;IAAA;EAAA,MAGD,OAAA;AAAA;AAAA,KAGK,eAAA,mBACQ,MAAA,oBAA0B,MAAA,+BAChC,WAAA,GAAc,WAAA,yBACH,MAAA,oBAA0B,qBAAA,IAC/C,IAAA,CACF,SAAA,CAAU,SAAA,EAAW,GAAA,EAAK,cAAA;EAgB1B,MAAA,GACE,MAAA,EAAQ,aAAA,CAAc,GAAA,EAAK,SAAA,sBAC3B,OAAA,GAAU,mBAAA,CAAoB,SAAA,EAAW,mBAAA,CAAoB,GAAA,OAC1D,OAAA;AAAA"}

package/dist/react/types.d.ts

@@ -1,75 +0,0 @@
-import { ThreadState } from "../schema.js";
-import { Message } from "../types.messages.js";
-import { StreamMode } from "../types.stream.js";
-import { StreamEvent } from "../types.js";
-import { Client } from "../client.js";
-import { BagTemplate } from "../types.template.js";
-import { BaseSubagentState, CompiledSubAgentLike, CustomSubmitOptions, DeepAgentTypeConfigLike, DefaultSubagentStates, ExtractDeepAgentConfig, ExtractSubAgentMiddleware, GetConfigurableType, GetInterruptType, GetToolCallsType, GetUpdateType, InferDeepAgentSubagents, InferSubagentByName, InferSubagentNames, InferSubagentState, IsDeepAgentLike, MessageMetadata, RunCallbackMeta, StreamBase, SubAgentLike, SubagentStateMap, SubagentStream, SubagentStreamInterface, SubmitOptions, UseStreamCustomOptions, UseStreamOptions, UseStreamThread, UseStreamTransport } from "../ui/types.js";
-import { Sequence } from "../ui/branching.js";
-
-//#region src/react/types.d.ts
-interface UseStream<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate, SubagentStates extends Record<string, unknown> = DefaultSubagentStates> extends StreamBase<StateType, GetToolCallsType<StateType>, GetInterruptType<Bag>, SubagentStates> {
-  /**
-   * Whether the thread is currently being loaded.
-   */
-  isThreadLoading: boolean;
-  /**
-   * Stops the stream.
-   */
-  stop: () => Promise<void>;
-  /**
-   * Create and stream a run to the thread.
-   */
-  submit: (values: GetUpdateType<Bag, StateType> | null | undefined, options?: SubmitOptions<StateType, GetConfigurableType<Bag>>) => Promise<void>;
-  /**
-   * The current branch of the thread.
-   */
-  branch: string;
-  /**
-   * Set the branch of the thread.
-   */
-  setBranch: (branch: string) => void;
-  /**
-   * Flattened history of thread states of a thread.
-   */
-  history: ThreadState<StateType>[];
-  /**
-   * Tree of all branches for the thread.
-   * @experimental
-   */
-  experimental_branchTree: Sequence<StateType>;
-  /**
-   * Get the metadata for a message, such as first thread state the message
-   * was seen in and branch information.
-   *
-   * @param message - The message to get the metadata for.
-   * @param index - The index of the message in the thread.
-   * @returns The metadata for the message.
-   */
-  getMessagesMetadata: (message: Message<GetToolCallsType<StateType>>, index?: number) => MessageMetadata<StateType> | undefined;
-  /**
-   * LangGraph SDK client used to send request and receive responses.
-   */
-  client: Client;
-  /**
-   * The ID of the assistant to use.
-   */
-  assistantId: string;
-  /**
-   * Join an active stream.
-   */
-  joinStream: (runId: string, lastEventId?: string, options?: {
-    streamMode?: StreamMode | StreamMode[];
-    filter?: (event: {
-      id?: string;
-      event: StreamEvent;
-      data: unknown;
-    }) => boolean;
-  }) => Promise<void>;
-}
-type UseStreamCustom<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate, SubagentStates extends Record<string, unknown> = DefaultSubagentStates> = Pick<UseStream<StateType, Bag, SubagentStates>, "values" | "error" | "isLoading" | "stop" | "interrupt" | "interrupts" | "messages" | "toolCalls" | "getToolCalls" | "subagents" | "activeSubagents" | "getSubagent" | "getSubagentsByType" | "getSubagentsByMessage"> & {
-  submit: (values: GetUpdateType<Bag, StateType> | null | undefined, options?: CustomSubmitOptions<StateType, GetConfigurableType<Bag>>) => Promise<void>;
-};
-//#endregion
-export { UseStream, UseStreamCustom };
-//# sourceMappingURL=types.d.ts.map

package/dist/react/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/react/types.tsx"],"mappings":";;;;;;;;;;UA0EiB,SAAA,mBACG,MAAA,oBAA0B,MAAA,+BAChC,WAAA,GAAc,WAAA,yBACH,MAAA,oBAA0B,qBAAA,UACzC,UAAA,CACN,SAAA,EACA,gBAAA,CAAiB,SAAA,GACjB,gBAAA,CAAiB,GAAA,GACjB,cAAA;EARa;;;EAaf,eAAA;EAZ4C;;;EAiB5C,IAAA,QAAY,OAAA;EAfqC;;;EAoBjD,MAAA,GACE,MAAA,EAAQ,aAAA,CAAc,GAAA,EAAK,SAAA,sBAC3B,OAAA,GAAU,aAAA,CAAc,SAAA,EAAW,mBAAA,CAAoB,GAAA,OACpD,OAAA;EAnBc;;;EAwBnB,MAAA;EAPwB;;;EAYxB,SAAA,GAAY,MAAA;EAX6C;;;EAgBzD,OAAA,EAAS,WAAA,CAAY,SAAA;EAAA;;;;EAMrB,uBAAA,EAAyB,QAAA,CAAS,SAAA;EAWf;;;;;;;;EADnB,mBAAA,GACE,OAAA,EAAS,OAAA,CAAQ,gBAAA,CAAiB,SAAA,IAClC,KAAA,cACG,eAAA,CAAgB,SAAA;EAxDb;;;EA6DR,MAAA,EAAQ,MAAA;EAhEU;;;EAqElB,WAAA;EApE0B;;;EAyE1B,UAAA,GACE,KAAA,UACA,WAAA,WACA,OAAA;IACE,UAAA,GAAa,UAAA,GAAa,UAAA;IAC1B,MAAA,IAAU,KAAA;MACR,EAAA;MACA,KAAA,EAAO,WAAA;MACP,IAAA;IAAA;EAAA,MAGD,OAAA;AAAA;AAAA,KAGK,eAAA,mBACQ,MAAA,oBAA0B,MAAA,+BAChC,WAAA,GAAc,WAAA,yBACH,MAAA,oBAA0B,qBAAA,IAC/C,IAAA,CACF,SAAA,CAAU,SAAA,EAAW,GAAA,EAAK,cAAA;EAgB1B,MAAA,GACE,MAAA,EAAQ,aAAA,CAAc,GAAA,EAAK,SAAA,sBAC3B,OAAA,GAAU,mBAAA,CAAoB,SAAA,EAAW,mBAAA,CAAoB,GAAA,OAC1D,OAAA;AAAA"}

package/dist/react-ui/client.cjs

@@ -1,138 +0,0 @@
-"use client";
-
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_stream = require('../react/stream.cjs');
-require('../react/index.cjs');
-let react = require("react");
-react = require_runtime.__toESM(react);
-let react_dom = require("react-dom");
-react_dom = require_runtime.__toESM(react_dom);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_runtime.__toESM(react_jsx_runtime);
-
-//#region src/react-ui/client.tsx
-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];
-	} });
-}
-var ComponentStore = class {
-	cache = {};
-	boundCache = {};
-	callbacks = {};
-	respond(shadowRootId, comp, targetElement) {
-		this.cache[shadowRootId] = {
-			comp,
-			target: targetElement
-		};
-		this.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));
-	}
-	getBoundStore(shadowRootId) {
-		this.boundCache[shadowRootId] ??= {
-			subscribe: (onStoreChange) => {
-				this.callbacks[shadowRootId] ??= [];
-				this.callbacks[shadowRootId].push(onStoreChange);
-				return () => {
-					this.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter((c) => c !== onStoreChange);
-				};
-			},
-			getSnapshot: () => this.cache[shadowRootId]
-		};
-		return this.boundCache[shadowRootId];
-	}
-};
-const COMPONENT_STORE = new ComponentStore();
-const EXT_STORE_SYMBOL = Symbol.for("LGUI_EXT_STORE");
-const REQUIRE_SYMBOL = Symbol.for("LGUI_REQUIRE");
-const REQUIRE_EXTRA_SYMBOL = Symbol.for("LGUI_REQUIRE_EXTRA");
-const isIterable = (value) => value != null && typeof value === "object" && Symbol.iterator in value;
-const isPromise = (value) => value != null && typeof value === "object" && "then" in value && typeof value.then === "function";
-const isReactNode = (value) => {
-	if (react.isValidElement(value)) return true;
-	if (value == null) return true;
-	if (typeof value === "string" || typeof value === "number" || typeof value === "bigint" || typeof value === "boolean") return true;
-	if (isIterable(value)) return true;
-	if (isPromise(value)) return true;
-	return false;
-};
-function LoadExternalComponent({ stream, namespace, message, meta, fallback, components, ...props }) {
-	const ref = react.useRef(null);
-	const shadowRootId = `child-shadow-${react.useId()}`;
-	const store = react.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);
-	const state = react.useSyncExternalStore(store.subscribe, store.getSnapshot);
-	const clientComponent = components?.[message.name];
-	const hasClientComponent = clientComponent != null;
-	let fallbackComponent = null;
-	if (isReactNode(fallback)) fallbackComponent = fallback;
-	else if (typeof fallback === "object" && fallback != null) fallbackComponent = fallback?.[message.name];
-	const uiNamespace = namespace ?? stream.assistantId;
-	const uiClient = stream.client["~ui"];
-	react.useEffect(() => {
-		if (hasClientComponent) return;
-		uiClient.getComponent(uiNamespace, 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.replace("{{shadowRootId}}", shadowRootId));
-			root.appendChild(fragment);
-		});
-	}, [
-		uiClient,
-		uiNamespace,
-		message.name,
-		shadowRootId,
-		hasClientComponent
-	]);
-	if (hasClientComponent) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UseStreamContext.Provider, {
-		value: {
-			stream,
-			meta
-		},
-		children: react.createElement(clientComponent, message.props)
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		id: shadowRootId,
-		ref,
-		...props
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UseStreamContext.Provider, {
-		value: {
-			stream,
-			meta
-		},
-		children: state?.target != null ? react_dom.createPortal(react.createElement(state.comp, message.props), state.target) : fallbackComponent
-	})] });
-}
-function experimental_loadShare(name, module) {
-	if (typeof window === "undefined") return;
-	window[REQUIRE_EXTRA_SYMBOL] ??= {};
-	window[REQUIRE_EXTRA_SYMBOL][name] = module;
-}
-function bootstrapUiContext() {
-	if (typeof window === "undefined") return;
-	window[EXT_STORE_SYMBOL] = COMPONENT_STORE;
-	window[REQUIRE_SYMBOL] = (name) => {
-		if (name === "react") return react;
-		if (name === "react-dom") return react_dom;
-		if (name === "react/jsx-runtime") return react_jsx_runtime;
-		if (name === "@langchain/langgraph-sdk/react") return { useStream: require_stream.useStream };
-		if (name === "@langchain/langgraph-sdk/react-ui") return {
-			useStreamContext,
-			LoadExternalComponent: () => {
-				throw new Error("Nesting LoadExternalComponent is not supported");
-			}
-		};
-		if (window[REQUIRE_EXTRA_SYMBOL] != null && typeof window[REQUIRE_EXTRA_SYMBOL] === "object" && name in window[REQUIRE_EXTRA_SYMBOL]) return window[REQUIRE_EXTRA_SYMBOL][name];
-		throw new Error(`Unknown module...: ${name}`);
-	};
-}
-
-//#endregion
-exports.LoadExternalComponent = LoadExternalComponent;
-exports.bootstrapUiContext = bootstrapUiContext;
-exports.experimental_loadShare = experimental_loadShare;
-exports.useStreamContext = useStreamContext;
-//# sourceMappingURL=client.cjs.map

package/dist/react-ui/client.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.cjs","names":["React","ReactDOM","JsxRuntime"],"sources":["../../src/react-ui/client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport * as JsxRuntime from \"react/jsx-runtime\";\nimport type { UIMessage } from \"./types.js\";\nimport { useStream } from \"../react/index.js\";\nimport type { UseStream } from \"../react/types.js\";\nimport type { BagTemplate } from \"../types.template.js\";\n\nconst UseStreamContext = React.createContext<{\n  stream: ReturnType<typeof useStream>;\n  meta: unknown;\n}>(null!);\n\ntype GetMetaType<Bag extends BagTemplate> = Bag extends { MetaType: unknown }\n  ? Bag[\"MetaType\"]\n  : unknown;\n\ninterface UseStreamContext<\n  StateType extends Record<string, unknown> = Record<string, unknown>,\n  Bag extends BagTemplate = BagTemplate\n> extends UseStream<StateType, Bag> {\n  meta?: GetMetaType<Bag>;\n}\n\nexport function useStreamContext<\n  StateType extends Record<string, unknown> = Record<string, unknown>,\n  Bag extends BagTemplate = BagTemplate\n>(): UseStreamContext<StateType, Bag> {\n  const ctx = React.useContext(UseStreamContext);\n  if (!ctx) {\n    throw new Error(\n      \"useStreamContext must be used within a LoadExternalComponent\"\n    );\n  }\n\n  return new Proxy(ctx, {\n    get(target, prop: keyof UseStreamContext<StateType, Bag>) {\n      if (prop === \"meta\") return target.meta;\n      return target.stream[prop as keyof typeof target.stream];\n    },\n  }) as unknown as UseStreamContext<StateType, Bag>;\n}\n\ninterface ComponentTarget {\n  comp: React.FunctionComponent | React.ComponentClass;\n  target: HTMLElement;\n}\n\nclass ComponentStore {\n  private cache: Record<string, ComponentTarget> = {};\n\n  private boundCache: Record<\n    string,\n    {\n      subscribe: (onStoreChange: () => void) => () => void;\n      getSnapshot: () => ComponentTarget | undefined;\n    }\n  > = {};\n\n  private callbacks: Record<\n    string,\n    ((\n      comp: React.FunctionComponent | React.ComponentClass,\n      el: HTMLElement\n    ) => void)[]\n  > = {};\n\n  respond(\n    shadowRootId: string,\n    comp: React.FunctionComponent | React.ComponentClass,\n    targetElement: HTMLElement\n  ) {\n    this.cache[shadowRootId] = { comp, target: targetElement };\n    this.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));\n  }\n\n  getBoundStore(shadowRootId: string) {\n    this.boundCache[shadowRootId] ??= {\n      subscribe: (onStoreChange: () => void) => {\n        this.callbacks[shadowRootId] ??= [];\n        this.callbacks[shadowRootId].push(onStoreChange);\n        return () => {\n          this.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter(\n            (c) => c !== onStoreChange\n          );\n        };\n      },\n      getSnapshot: () => this.cache[shadowRootId],\n    };\n\n    return this.boundCache[shadowRootId];\n  }\n}\n\nconst COMPONENT_STORE = new ComponentStore();\nconst EXT_STORE_SYMBOL = Symbol.for(\"LGUI_EXT_STORE\");\nconst REQUIRE_SYMBOL = Symbol.for(\"LGUI_REQUIRE\");\nconst REQUIRE_EXTRA_SYMBOL = Symbol.for(\"LGUI_REQUIRE_EXTRA\");\n\ninterface LoadExternalComponentProps\n  extends Pick<React.HTMLAttributes<HTMLDivElement>, \"style\" | \"className\"> {\n  /** Stream of the assistant */\n  stream: ReturnType<typeof useStream>;\n\n  /** Namespace of UI components. Defaults to assistant ID. */\n  namespace?: string;\n\n  /** UI message to be rendered */\n  message: UIMessage;\n\n  /** Additional context to be passed to the child component */\n  meta?: unknown;\n\n  /** Fallback to be rendered when the component is loading */\n  fallback?: React.ReactNode | Record<string, React.ReactNode>;\n\n  /**\n   * Map of components that can be rendered directly without fetching the UI code\n   * from the server.\n   */\n  components?: Record<string, React.FunctionComponent | React.ComponentClass>;\n}\n\nconst isIterable = (value: unknown): value is Iterable<unknown> =>\n  value != null && typeof value === \"object\" && Symbol.iterator in value;\n\nconst isPromise = (value: unknown): value is Promise<unknown> =>\n  value != null &&\n  typeof value === \"object\" &&\n  \"then\" in value &&\n  typeof value.then === \"function\";\n\nconst isReactNode = (value: unknown): value is React.ReactNode => {\n  if (React.isValidElement(value)) return true;\n  if (value == null) return true;\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"bigint\" ||\n    typeof value === \"boolean\"\n  ) {\n    return true;\n  }\n\n  if (isIterable(value)) return true;\n  if (isPromise(value)) return true;\n\n  return false;\n};\n\nexport function LoadExternalComponent({\n  stream,\n  namespace,\n  message,\n  meta,\n  fallback,\n  components,\n  ...props\n}: LoadExternalComponentProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const id = React.useId();\n  const shadowRootId = `child-shadow-${id}`;\n\n  const store = React.useMemo(\n    () => COMPONENT_STORE.getBoundStore(shadowRootId),\n    [shadowRootId]\n  );\n  const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);\n\n  const clientComponent = components?.[message.name];\n  const hasClientComponent = clientComponent != null;\n\n  let fallbackComponent = null;\n  if (isReactNode(fallback)) {\n    fallbackComponent = fallback;\n  } else if (typeof fallback === \"object\" && fallback != null) {\n    fallbackComponent = fallback?.[message.name];\n  }\n\n  const uiNamespace = namespace ?? stream.assistantId;\n  const uiClient = stream.client[\"~ui\"];\n  React.useEffect(() => {\n    if (hasClientComponent) return;\n    void uiClient.getComponent(uiNamespace, message.name).then((html) => {\n      const dom = ref.current;\n      if (!dom) return;\n      const root = dom.shadowRoot ?? dom.attachShadow({ mode: \"open\" });\n      const fragment = document\n        .createRange()\n        .createContextualFragment(\n          html.replace(\"{{shadowRootId}}\", shadowRootId)\n        );\n      root.appendChild(fragment);\n    });\n  }, [uiClient, uiNamespace, message.name, shadowRootId, hasClientComponent]);\n\n  if (hasClientComponent) {\n    return (\n      <UseStreamContext.Provider value={{ stream, meta }}>\n        {React.createElement(clientComponent, message.props)}\n      </UseStreamContext.Provider>\n    );\n  }\n\n  return (\n    <>\n      <div id={shadowRootId} ref={ref} {...props} />\n\n      <UseStreamContext.Provider value={{ stream, meta }}>\n        {state?.target != null\n          ? ReactDOM.createPortal(\n              React.createElement(state.comp, message.props),\n              state.target\n            )\n          : fallbackComponent}\n      </UseStreamContext.Provider>\n    </>\n  );\n}\n\ndeclare global {\n  interface Window {\n    [EXT_STORE_SYMBOL]: ComponentStore;\n    [REQUIRE_SYMBOL]: (name: string) => unknown;\n    [REQUIRE_EXTRA_SYMBOL]: Record<string, unknown>;\n  }\n}\n\nexport function experimental_loadShare(name: string, module: unknown) {\n  if (typeof window === \"undefined\") return;\n\n  window[REQUIRE_EXTRA_SYMBOL] ??= {};\n  window[REQUIRE_EXTRA_SYMBOL][name] = module;\n}\n\nexport function bootstrapUiContext() {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  window[EXT_STORE_SYMBOL] = COMPONENT_STORE;\n  window[REQUIRE_SYMBOL] = (name: string) => {\n    if (name === \"react\") return React;\n    if (name === \"react-dom\") return ReactDOM;\n    if (name === \"react/jsx-runtime\") return JsxRuntime;\n    if (name === \"@langchain/langgraph-sdk/react\") return { useStream };\n    if (name === \"@langchain/langgraph-sdk/react-ui\") {\n      return {\n        useStreamContext,\n        LoadExternalComponent: () => {\n          throw new Error(\"Nesting LoadExternalComponent is not supported\");\n        },\n      };\n    }\n\n    if (\n      window[REQUIRE_EXTRA_SYMBOL] != null &&\n      typeof window[REQUIRE_EXTRA_SYMBOL] === \"object\" &&\n      name in window[REQUIRE_EXTRA_SYMBOL]\n    ) {\n      return window[REQUIRE_EXTRA_SYMBOL][name];\n    }\n\n    throw new Error(`Unknown module...: ${name}`);\n  };\n}\n"],"mappings":"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"}

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

@@ -1,76 +0,0 @@
-import { DefaultToolCall } from "../types.messages.cjs";
-import { BagTemplate } from "../types.template.cjs";
-import { DefaultSubagentStates } from "../ui/types.cjs";
-import { UseDeepAgentStream } from "../ui/stream/deep-agent.cjs";
-import { UseStream } from "../react/types.cjs";
-import { useStream } from "../react/stream.cjs";
-import { UIMessage } from "./types.cjs";
-import * as React from "react";
-import * as JsxRuntime from "react/jsx-runtime";
-
-//#region src/react-ui/client.d.ts
-declare const UseStreamContext: React.Context<{
-  stream: UseDeepAgentStream<Record<string, unknown>, DefaultToolCall, DefaultSubagentStates, BagTemplate>;
-  meta: 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>;
-}
-declare function useStreamContext<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate>(): UseStreamContext<StateType, Bag>;
-interface ComponentTarget {
-  comp: React.FunctionComponent | React.ComponentClass;
-  target: HTMLElement;
-}
-declare class ComponentStore {
-  private cache;
-  private boundCache;
-  private callbacks;
-  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;
-declare const REQUIRE_EXTRA_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 */
-  meta?: unknown;
-  /** Fallback to be rendered when the component is loading */
-  fallback?: React.ReactNode | Record<string, React.ReactNode>;
-  /**
-   * Map of components that can be rendered directly without fetching the UI code
-   * from the server.
-   */
-  components?: Record<string, React.FunctionComponent | React.ComponentClass>;
-}
-declare function LoadExternalComponent({
-  stream,
-  namespace,
-  message,
-  meta,
-  fallback,
-  components,
-  ...props
-}: LoadExternalComponentProps): JsxRuntime.JSX.Element;
-declare global {
-  interface Window {
-    [EXT_STORE_SYMBOL]: ComponentStore;
-    [REQUIRE_SYMBOL]: (name: string) => unknown;
-    [REQUIRE_EXTRA_SYMBOL]: Record<string, unknown>;
-  }
-}
-declare function experimental_loadShare(name: string, module: unknown): void;
-//#endregion
-export { LoadExternalComponent, experimental_loadShare, useStreamContext };
-//# sourceMappingURL=client.d.cts.map

package/dist/react-ui/client.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.d.cts","names":[],"sources":["../../src/react-ui/client.tsx"],"mappings":";;;;;;;;;;;cAUM,gBAAA,EAAgB,KAAA,CAAA,OAAA;;;;KAKjB,WAAA,aAAwB,WAAA,IAAe,GAAA;EAAc,QAAA;AAAA,IACtD,GAAA;AAAA,UAGM,gBAAA,mBACU,MAAA,oBAA0B,MAAA,+BAChC,WAAA,GAAc,WAAA,UAClB,SAAA,CAAU,SAAA,EAAW,GAAA;EAC7B,IAAA,GAAO,WAAA,CAAY,GAAA;AAAA;AAAA,iBAGL,gBAAA,mBACI,MAAA,oBAA0B,MAAA,+BAChC,WAAA,GAAc,WAAA,CAAA,CAAA,GACvB,gBAAA,CAAiB,SAAA,EAAW,GAAA;AAAA,UAgBvB,eAAA;EACR,IAAA,EAAM,KAAA,CAAM,iBAAA,GAAoB,KAAA,CAAM,cAAA;EACtC,MAAA,EAAQ,WAAA;AAAA;AAAA,cAGJ,cAAA;EAAA,QACI,KAAA;EAAA,QAEA,UAAA;EAAA,QAQA,SAAA;EAQR,OAAA,CACE,YAAA,UACA,IAAA,EAAM,KAAA,CAAM,iBAAA,GAAoB,KAAA,CAAM,cAAA,EACtC,aAAA,EAAe,WAAA;EAMjB,aAAA,CAAc,YAAA;;;;;cAmBV,gBAAA;AAAA,cACA,cAAA;AAAA,cACA,oBAAA;AAAA,UAEI,0BAAA,SACA,IAAA,CAAK,KAAA,CAAM,cAAA,CAAe,cAAA;EAvFpB;EAyFd,MAAA,EAAQ,UAAA,QAAkB,SAAA;EAzFgB;EA4F1C,SAAA;EA3FK;EA8FL,OAAA,EAAS,SAAA;EA/FM;EAkGf,IAAA;EAlG0C;EAqG1C,QAAA,GAAW,KAAA,CAAM,SAAA,GAAY,MAAA,SAAe,KAAA,CAAM,SAAA;EApGhD;;;AAAG;EA0GL,UAAA,GAAa,MAAA,SAAe,KAAA,CAAM,iBAAA,GAAoB,KAAA,CAAM,cAAA;AAAA;AAAA,iBA8B9C,qBAAA,CAAA;EACd,MAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA;EACA,QAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,0BAAA,GAA0B,UAAA,CAAA,GAAA,CAAA,OAAA;AAAA,QA8DrB,MAAA;EAAA,UACI,MAAA;IAAA,CACP,gBAAA,GAAmB,cAAA;IAAA,CACnB,cAAA,IAAkB,IAAA;IAAA,CAClB,oBAAA,GAAuB,MAAA;EAAA;AAAA;AAAA,iBAIZ,sBAAA,CAAuB,IAAA,UAAc,MAAA"}

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

@@ -1,76 +0,0 @@
-import { DefaultToolCall } from "../types.messages.js";
-import { BagTemplate } from "../types.template.js";
-import { DefaultSubagentStates } from "../ui/types.js";
-import { UseDeepAgentStream } from "../ui/stream/deep-agent.js";
-import { UseStream } from "../react/types.js";
-import { useStream } from "../react/stream.js";
-import { UIMessage } from "./types.js";
-import * as React from "react";
-import * as JsxRuntime from "react/jsx-runtime";
-
-//#region src/react-ui/client.d.ts
-declare const UseStreamContext: React.Context<{
-  stream: UseDeepAgentStream<Record<string, unknown>, DefaultToolCall, DefaultSubagentStates, BagTemplate>;
-  meta: 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>;
-}
-declare function useStreamContext<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate>(): UseStreamContext<StateType, Bag>;
-interface ComponentTarget {
-  comp: React.FunctionComponent | React.ComponentClass;
-  target: HTMLElement;
-}
-declare class ComponentStore {
-  private cache;
-  private boundCache;
-  private callbacks;
-  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;
-declare const REQUIRE_EXTRA_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 */
-  meta?: unknown;
-  /** Fallback to be rendered when the component is loading */
-  fallback?: React.ReactNode | Record<string, React.ReactNode>;
-  /**
-   * Map of components that can be rendered directly without fetching the UI code
-   * from the server.
-   */
-  components?: Record<string, React.FunctionComponent | React.ComponentClass>;
-}
-declare function LoadExternalComponent({
-  stream,
-  namespace,
-  message,
-  meta,
-  fallback,
-  components,
-  ...props
-}: LoadExternalComponentProps): JsxRuntime.JSX.Element;
-declare global {
-  interface Window {
-    [EXT_STORE_SYMBOL]: ComponentStore;
-    [REQUIRE_SYMBOL]: (name: string) => unknown;
-    [REQUIRE_EXTRA_SYMBOL]: Record<string, unknown>;
-  }
-}
-declare function experimental_loadShare(name: string, module: unknown): void;
-//#endregion
-export { LoadExternalComponent, experimental_loadShare, useStreamContext };
-//# sourceMappingURL=client.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"client.d.ts","names":[],"sources":["../../src/react-ui/client.tsx"],"mappings":";;;;;;;;;;;cAUM,gBAAA,EAAgB,KAAA,CAAA,OAAA;;;;KAKjB,WAAA,aAAwB,WAAA,IAAe,GAAA;EAAc,QAAA;AAAA,IACtD,GAAA;AAAA,UAGM,gBAAA,mBACU,MAAA,oBAA0B,MAAA,+BAChC,WAAA,GAAc,WAAA,UAClB,SAAA,CAAU,SAAA,EAAW,GAAA;EAC7B,IAAA,GAAO,WAAA,CAAY,GAAA;AAAA;AAAA,iBAGL,gBAAA,mBACI,MAAA,oBAA0B,MAAA,+BAChC,WAAA,GAAc,WAAA,CAAA,CAAA,GACvB,gBAAA,CAAiB,SAAA,EAAW,GAAA;AAAA,UAgBvB,eAAA;EACR,IAAA,EAAM,KAAA,CAAM,iBAAA,GAAoB,KAAA,CAAM,cAAA;EACtC,MAAA,EAAQ,WAAA;AAAA;AAAA,cAGJ,cAAA;EAAA,QACI,KAAA;EAAA,QAEA,UAAA;EAAA,QAQA,SAAA;EAQR,OAAA,CACE,YAAA,UACA,IAAA,EAAM,KAAA,CAAM,iBAAA,GAAoB,KAAA,CAAM,cAAA,EACtC,aAAA,EAAe,WAAA;EAMjB,aAAA,CAAc,YAAA;;;;;cAmBV,gBAAA;AAAA,cACA,cAAA;AAAA,cACA,oBAAA;AAAA,UAEI,0BAAA,SACA,IAAA,CAAK,KAAA,CAAM,cAAA,CAAe,cAAA;EAvFpB;EAyFd,MAAA,EAAQ,UAAA,QAAkB,SAAA;EAzFgB;EA4F1C,SAAA;EA3FK;EA8FL,OAAA,EAAS,SAAA;EA/FM;EAkGf,IAAA;EAlG0C;EAqG1C,QAAA,GAAW,KAAA,CAAM,SAAA,GAAY,MAAA,SAAe,KAAA,CAAM,SAAA;EApGhD;;;AAAG;EA0GL,UAAA,GAAa,MAAA,SAAe,KAAA,CAAM,iBAAA,GAAoB,KAAA,CAAM,cAAA;AAAA;AAAA,iBA8B9C,qBAAA,CAAA;EACd,MAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA;EACA,QAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,0BAAA,GAA0B,UAAA,CAAA,GAAA,CAAA,OAAA;AAAA,QA8DrB,MAAA;EAAA,UACI,MAAA;IAAA,CACP,gBAAA,GAAmB,cAAA;IAAA,CACnB,cAAA,IAAkB,IAAA;IAAA,CAClB,oBAAA,GAAuB,MAAA;EAAA;AAAA;AAAA,iBAIZ,sBAAA,CAAuB,IAAA,UAAc,MAAA"}

package/dist/react-ui/client.js

@@ -1,132 +0,0 @@
-"use client";
-
-import { useStream } from "../react/stream.js";
-import "../react/index.js";
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import * as JsxRuntime from "react/jsx-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/react-ui/client.tsx
-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];
-	} });
-}
-var ComponentStore = class {
-	cache = {};
-	boundCache = {};
-	callbacks = {};
-	respond(shadowRootId, comp, targetElement) {
-		this.cache[shadowRootId] = {
-			comp,
-			target: targetElement
-		};
-		this.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));
-	}
-	getBoundStore(shadowRootId) {
-		this.boundCache[shadowRootId] ??= {
-			subscribe: (onStoreChange) => {
-				this.callbacks[shadowRootId] ??= [];
-				this.callbacks[shadowRootId].push(onStoreChange);
-				return () => {
-					this.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter((c) => c !== onStoreChange);
-				};
-			},
-			getSnapshot: () => this.cache[shadowRootId]
-		};
-		return this.boundCache[shadowRootId];
-	}
-};
-const COMPONENT_STORE = new ComponentStore();
-const EXT_STORE_SYMBOL = Symbol.for("LGUI_EXT_STORE");
-const REQUIRE_SYMBOL = Symbol.for("LGUI_REQUIRE");
-const REQUIRE_EXTRA_SYMBOL = Symbol.for("LGUI_REQUIRE_EXTRA");
-const isIterable = (value) => value != null && typeof value === "object" && Symbol.iterator in value;
-const isPromise = (value) => value != null && typeof value === "object" && "then" in value && typeof value.then === "function";
-const isReactNode = (value) => {
-	if (React.isValidElement(value)) return true;
-	if (value == null) return true;
-	if (typeof value === "string" || typeof value === "number" || typeof value === "bigint" || typeof value === "boolean") return true;
-	if (isIterable(value)) return true;
-	if (isPromise(value)) return true;
-	return false;
-};
-function LoadExternalComponent({ stream, namespace, message, meta, fallback, components, ...props }) {
-	const ref = React.useRef(null);
-	const shadowRootId = `child-shadow-${React.useId()}`;
-	const store = React.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);
-	const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
-	const clientComponent = components?.[message.name];
-	const hasClientComponent = clientComponent != null;
-	let fallbackComponent = null;
-	if (isReactNode(fallback)) fallbackComponent = fallback;
-	else if (typeof fallback === "object" && fallback != null) fallbackComponent = fallback?.[message.name];
-	const uiNamespace = namespace ?? stream.assistantId;
-	const uiClient = stream.client["~ui"];
-	React.useEffect(() => {
-		if (hasClientComponent) return;
-		uiClient.getComponent(uiNamespace, 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.replace("{{shadowRootId}}", shadowRootId));
-			root.appendChild(fragment);
-		});
-	}, [
-		uiClient,
-		uiNamespace,
-		message.name,
-		shadowRootId,
-		hasClientComponent
-	]);
-	if (hasClientComponent) return /* @__PURE__ */ jsx(UseStreamContext.Provider, {
-		value: {
-			stream,
-			meta
-		},
-		children: React.createElement(clientComponent, message.props)
-	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-		id: shadowRootId,
-		ref,
-		...props
-	}), /* @__PURE__ */ jsx(UseStreamContext.Provider, {
-		value: {
-			stream,
-			meta
-		},
-		children: state?.target != null ? ReactDOM.createPortal(React.createElement(state.comp, message.props), state.target) : fallbackComponent
-	})] });
-}
-function experimental_loadShare(name, module) {
-	if (typeof window === "undefined") return;
-	window[REQUIRE_EXTRA_SYMBOL] ??= {};
-	window[REQUIRE_EXTRA_SYMBOL][name] = module;
-}
-function bootstrapUiContext() {
-	if (typeof window === "undefined") return;
-	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");
-			}
-		};
-		if (window[REQUIRE_EXTRA_SYMBOL] != null && typeof window[REQUIRE_EXTRA_SYMBOL] === "object" && name in window[REQUIRE_EXTRA_SYMBOL]) return window[REQUIRE_EXTRA_SYMBOL][name];
-		throw new Error(`Unknown module...: ${name}`);
-	};
-}
-
-//#endregion
-export { LoadExternalComponent, bootstrapUiContext, experimental_loadShare, useStreamContext };
-//# sourceMappingURL=client.js.map

package/dist/react-ui/client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.js","names":[],"sources":["../../src/react-ui/client.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport * as JsxRuntime from \"react/jsx-runtime\";\nimport type { UIMessage } from \"./types.js\";\nimport { useStream } from \"../react/index.js\";\nimport type { UseStream } from \"../react/types.js\";\nimport type { BagTemplate } from \"../types.template.js\";\n\nconst UseStreamContext = React.createContext<{\n  stream: ReturnType<typeof useStream>;\n  meta: unknown;\n}>(null!);\n\ntype GetMetaType<Bag extends BagTemplate> = Bag extends { MetaType: unknown }\n  ? Bag[\"MetaType\"]\n  : unknown;\n\ninterface UseStreamContext<\n  StateType extends Record<string, unknown> = Record<string, unknown>,\n  Bag extends BagTemplate = BagTemplate\n> extends UseStream<StateType, Bag> {\n  meta?: GetMetaType<Bag>;\n}\n\nexport function useStreamContext<\n  StateType extends Record<string, unknown> = Record<string, unknown>,\n  Bag extends BagTemplate = BagTemplate\n>(): UseStreamContext<StateType, Bag> {\n  const ctx = React.useContext(UseStreamContext);\n  if (!ctx) {\n    throw new Error(\n      \"useStreamContext must be used within a LoadExternalComponent\"\n    );\n  }\n\n  return new Proxy(ctx, {\n    get(target, prop: keyof UseStreamContext<StateType, Bag>) {\n      if (prop === \"meta\") return target.meta;\n      return target.stream[prop as keyof typeof target.stream];\n    },\n  }) as unknown as UseStreamContext<StateType, Bag>;\n}\n\ninterface ComponentTarget {\n  comp: React.FunctionComponent | React.ComponentClass;\n  target: HTMLElement;\n}\n\nclass ComponentStore {\n  private cache: Record<string, ComponentTarget> = {};\n\n  private boundCache: Record<\n    string,\n    {\n      subscribe: (onStoreChange: () => void) => () => void;\n      getSnapshot: () => ComponentTarget | undefined;\n    }\n  > = {};\n\n  private callbacks: Record<\n    string,\n    ((\n      comp: React.FunctionComponent | React.ComponentClass,\n      el: HTMLElement\n    ) => void)[]\n  > = {};\n\n  respond(\n    shadowRootId: string,\n    comp: React.FunctionComponent | React.ComponentClass,\n    targetElement: HTMLElement\n  ) {\n    this.cache[shadowRootId] = { comp, target: targetElement };\n    this.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));\n  }\n\n  getBoundStore(shadowRootId: string) {\n    this.boundCache[shadowRootId] ??= {\n      subscribe: (onStoreChange: () => void) => {\n        this.callbacks[shadowRootId] ??= [];\n        this.callbacks[shadowRootId].push(onStoreChange);\n        return () => {\n          this.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter(\n            (c) => c !== onStoreChange\n          );\n        };\n      },\n      getSnapshot: () => this.cache[shadowRootId],\n    };\n\n    return this.boundCache[shadowRootId];\n  }\n}\n\nconst COMPONENT_STORE = new ComponentStore();\nconst EXT_STORE_SYMBOL = Symbol.for(\"LGUI_EXT_STORE\");\nconst REQUIRE_SYMBOL = Symbol.for(\"LGUI_REQUIRE\");\nconst REQUIRE_EXTRA_SYMBOL = Symbol.for(\"LGUI_REQUIRE_EXTRA\");\n\ninterface LoadExternalComponentProps\n  extends Pick<React.HTMLAttributes<HTMLDivElement>, \"style\" | \"className\"> {\n  /** Stream of the assistant */\n  stream: ReturnType<typeof useStream>;\n\n  /** Namespace of UI components. Defaults to assistant ID. */\n  namespace?: string;\n\n  /** UI message to be rendered */\n  message: UIMessage;\n\n  /** Additional context to be passed to the child component */\n  meta?: unknown;\n\n  /** Fallback to be rendered when the component is loading */\n  fallback?: React.ReactNode | Record<string, React.ReactNode>;\n\n  /**\n   * Map of components that can be rendered directly without fetching the UI code\n   * from the server.\n   */\n  components?: Record<string, React.FunctionComponent | React.ComponentClass>;\n}\n\nconst isIterable = (value: unknown): value is Iterable<unknown> =>\n  value != null && typeof value === \"object\" && Symbol.iterator in value;\n\nconst isPromise = (value: unknown): value is Promise<unknown> =>\n  value != null &&\n  typeof value === \"object\" &&\n  \"then\" in value &&\n  typeof value.then === \"function\";\n\nconst isReactNode = (value: unknown): value is React.ReactNode => {\n  if (React.isValidElement(value)) return true;\n  if (value == null) return true;\n  if (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    typeof value === \"bigint\" ||\n    typeof value === \"boolean\"\n  ) {\n    return true;\n  }\n\n  if (isIterable(value)) return true;\n  if (isPromise(value)) return true;\n\n  return false;\n};\n\nexport function LoadExternalComponent({\n  stream,\n  namespace,\n  message,\n  meta,\n  fallback,\n  components,\n  ...props\n}: LoadExternalComponentProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const id = React.useId();\n  const shadowRootId = `child-shadow-${id}`;\n\n  const store = React.useMemo(\n    () => COMPONENT_STORE.getBoundStore(shadowRootId),\n    [shadowRootId]\n  );\n  const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);\n\n  const clientComponent = components?.[message.name];\n  const hasClientComponent = clientComponent != null;\n\n  let fallbackComponent = null;\n  if (isReactNode(fallback)) {\n    fallbackComponent = fallback;\n  } else if (typeof fallback === \"object\" && fallback != null) {\n    fallbackComponent = fallback?.[message.name];\n  }\n\n  const uiNamespace = namespace ?? stream.assistantId;\n  const uiClient = stream.client[\"~ui\"];\n  React.useEffect(() => {\n    if (hasClientComponent) return;\n    void uiClient.getComponent(uiNamespace, message.name).then((html) => {\n      const dom = ref.current;\n      if (!dom) return;\n      const root = dom.shadowRoot ?? dom.attachShadow({ mode: \"open\" });\n      const fragment = document\n        .createRange()\n        .createContextualFragment(\n          html.replace(\"{{shadowRootId}}\", shadowRootId)\n        );\n      root.appendChild(fragment);\n    });\n  }, [uiClient, uiNamespace, message.name, shadowRootId, hasClientComponent]);\n\n  if (hasClientComponent) {\n    return (\n      <UseStreamContext.Provider value={{ stream, meta }}>\n        {React.createElement(clientComponent, message.props)}\n      </UseStreamContext.Provider>\n    );\n  }\n\n  return (\n    <>\n      <div id={shadowRootId} ref={ref} {...props} />\n\n      <UseStreamContext.Provider value={{ stream, meta }}>\n        {state?.target != null\n          ? ReactDOM.createPortal(\n              React.createElement(state.comp, message.props),\n              state.target\n            )\n          : fallbackComponent}\n      </UseStreamContext.Provider>\n    </>\n  );\n}\n\ndeclare global {\n  interface Window {\n    [EXT_STORE_SYMBOL]: ComponentStore;\n    [REQUIRE_SYMBOL]: (name: string) => unknown;\n    [REQUIRE_EXTRA_SYMBOL]: Record<string, unknown>;\n  }\n}\n\nexport function experimental_loadShare(name: string, module: unknown) {\n  if (typeof window === \"undefined\") return;\n\n  window[REQUIRE_EXTRA_SYMBOL] ??= {};\n  window[REQUIRE_EXTRA_SYMBOL][name] = module;\n}\n\nexport function bootstrapUiContext() {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  window[EXT_STORE_SYMBOL] = COMPONENT_STORE;\n  window[REQUIRE_SYMBOL] = (name: string) => {\n    if (name === \"react\") return React;\n    if (name === \"react-dom\") return ReactDOM;\n    if (name === \"react/jsx-runtime\") return JsxRuntime;\n    if (name === \"@langchain/langgraph-sdk/react\") return { useStream };\n    if (name === \"@langchain/langgraph-sdk/react-ui\") {\n      return {\n        useStreamContext,\n        LoadExternalComponent: () => {\n          throw new Error(\"Nesting LoadExternalComponent is not supported\");\n        },\n      };\n    }\n\n    if (\n      window[REQUIRE_EXTRA_SYMBOL] != null &&\n      typeof window[REQUIRE_EXTRA_SYMBOL] === \"object\" &&\n      name in window[REQUIRE_EXTRA_SYMBOL]\n    ) {\n      return window[REQUIRE_EXTRA_SYMBOL][name];\n    }\n\n    throw new Error(`Unknown module...: ${name}`);\n  };\n}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["bootstrapUiContext"],"sources":["../../src/react-ui/index.ts"],"sourcesContent":["import { bootstrapUiContext } from \"./client.js\";\n\nbootstrapUiContext();\n\nexport {\n  useStreamContext,\n  LoadExternalComponent,\n  experimental_loadShare,\n} from \"./client.js\";\nexport {\n  uiMessageReducer,\n  isUIMessage,\n  isRemoveUIMessage,\n  type UIMessage,\n  type RemoveUIMessage,\n} from \"./types.js\";\n"],"mappings":";;;;;AAEAA,mCAAoB"}