@copilotkit/vue 1.70.3 → 1.71.0

package/src/v2/hooks/use-human-in-the-loop.ts

@@ -1,6 +1,7 @@
 import { onScopeDispose, ref } from "vue";
 import type { WatchSource } from "vue";
 import { h } from "vue";
+import { ToolCallStatus } from "@copilotkit/core";
 import { useCopilotKit } from "../providers/useCopilotKit";
 import { useFrontendTool } from "./use-frontend-tool";
 import type {
@@ -31,17 +32,44 @@ export function useHumanInTheLoop<T extends Record<string, unknown>>(
 ) {
   const { copilotkit } = useCopilotKit();
   const resolvePromiseRef = ref<((result: unknown) => void) | null>(null);
+  const rejectPromiseRef = ref<((error: unknown) => void) | null>(null);
+  const cleanupAbortRef = ref<(() => void) | null>(null);
 
   const respond = async (result: unknown) => {
     if (resolvePromiseRef.value) {
+      cleanupAbortRef.value?.();
+      cleanupAbortRef.value = null;
       resolvePromiseRef.value(result);
       resolvePromiseRef.value = null;
+      rejectPromiseRef.value = null;
     }
   };
 
-  const handler = async () => {
-    return new Promise((resolve) => {
+  const handler = async (_args: T, context?: { signal?: AbortSignal }) => {
+    const signal = context?.signal;
+    return new Promise((resolve, reject) => {
+      if (signal?.aborted) {
+        reject(new Error("Human-in-the-loop interaction aborted"));
+        return;
+      }
+
       resolvePromiseRef.value = resolve;
+      rejectPromiseRef.value = reject;
+
+      if (signal) {
+        const onAbort = () => {
+          cleanupAbortRef.value = null;
+          resolvePromiseRef.value = null;
+          const rejectPending = rejectPromiseRef.value;
+          rejectPromiseRef.value = null;
+          rejectPending?.(new Error("Human-in-the-loop interaction aborted"));
+        };
+
+        signal.addEventListener("abort", onAbort, { once: true });
+        cleanupAbortRef.value = () => {
+          signal.removeEventListener("abort", onAbort);
+        };
+      }
     });
   };
 
@@ -49,31 +77,36 @@ export function useHumanInTheLoop<T extends Record<string, unknown>>(
     props: VueToolCallRendererRenderProps<T>,
   ) => {
     const ToolComponent = tool.render;
-    if (props.status === "inProgress") {
+    if (props.status === ToolCallStatus.InProgress) {
       return h(ToolComponent as Parameters<typeof h>[0], {
         ...props,
         name: tool.name,
         description: tool.description || "",
+        agentId: tool.agentId,
         respond: undefined,
       });
     }
-    if (props.status === "executing") {
+    if (props.status === ToolCallStatus.Executing) {
       return h(ToolComponent as Parameters<typeof h>[0], {
         ...props,
         name: tool.name,
         description: tool.description || "",
+        agentId: tool.agentId,
         respond,
       });
     }
-    if (props.status === "complete") {
+    if (props.status === ToolCallStatus.Complete) {
       return h(ToolComponent as Parameters<typeof h>[0], {
         ...props,
         name: tool.name,
         description: tool.description || "",
+        agentId: tool.agentId,
         respond: undefined,
       });
     }
-    return h(ToolComponent as Parameters<typeof h>[0], props);
+
+    const exhaustiveCheck: never = props;
+    return exhaustiveCheck;
   };
 
   const frontendTool: VueFrontendTool<T> = {

package/src/v2/types/human-in-the-loop.ts

@@ -5,6 +5,8 @@ export type VueHumanInTheLoopRenderProps<T> =
   | {
       name: string;
       description: string;
+      toolCallId: string;
+      agentId?: string;
       args: Partial<T>;
       status: ToolCallStatus.InProgress;
       result: undefined;
@@ -13,6 +15,8 @@ export type VueHumanInTheLoopRenderProps<T> =
   | {
       name: string;
       description: string;
+      toolCallId: string;
+      agentId?: string;
       args: T;
       status: ToolCallStatus.Executing;
       result: undefined;
@@ -21,6 +25,8 @@ export type VueHumanInTheLoopRenderProps<T> =
   | {
       name: string;
       description: string;
+      toolCallId: string;
+      agentId?: string;
       args: T;
       status: ToolCallStatus.Complete;
       result: string;

package/CHANGELOG.md

@@ -1,13 +0,0 @@
-# Changelog
-
-## [1.51.4-next.2] - Unreleased
-
-### Added
-
-- Initial v1 release: Vue 3 core providers and composables
-- `CopilotKitProvider` and `CopilotChatConfigurationProvider` (SFC-based)
-- `useCopilotKit`, `useCopilotChatConfiguration`
-- Composables: `useAgent`, `useFrontendTool`, `useHumanInTheLoop`, `useSuggestions`, `useConfigureSuggestions`, `useAgentContext`
-- Vue renderer types: `VueToolCallRenderer`, `VueActivityMessageRenderer`, `VueCustomMessageRenderer`, `VueFrontendTool`, `VueHumanInTheLoop`
-- `defineToolCallRenderer` (Vue version)
-- `CopilotKitCoreVue` - core subclass with `setRenderToolCalls` and `onRenderToolCallsChanged`