@langchain/vue 0.2.0 → 0.3.1

package/dist/stream.custom.js

@@ -1,209 +1,111 @@
-import { onScopeDispose, ref, shallowRef, toValue, watch } from "vue";
-import { MessageTupleManager, StreamManager, ensureMessageInstances, extractInterrupts, toMessageClass } from "@langchain/langgraph-sdk/ui";
-import { getToolCallsWithResults } from "@langchain/langgraph-sdk/utils";
+import { computed, onScopeDispose, reactive, ref, shallowRef, toValue, watch } from "vue";
+import { CustomStreamOrchestrator, ensureMessageInstances } from "@langchain/langgraph-sdk/ui";
 //#region src/stream.custom.ts
-function createCustomTransportThreadState(values, threadId) {
-	return {
-		values,
-		next: [],
-		tasks: [],
-		metadata: void 0,
-		created_at: null,
-		checkpoint: {
-			thread_id: threadId,
-			checkpoint_id: null,
-			checkpoint_ns: "",
-			checkpoint_map: null
-		},
-		parent_checkpoint: null
-	};
-}
 function useStreamCustom(options) {
-	const messageManager = new MessageTupleManager();
-	const stream = new StreamManager(messageManager, {
-		throttle: options.throttle ?? false,
-		subagentToolNames: options.subagentToolNames,
-		filterSubagentMessages: options.filterSubagentMessages,
-		toMessage: toMessageClass
-	});
-	const streamValues = shallowRef(stream.values);
-	const streamError = shallowRef(stream.error);
-	const isLoading = shallowRef(stream.isLoading);
-	const subagentVersion = shallowRef(0);
-	const unsubscribe = stream.subscribe(() => {
-		streamValues.value = stream.values;
-		streamError.value = stream.error;
-		isLoading.value = stream.isLoading;
-		subagentVersion.value += 1;
-	});
+	const orchestrator = new CustomStreamOrchestrator(options);
 	const branch = ref("");
 	let threadId = toValue(options.threadId) ?? null;
 	watch(() => toValue(options.threadId), (newId) => {
 		const resolved = newId ?? null;
 		if (resolved !== threadId) {
 			threadId = resolved;
-			stream.clear();
+			orchestrator.syncThreadId(resolved);
 		}
 	}, { flush: "sync" });
-	const getMessages = (value) => {
-		const messagesKey = toValue(options.messagesKey) ?? "messages";
-		return Array.isArray(value[messagesKey]) ? value[messagesKey] : [];
-	};
-	const setMessages = (current, messages) => {
-		const messagesKey = toValue(options.messagesKey) ?? "messages";
-		return {
-			...current,
-			[messagesKey]: messages
-		};
-	};
-	const historyValues = options.initialValues ?? {};
+	const streamValues = shallowRef(null);
+	const streamError = shallowRef(void 0);
+	const isLoading = shallowRef(false);
+	const subagentsRef = shallowRef(orchestrator.subagents);
+	const activeSubagentsRef = shallowRef(orchestrator.activeSubagents);
+	const unsubscribe = orchestrator.subscribe(() => {
+		streamValues.value = orchestrator.streamValues;
+		streamError.value = orchestrator.error;
+		isLoading.value = orchestrator.isLoading;
+		subagentsRef.value = orchestrator.subagents;
+		activeSubagentsRef.value = orchestrator.activeSubagents;
+	});
 	onScopeDispose(() => {
 		unsubscribe();
-		stream.stop(historyValues, { onStop: options.onStop });
+		orchestrator.dispose();
 	});
-	const historyMessages = getMessages(historyValues);
-	options.filterSubagentMessages && !stream.isLoading && historyMessages.length;
 	watch(() => ({
-		should: options.filterSubagentMessages && !isLoading.value && getMessages(historyValues).length > 0,
-		len: getMessages(historyValues).length
+		should: options.filterSubagentMessages && !isLoading.value && streamValues.value != null && orchestrator.messages.length > 0,
+		len: orchestrator.messages.length
 	}), ({ should }) => {
-		if (should) stream.reconstructSubagents(getMessages(historyValues), { skipIfPopulated: true });
+		if (should) orchestrator.reconstructSubagentsIfNeeded();
 	}, { immediate: true });
-	function switchThread(newThreadId) {
-		if (newThreadId !== threadId) {
-			threadId = newThreadId;
-			stream.clear();
-		}
-	}
-	function stop() {
-		return stream.stop(historyValues, { onStop: options.onStop });
-	}
-	async function submitDirect(values, submitOptions) {
-		const currentThreadId = toValue(options.threadId) ?? null;
-		if (currentThreadId !== threadId) {
-			threadId = currentThreadId;
-			stream.clear();
-		}
-		let usableThreadId = threadId ?? submitOptions?.threadId;
-		stream.setStreamValues(() => {
-			if (submitOptions?.optimisticValues != null) return {
-				...historyValues,
-				...typeof submitOptions.optimisticValues === "function" ? submitOptions.optimisticValues(historyValues) : submitOptions.optimisticValues
-			};
-			return { ...historyValues };
-		});
-		await stream.start(async (signal) => {
-			if (!usableThreadId) {
-				usableThreadId = crypto.randomUUID();
-				threadId = usableThreadId;
-				options.onThreadId?.(usableThreadId);
-			}
-			if (!usableThreadId) throw new Error("Failed to obtain valid thread ID.");
-			return options.transport.stream({
-				input: values,
-				context: submitOptions?.context,
-				command: submitOptions?.command,
-				streamSubgraphs: submitOptions?.streamSubgraphs,
-				signal,
-				config: {
-					...submitOptions?.config,
-					configurable: {
-						thread_id: usableThreadId,
-						...submitOptions?.config?.configurable
-					}
-				}
-			});
-		}, {
-			getMessages,
-			setMessages,
-			initialValues: {},
-			callbacks: options,
-			onSuccess: () => {
-				if (!usableThreadId) return void 0;
-				const finalValues = stream.values ?? historyValues;
-				options.onFinish?.(createCustomTransportThreadState(finalValues, usableThreadId), void 0);
-			},
-			onError(error) {
-				options.onError?.(error, void 0);
-				submitOptions?.onError?.(error, void 0);
-			}
-		});
-	}
-	async function submit(values, submitOptions) {
-		await submitDirect(values, submitOptions);
-	}
-	function setBranch(value) {
-		branch.value = value;
-	}
-	function getMessagesMetadata(message, index) {
-		const streamMetadata = messageManager.get(message.id)?.metadata;
-		if (streamMetadata != null) return {
-			messageId: message.id ?? String(index),
-			firstSeenState: void 0,
-			branch: void 0,
-			branchOptions: void 0,
-			streamMetadata
-		};
-	}
+	const interruptsComputed = computed(() => {
+		isLoading.value;
+		return orchestrator.interrupts;
+	});
+	const interruptComputed = computed(() => {
+		isLoading.value;
+		return orchestrator.interrupt;
+	});
+	const messagesComputed = computed(() => {
+		if (!streamValues.value) return [];
+		return ensureMessageInstances(orchestrator.messages);
+	});
+	const toolCallsComputed = computed(() => {
+		if (!streamValues.value) return [];
+		return orchestrator.toolCalls;
+	});
 	return {
 		get values() {
 			return streamValues.value ?? {};
 		},
 		error: streamError,
 		isLoading,
-		stop,
-		submit,
-		switchThread,
+		stop: () => orchestrator.stop(),
+		submit: async (values, submitOptions) => {
+			await orchestrator.submit(values, submitOptions);
+		},
+		switchThread(newThreadId) {
+			orchestrator.switchThread(newThreadId);
+		},
 		branch,
-		setBranch,
-		getMessagesMetadata,
-		queue: {
-			entries: [],
-			size: 0,
-			async cancel() {
-				return false;
-			},
-			async clear() {}
+		setBranch(value) {
+			branch.value = value;
+			orchestrator.setBranch(value);
+		},
+		getMessagesMetadata(message, index) {
+			return orchestrator.getMessagesMetadata(message, index);
 		},
+		queue: reactive({
+			entries: shallowRef([]),
+			size: shallowRef(0),
+			cancel: async () => false,
+			clear: async () => {}
+		}),
 		get interrupts() {
-			if (streamValues.value != null && "__interrupt__" in streamValues.value && Array.isArray(streamValues.value.__interrupt__)) {
-				const valueInterrupts = streamValues.value.__interrupt__;
-				if (valueInterrupts.length === 0) return [{ when: "breakpoint" }];
-				return valueInterrupts;
-			}
-			return [];
+			return interruptsComputed.value;
 		},
 		get interrupt() {
-			return extractInterrupts(streamValues.value);
+			return interruptComputed.value;
 		},
 		get messages() {
-			if (!streamValues.value) return [];
-			return ensureMessageInstances(getMessages(streamValues.value));
+			return messagesComputed.value;
 		},
 		get toolCalls() {
-			if (!streamValues.value) return [];
-			return getToolCallsWithResults(getMessages(streamValues.value));
+			return toolCallsComputed.value;
 		},
 		getToolCalls(message) {
-			if (!streamValues.value) return [];
-			return getToolCallsWithResults(getMessages(streamValues.value)).filter((tc) => tc.aiMessage.id === message.id);
+			return orchestrator.getToolCalls(message);
 		},
 		get subagents() {
-			subagentVersion.value;
-			return stream.getSubagents();
+			return subagentsRef.value;
 		},
 		get activeSubagents() {
-			subagentVersion.value;
-			return stream.getActiveSubagents();
+			return activeSubagentsRef.value;
 		},
 		getSubagent(toolCallId) {
-			return stream.getSubagent(toolCallId);
+			return orchestrator.getSubagent(toolCallId);
 		},
 		getSubagentsByType(type) {
-			return stream.getSubagentsByType(type);
+			return orchestrator.getSubagentsByType(type);
 		},
 		getSubagentsByMessage(messageId) {
-			return stream.getSubagentsByMessage(messageId);
+			return orchestrator.getSubagentsByMessage(messageId);
 		}
 	};
 }

package/dist/stream.custom.js.map

@@ -1 +1 @@
-{"version":3,"file":"stream.custom.js","names":[],"sources":["../src/stream.custom.ts"],"sourcesContent":["import { onScopeDispose, ref, shallowRef, toValue, watch } from \"vue\";\nimport {\n  StreamManager,\n  MessageTupleManager,\n  extractInterrupts,\n  toMessageClass,\n  ensureMessageInstances,\n  type EventStreamEvent,\n  type GetUpdateType,\n  type GetCustomEventType,\n  type GetInterruptType,\n  type GetConfigurableType,\n  type AnyStreamCustomOptions,\n  type CustomSubmitOptions,\n  type MessageMetadata,\n} from \"@langchain/langgraph-sdk/ui\";\nimport { getToolCallsWithResults } from \"@langchain/langgraph-sdk/utils\";\nimport type {\n  BagTemplate,\n  Message,\n  Interrupt,\n  ThreadState,\n} from \"@langchain/langgraph-sdk\";\nimport type { VueReactiveOptions } from \"./types.js\";\n\nfunction createCustomTransportThreadState<\n  StateType extends Record<string, unknown>,\n>(values: StateType, threadId: string): ThreadState<StateType> {\n  return {\n    values,\n    next: [],\n    tasks: [],\n    metadata: undefined,\n    created_at: null,\n    checkpoint: {\n      thread_id: threadId,\n      checkpoint_id: null,\n      checkpoint_ns: \"\",\n      checkpoint_map: null,\n    },\n    parent_checkpoint: null,\n  };\n}\n\nexport function useStreamCustom<\n  StateType extends Record<string, unknown> = Record<string, unknown>,\n  Bag extends BagTemplate = BagTemplate,\n>(options: VueReactiveOptions<AnyStreamCustomOptions<StateType, Bag>>) {\n  type UpdateType = GetUpdateType<Bag, StateType>;\n  type CustomType = GetCustomEventType<Bag>;\n  type InterruptType = GetInterruptType<Bag>;\n  type ConfigurableType = GetConfigurableType<Bag>;\n\n  const messageManager = new MessageTupleManager();\n  const stream = new StreamManager<StateType, Bag>(messageManager, {\n    throttle: options.throttle ?? false,\n    subagentToolNames: options.subagentToolNames,\n    filterSubagentMessages: options.filterSubagentMessages,\n    toMessage: toMessageClass,\n  });\n\n  const streamValues = shallowRef<StateType | null>(stream.values);\n  const streamError = shallowRef<unknown>(stream.error);\n  const isLoading = shallowRef(stream.isLoading);\n\n  const subagentVersion = shallowRef(0);\n\n  const unsubscribe = stream.subscribe(() => {\n    streamValues.value = stream.values;\n    streamError.value = stream.error;\n    isLoading.value = stream.isLoading;\n    subagentVersion.value += 1;\n  });\n\n  const branch = ref<string>(\"\");\n\n  let threadId: string | null = toValue(options.threadId) ?? null;\n\n  watch(\n    () => toValue(options.threadId),\n    (newId) => {\n      const resolved = newId ?? null;\n      if (resolved !== threadId) {\n        threadId = resolved;\n        stream.clear();\n      }\n    },\n    { flush: \"sync\" },\n  );\n\n  const getMessages = (value: StateType): Message[] => {\n    const messagesKey = toValue(options.messagesKey) ?? \"messages\";\n    return Array.isArray(value[messagesKey])\n      ? (value[messagesKey] as Message[])\n      : [];\n  };\n\n  const setMessages = (current: StateType, messages: Message[]): StateType => {\n    const messagesKey = toValue(options.messagesKey) ?? \"messages\";\n    return { ...current, [messagesKey]: messages };\n  };\n\n  const historyValues = options.initialValues ?? ({} as StateType);\n\n  onScopeDispose(() => {\n    unsubscribe();\n    void stream.stop(historyValues, { onStop: options.onStop });\n  });\n\n  const historyMessages = getMessages(historyValues);\n  // @ts-expect-error used in watch callback below\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const shouldReconstructSubagents =\n    options.filterSubagentMessages &&\n    !stream.isLoading &&\n    historyMessages.length > 0;\n\n  watch(\n    () => ({\n      should:\n        options.filterSubagentMessages &&\n        !isLoading.value &&\n        getMessages(historyValues).length > 0,\n      len: getMessages(historyValues).length,\n    }),\n    ({ should }) => {\n      if (should) {\n        stream.reconstructSubagents(getMessages(historyValues), {\n          skipIfPopulated: true,\n        });\n      }\n    },\n    { immediate: true },\n  );\n\n  function switchThread(newThreadId: string | null) {\n    if (newThreadId !== threadId) {\n      threadId = newThreadId;\n      stream.clear();\n    }\n  }\n\n  function stop() {\n    return stream.stop(historyValues, { onStop: options.onStop });\n  }\n\n  async function submitDirect(\n    values: UpdateType | null | undefined,\n    submitOptions?: CustomSubmitOptions<StateType, ConfigurableType>,\n  ) {\n    const currentThreadId = toValue(options.threadId) ?? null;\n    if (currentThreadId !== threadId) {\n      threadId = currentThreadId;\n      stream.clear();\n    }\n\n    let usableThreadId = threadId ?? submitOptions?.threadId;\n\n    stream.setStreamValues(() => {\n      if (submitOptions?.optimisticValues != null) {\n        return {\n          ...historyValues,\n          ...(typeof submitOptions.optimisticValues === \"function\"\n            ? submitOptions.optimisticValues(historyValues)\n            : submitOptions.optimisticValues),\n        };\n      }\n\n      return { ...historyValues };\n    });\n\n    await stream.start(\n      async (signal: AbortSignal) => {\n        if (!usableThreadId) {\n          usableThreadId = crypto.randomUUID();\n          threadId = usableThreadId;\n          options.onThreadId?.(usableThreadId);\n        }\n\n        if (!usableThreadId) {\n          throw new Error(\"Failed to obtain valid thread ID.\");\n        }\n\n        return options.transport.stream({\n          input: values,\n          context: submitOptions?.context,\n          command: submitOptions?.command,\n          streamSubgraphs: submitOptions?.streamSubgraphs,\n          signal,\n          config: {\n            ...submitOptions?.config,\n            configurable: {\n              thread_id: usableThreadId,\n              ...submitOptions?.config?.configurable,\n            } as unknown as GetConfigurableType<Bag>,\n          },\n        }) as Promise<\n          AsyncGenerator<EventStreamEvent<StateType, UpdateType, CustomType>>\n        >;\n      },\n      {\n        getMessages,\n        setMessages,\n\n        initialValues: {} as StateType,\n        callbacks: options,\n\n        onSuccess: () => {\n          if (!usableThreadId) return undefined;\n\n          const finalValues = stream.values ?? historyValues;\n          options.onFinish?.(\n            createCustomTransportThreadState(finalValues, usableThreadId),\n            undefined,\n          );\n\n          return undefined;\n        },\n        onError(error) {\n          options.onError?.(error, undefined);\n          submitOptions?.onError?.(error, undefined);\n        },\n      },\n    );\n  }\n\n  async function submit(\n    values: UpdateType | null | undefined,\n    submitOptions?: CustomSubmitOptions<StateType, ConfigurableType>,\n  ) {\n    await submitDirect(values, submitOptions);\n  }\n\n  function setBranch(value: string) {\n    branch.value = value;\n  }\n\n  function getMessagesMetadata(\n    message: Message,\n    index?: number,\n  ): MessageMetadata<StateType> | undefined {\n    const streamMetadata = messageManager.get(message.id)?.metadata;\n    if (streamMetadata != null) {\n      return {\n        messageId: message.id ?? String(index),\n        firstSeenState: undefined,\n        branch: undefined,\n        branchOptions: undefined,\n        streamMetadata,\n      } as MessageMetadata<StateType>;\n    }\n    return undefined;\n  }\n\n  return {\n    get values() {\n      return streamValues.value ?? ({} as StateType);\n    },\n\n    error: streamError,\n    isLoading,\n\n    stop,\n    submit,\n    switchThread,\n\n    branch,\n    setBranch,\n    getMessagesMetadata,\n\n    queue: {\n      entries: [],\n      size: 0,\n      async cancel() {\n        return false;\n      },\n      async clear() {},\n    },\n\n    get interrupts(): Interrupt<InterruptType>[] {\n      if (\n        streamValues.value != null &&\n        \"__interrupt__\" in streamValues.value &&\n        Array.isArray(streamValues.value.__interrupt__)\n      ) {\n        const valueInterrupts = streamValues.value.__interrupt__;\n        if (valueInterrupts.length === 0) return [{ when: \"breakpoint\" }];\n        return valueInterrupts;\n      }\n\n      return [];\n    },\n\n    get interrupt(): Interrupt<InterruptType> | undefined {\n      return extractInterrupts<InterruptType>(streamValues.value);\n    },\n\n    get messages() {\n      if (!streamValues.value) return [];\n      return ensureMessageInstances(getMessages(streamValues.value));\n    },\n\n    get toolCalls() {\n      if (!streamValues.value) return [];\n      return getToolCallsWithResults(getMessages(streamValues.value));\n    },\n\n    getToolCalls(message: Message) {\n      if (!streamValues.value) return [];\n      const allToolCalls = getToolCallsWithResults(\n        getMessages(streamValues.value),\n      );\n      return allToolCalls.filter((tc) => tc.aiMessage.id === message.id);\n    },\n\n    get subagents() {\n      void subagentVersion.value;\n      return stream.getSubagents();\n    },\n\n    get activeSubagents() {\n      void subagentVersion.value;\n      return stream.getActiveSubagents();\n    },\n\n    getSubagent(toolCallId: string) {\n      return stream.getSubagent(toolCallId);\n    },\n\n    getSubagentsByType(type: string) {\n      return stream.getSubagentsByType(type);\n    },\n\n    getSubagentsByMessage(messageId: string) {\n      return stream.getSubagentsByMessage(messageId);\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"stream.custom.js","names":[],"sources":["../src/stream.custom.ts"],"sourcesContent":["import {\n  computed,\n  onScopeDispose,\n  reactive,\n  ref,\n  shallowRef,\n  toValue,\n  watch,\n} from \"vue\";\nimport {\n  CustomStreamOrchestrator,\n  ensureMessageInstances,\n  type AnyStreamCustomOptions,\n  type CustomSubmitOptions,\n  type GetUpdateType,\n  type GetInterruptType,\n  type GetConfigurableType,\n  type MessageMetadata,\n} from \"@langchain/langgraph-sdk/ui\";\nimport type { BagTemplate, Message, Interrupt } from \"@langchain/langgraph-sdk\";\nimport type { VueReactiveOptions } from \"./types.js\";\n\nexport function useStreamCustom<\n  StateType extends Record<string, unknown> = Record<string, unknown>,\n  Bag extends BagTemplate = BagTemplate,\n>(options: VueReactiveOptions<AnyStreamCustomOptions<StateType, Bag>>) {\n  type UpdateType = GetUpdateType<Bag, StateType>;\n  type InterruptType = GetInterruptType<Bag>;\n  type ConfigurableType = GetConfigurableType<Bag>;\n\n  const orchestrator = new CustomStreamOrchestrator<StateType, Bag>(\n    options as unknown as AnyStreamCustomOptions<StateType, Bag>,\n  );\n\n  const branch = ref<string>(\"\");\n\n  let threadId: string | null = toValue(options.threadId) ?? null;\n\n  watch(\n    () => toValue(options.threadId),\n    (newId) => {\n      const resolved = newId ?? null;\n      if (resolved !== threadId) {\n        threadId = resolved;\n        orchestrator.syncThreadId(resolved);\n      }\n    },\n    { flush: \"sync\" },\n  );\n\n  const streamValues = shallowRef<StateType | null>(null);\n  const streamError = shallowRef<unknown>(undefined);\n  const isLoading = shallowRef(false);\n  const subagentsRef = shallowRef(orchestrator.subagents);\n  const activeSubagentsRef = shallowRef(orchestrator.activeSubagents);\n\n  const unsubscribe = orchestrator.subscribe(() => {\n    streamValues.value = orchestrator.streamValues;\n    streamError.value = orchestrator.error;\n    isLoading.value = orchestrator.isLoading;\n    subagentsRef.value = orchestrator.subagents;\n    activeSubagentsRef.value = orchestrator.activeSubagents;\n  });\n\n  onScopeDispose(() => {\n    unsubscribe();\n    orchestrator.dispose();\n  });\n\n  watch(\n    () => ({\n      should:\n        options.filterSubagentMessages &&\n        !isLoading.value &&\n        streamValues.value != null &&\n        orchestrator.messages.length > 0,\n      len: orchestrator.messages.length,\n    }),\n    ({ should }) => {\n      if (should) {\n        orchestrator.reconstructSubagentsIfNeeded();\n      }\n    },\n    { immediate: true },\n  );\n\n  // Cached computed properties — unlike plain getters, `computed()` only\n  // recomputes when a tracked dependency changes, and caches the result\n  // between reads. Getters below unwrap `.value` so callers see plain\n  // values (matching the original API surface).\n  //\n  // `void isLoading.value` / reading `streamValues.value` accesses the\n  // ref solely to register it as a dependency of the computed, so Vue\n  // knows to invalidate the cached value when the orchestrator pushes an\n  // update. The `void` operator discards the unused value and signals\n  // intent to future readers.\n  const interruptsComputed = computed(() => {\n    void isLoading.value;\n    return orchestrator.interrupts as Interrupt<InterruptType>[];\n  });\n\n  const interruptComputed = computed(() => {\n    void isLoading.value;\n    return orchestrator.interrupt as Interrupt<InterruptType> | undefined;\n  });\n\n  const messagesComputed = computed(() => {\n    if (!streamValues.value) return [];\n    return ensureMessageInstances(orchestrator.messages);\n  });\n\n  const toolCallsComputed = computed(() => {\n    if (!streamValues.value) return [];\n    return orchestrator.toolCalls;\n  });\n\n  const queueEntries = shallowRef<unknown[]>([]);\n  const queueSize = shallowRef(0);\n\n  return {\n    get values() {\n      return streamValues.value ?? ({} as StateType);\n    },\n\n    error: streamError,\n    isLoading,\n\n    stop: () => orchestrator.stop(),\n\n    submit: async (\n      values: UpdateType | null | undefined,\n      submitOptions?: CustomSubmitOptions<StateType, ConfigurableType>,\n    ) => {\n      await orchestrator.submit(values, submitOptions);\n    },\n\n    switchThread(newThreadId: string | null) {\n      orchestrator.switchThread(newThreadId);\n    },\n\n    branch,\n    setBranch(value: string) {\n      branch.value = value;\n      orchestrator.setBranch(value);\n    },\n\n    getMessagesMetadata(\n      message: Message,\n      index?: number,\n    ): MessageMetadata<StateType> | undefined {\n      return orchestrator.getMessagesMetadata(message, index);\n    },\n\n    queue: reactive({\n      entries: queueEntries,\n      size: queueSize,\n      cancel: async () => false,\n      clear: async () => {},\n    }),\n\n    get interrupts(): Interrupt<InterruptType>[] {\n      return interruptsComputed.value;\n    },\n    get interrupt(): Interrupt<InterruptType> | undefined {\n      return interruptComputed.value;\n    },\n    get messages() {\n      return messagesComputed.value;\n    },\n    get toolCalls() {\n      return toolCallsComputed.value;\n    },\n\n    getToolCalls(message: Message) {\n      return orchestrator.getToolCalls(message);\n    },\n\n    get subagents() {\n      return subagentsRef.value;\n    },\n\n    get activeSubagents() {\n      return activeSubagentsRef.value;\n    },\n\n    getSubagent(toolCallId: string) {\n      return orchestrator.getSubagent(toolCallId);\n    },\n    getSubagentsByType(type: string) {\n      return orchestrator.getSubagentsByType(type);\n    },\n    getSubagentsByMessage(messageId: string) {\n      return orchestrator.getSubagentsByMessage(messageId);\n    },\n  };\n}\n"],"mappings":";;;AAsBA,SAAgB,gBAGd,SAAqE;CAKrE,MAAM,eAAe,IAAI,yBACvB,QACD;CAED,MAAM,SAAS,IAAY,GAAG;CAE9B,IAAI,WAA0B,QAAQ,QAAQ,SAAS,IAAI;AAE3D,aACQ,QAAQ,QAAQ,SAAS,GAC9B,UAAU;EACT,MAAM,WAAW,SAAS;AAC1B,MAAI,aAAa,UAAU;AACzB,cAAW;AACX,gBAAa,aAAa,SAAS;;IAGvC,EAAE,OAAO,QAAQ,CAClB;CAED,MAAM,eAAe,WAA6B,KAAK;CACvD,MAAM,cAAc,WAAoB,KAAA,EAAU;CAClD,MAAM,YAAY,WAAW,MAAM;CACnC,MAAM,eAAe,WAAW,aAAa,UAAU;CACvD,MAAM,qBAAqB,WAAW,aAAa,gBAAgB;CAEnE,MAAM,cAAc,aAAa,gBAAgB;AAC/C,eAAa,QAAQ,aAAa;AAClC,cAAY,QAAQ,aAAa;AACjC,YAAU,QAAQ,aAAa;AAC/B,eAAa,QAAQ,aAAa;AAClC,qBAAmB,QAAQ,aAAa;GACxC;AAEF,sBAAqB;AACnB,eAAa;AACb,eAAa,SAAS;GACtB;AAEF,cACS;EACL,QACE,QAAQ,0BACR,CAAC,UAAU,SACX,aAAa,SAAS,QACtB,aAAa,SAAS,SAAS;EACjC,KAAK,aAAa,SAAS;EAC5B,IACA,EAAE,aAAa;AACd,MAAI,OACF,cAAa,8BAA8B;IAG/C,EAAE,WAAW,MAAM,CACpB;CAYD,MAAM,qBAAqB,eAAe;AACnC,YAAU;AACf,SAAO,aAAa;GACpB;CAEF,MAAM,oBAAoB,eAAe;AAClC,YAAU;AACf,SAAO,aAAa;GACpB;CAEF,MAAM,mBAAmB,eAAe;AACtC,MAAI,CAAC,aAAa,MAAO,QAAO,EAAE;AAClC,SAAO,uBAAuB,aAAa,SAAS;GACpD;CAEF,MAAM,oBAAoB,eAAe;AACvC,MAAI,CAAC,aAAa,MAAO,QAAO,EAAE;AAClC,SAAO,aAAa;GACpB;AAKF,QAAO;EACL,IAAI,SAAS;AACX,UAAO,aAAa,SAAU,EAAE;;EAGlC,OAAO;EACP;EAEA,YAAY,aAAa,MAAM;EAE/B,QAAQ,OACN,QACA,kBACG;AACH,SAAM,aAAa,OAAO,QAAQ,cAAc;;EAGlD,aAAa,aAA4B;AACvC,gBAAa,aAAa,YAAY;;EAGxC;EACA,UAAU,OAAe;AACvB,UAAO,QAAQ;AACf,gBAAa,UAAU,MAAM;;EAG/B,oBACE,SACA,OACwC;AACxC,UAAO,aAAa,oBAAoB,SAAS,MAAM;;EAGzD,OAAO,SAAS;GACd,SAtCiB,WAAsB,EAAE,CAAC;GAuC1C,MAtCc,WAAW,EAAE;GAuC3B,QAAQ,YAAY;GACpB,OAAO,YAAY;GACpB,CAAC;EAEF,IAAI,aAAyC;AAC3C,UAAO,mBAAmB;;EAE5B,IAAI,YAAkD;AACpD,UAAO,kBAAkB;;EAE3B,IAAI,WAAW;AACb,UAAO,iBAAiB;;EAE1B,IAAI,YAAY;AACd,UAAO,kBAAkB;;EAG3B,aAAa,SAAkB;AAC7B,UAAO,aAAa,aAAa,QAAQ;;EAG3C,IAAI,YAAY;AACd,UAAO,aAAa;;EAGtB,IAAI,kBAAkB;AACpB,UAAO,mBAAmB;;EAG5B,YAAY,YAAoB;AAC9B,UAAO,aAAa,YAAY,WAAW;;EAE7C,mBAAmB,MAAc;AAC/B,UAAO,aAAa,mBAAmB,KAAK;;EAE9C,sBAAsB,WAAmB;AACvC,UAAO,aAAa,sBAAsB,UAAU;;EAEvD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langchain/vue",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "Vue integration for LangGraph & LangChain",
   "type": "module",
   "license": "MIT",
@@ -10,7 +10,7 @@
     "directory": "libs/sdk-vue"
   },
   "dependencies": {
-    "@langchain/langgraph-sdk": "^1.7.5"
+    "@langchain/langgraph-sdk": "^1.8.1"
   },
   "devDependencies": {
     "@hono/node-server": "^1.19.11",
@@ -38,7 +38,7 @@
     "vue": "^3.5.30",
     "webdriverio": "^9.25.0",
     "zod": "^4.3.6",
-    "@langchain/langgraph": "1.2.4",
+    "@langchain/langgraph": "1.2.6",
     "@langchain/langgraph-api": "1.1.16",
     "@langchain/langgraph-checkpoint": "1.0.1"
   },