@copilotkit/react-core 1.6.0-next.0 → 1.6.0-next.2

package/dist/index.mjs

@@ -7,10 +7,10 @@ import {
 import "./chunk-IGLITGLC.mjs";
 import {
   useLangGraphInterruptRender
-} from "./chunk-ZAU4EMBM.mjs";
+} from "./chunk-F7O6L7C3.mjs";
 import {
   useLangGraphInterrupt
-} from "./chunk-7LZQFHNW.mjs";
+} from "./chunk-5SGYPX4V.mjs";
 import {
   useMakeCopilotDocumentReadable
 } from "./chunk-XOHLZIZK.mjs";

package/dist/lib/copilot-task.d.ts

@@ -1,6 +1,6 @@
 import { ForwardedParametersInput } from '@copilotkit/runtime-client-gql';
 import { FrontendAction } from '../types/frontend-action.js';
-import { CopilotContextParams } from '../context/copilot-context.js';
+import { a as CopilotContextParams } from '../copilot-context-9ae8990b.js';
 import '@copilotkit/shared';
 import 'react';
 import '../hooks/use-tree.js';
@@ -8,7 +8,6 @@ import '../types/document-pointer.js';
 import '../types/chat-suggestion-configuration.js';
 import '../types/coagent-action.js';
 import '../types/coagent-state.js';
-import '../types/interrupt-action.js';
 
 /**
  * This class is used to execute one-off tasks, for example on button press. It can use the context available via [useCopilotReadable](/reference/hooks/useCopilotReadable) and the actions provided by [useCopilotAction](/reference/hooks/useCopilotAction), or you can provide your own context and actions.

package/dist/lib/index.d.ts

@@ -3,10 +3,9 @@ import '@copilotkit/runtime-client-gql';
 import '../types/frontend-action.js';
 import '@copilotkit/shared';
 import 'react';
-import '../context/copilot-context.js';
+import '../copilot-context-9ae8990b.js';
 import '../hooks/use-tree.js';
 import '../types/document-pointer.js';
 import '../types/chat-suggestion-configuration.js';
 import '../types/coagent-action.js';
 import '../types/coagent-state.js';
-import '../types/interrupt-action.js';

package/dist/types/interrupt-action.d.ts

@@ -1,35 +1,10 @@
-import { LangGraphInterruptEvent } from '@copilotkit/runtime-client-gql';
-import { Condition } from '@copilotkit/shared';
-
-interface LangGraphInterruptRender {
-    id: string;
-    /**
-     * The handler function to handle the event.
-     */
-    handler?: (props: {
-        event: LangGraphInterruptEvent;
-        resolve: (resolution: string) => void;
-    }) => unknown | Promise<unknown>;
-    /**
-     * The render function to handle the event.
-     */
-    render?: (props: {
-        result: unknown;
-        event: LangGraphInterruptEvent;
-        resolve: (resolution: string) => void;
-    }) => string | React.ReactElement;
-    /**
-     * Conditions to render based on.
-     * Useful when using multiple interrupts
-     */
-    conditions?: Condition[];
-}
-type LangGraphInterruptAction = LangGraphInterruptRender & {
-    event?: LangGraphInterruptEvent;
-};
-type LangGraphInterruptActionSetterArgs = (Partial<LangGraphInterruptRender> & {
-    event?: Partial<LangGraphInterruptEvent>;
-}) | null;
-type LangGraphInterruptActionSetter = (action: LangGraphInterruptActionSetterArgs) => void;
-
-export { LangGraphInterruptAction, LangGraphInterruptActionSetter, LangGraphInterruptActionSetterArgs, LangGraphInterruptRender };
+import '@copilotkit/runtime-client-gql';
+export { L as LangGraphInterruptAction, d as LangGraphInterruptActionSetter, i as LangGraphInterruptActionSetterArgs, e as LangGraphInterruptRender, g as LangGraphInterruptRenderHandlerProps, h as LangGraphInterruptRenderProps } from '../copilot-context-9ae8990b.js';
+import '@copilotkit/shared';
+import './frontend-action.js';
+import 'react';
+import '../hooks/use-tree.js';
+import './document-pointer.js';
+import './chat-suggestion-configuration.js';
+import './coagent-action.js';
+import './coagent-state.js';

package/dist/types/interrupt-action.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/interrupt-action.ts"],"sourcesContent":["import { LangGraphInterruptEvent } from \"@copilotkit/runtime-client-gql\";\nimport { Condition } from \"@copilotkit/shared\";\n\nexport interface LangGraphInterruptRender {\n  id: string;\n  /**\n   * The handler function to handle the event.\n   */\n  handler?: (props: {\n    event: LangGraphInterruptEvent;\n    resolve: (resolution: string) => void;\n  }) => unknown | Promise<unknown>;\n  /**\n   * The render function to handle the event.\n   */\n  render?: (props: {\n    result: unknown;\n    event: LangGraphInterruptEvent;\n    resolve: (resolution: string) => void;\n  }) => string | React.ReactElement;\n  /**\n   * Conditions to render based on.\n   * Useful when using multiple interrupts\n   */\n  conditions?: Condition[];\n}\n\nexport type LangGraphInterruptAction = LangGraphInterruptRender & {\n  event?: LangGraphInterruptEvent;\n};\n\nexport type LangGraphInterruptActionSetterArgs =\n  | (Partial<LangGraphInterruptRender> & { event?: Partial<LangGraphInterruptEvent> })\n  | null;\nexport type LangGraphInterruptActionSetter = (action: LangGraphInterruptActionSetterArgs) => void;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../src/types/interrupt-action.ts"],"sourcesContent":["import { LangGraphInterruptEvent } from \"@copilotkit/runtime-client-gql\";\nimport { AgentSession } from \"../context/copilot-context\";\n\nexport interface LangGraphInterruptRenderHandlerProps<TEventValue = any> {\n  event: LangGraphInterruptEvent<TEventValue>;\n  resolve: (resolution: string) => void;\n}\n\nexport interface LangGraphInterruptRenderProps<TEventValue = any> {\n  result: unknown;\n  event: LangGraphInterruptEvent<TEventValue>;\n  resolve: (resolution: string) => void;\n}\n\nexport interface LangGraphInterruptRender<TEventValue = any> {\n  id: string;\n  /**\n   * The handler function to handle the event.\n   */\n  handler?: (props: LangGraphInterruptRenderHandlerProps<TEventValue>) => any | Promise<any>;\n  /**\n   * The render function to handle the event.\n   */\n  render?: (props: LangGraphInterruptRenderProps<TEventValue>) => string | React.ReactElement;\n  /**\n   * Method that returns a boolean, indicating if the interrupt action should run\n   * Useful when using multiple interrupts\n   */\n  enabled?: (args: { eventValue: TEventValue; agentMetadata: AgentSession }) => boolean;\n}\n\nexport type LangGraphInterruptAction = LangGraphInterruptRender & {\n  event?: LangGraphInterruptEvent;\n};\n\nexport type LangGraphInterruptActionSetterArgs =\n  | (Partial<LangGraphInterruptRender> & { event?: Partial<LangGraphInterruptEvent> })\n  | null;\nexport type LangGraphInterruptActionSetter = (action: LangGraphInterruptActionSetterArgs) => void;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/utils/extract.d.ts

@@ -1,6 +1,6 @@
 import { Parameter, MappedParameterTypes } from '@copilotkit/shared';
 import { CopilotRequestType, ForwardedParametersInput } from '@copilotkit/runtime-client-gql';
-import { CopilotContextParams } from '../context/copilot-context.js';
+import { a as CopilotContextParams } from '../copilot-context-9ae8990b.js';
 import { CopilotMessagesContextParams } from '../context/copilot-messages-context.js';
 import '../types/frontend-action.js';
 import 'react';
@@ -9,7 +9,6 @@ import '../types/document-pointer.js';
 import '../types/chat-suggestion-configuration.js';
 import '../types/coagent-action.js';
 import '../types/coagent-state.js';
-import '../types/interrupt-action.js';
 
 interface InitialState<T extends Parameter[] | [] = []> {
     status: "initial";

package/dist/utils/index.d.ts

@@ -2,7 +2,7 @@ export { extract } from './extract.js';
 export { shouldShowDevConsole } from './dev-console.js';
 import '@copilotkit/shared';
 import '@copilotkit/runtime-client-gql';
-import '../context/copilot-context.js';
+import '../copilot-context-9ae8990b.js';
 import '../types/frontend-action.js';
 import 'react';
 import '../hooks/use-tree.js';
@@ -10,5 +10,4 @@ import '../types/document-pointer.js';
 import '../types/chat-suggestion-configuration.js';
 import '../types/coagent-action.js';
 import '../types/coagent-state.js';
-import '../types/interrupt-action.js';
 import '../context/copilot-messages-context.js';

package/package.json

@@ -9,7 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.6.0-next.0",
+  "version": "1.6.0-next.2",
   "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -43,8 +43,8 @@
     "@scarf/scarf": "^1.3.0",
     "react-markdown": "^8.0.7",
     "untruncate-json": "^0.0.1",
-    "@copilotkit/runtime-client-gql": "1.6.0-next.0",
-    "@copilotkit/shared": "1.6.0-next.0"
+    "@copilotkit/runtime-client-gql": "1.6.0-next.2",
+    "@copilotkit/shared": "1.6.0-next.2"
   },
   "keywords": [
     "copilotkit",

package/src/hooks/use-langgraph-interrupt-render.ts

@@ -18,7 +18,8 @@ const InterruptRenderer: React.FC<InterruptProps> = ({ event, result, render, re
 };
 
 export function useLangGraphInterruptRender(): string | React.ReactElement | null {
-  const { langGraphInterruptAction, setLangGraphInterruptAction } = useCopilotContext();
+  const { langGraphInterruptAction, setLangGraphInterruptAction, agentSession } =
+    useCopilotContext();
 
   const responseRef = React.useRef<string>();
   const resolveInterrupt = useCallback(
@@ -39,9 +40,12 @@ export function useLangGraphInterruptRender(): string | React.ReactElement | nul
   )
     return null;
 
-  const { render, handler, event, conditions } = langGraphInterruptAction;
+  const { render, handler, event, enabled } = langGraphInterruptAction;
 
-  const conditionsMet = executeConditions({ conditions, value: event.value });
+  const conditionsMet =
+    !agentSession || !enabled
+      ? true
+      : enabled({ eventValue: event.value, agentMetadata: agentSession });
   if (!conditionsMet) {
     return null;
   }

package/src/hooks/use-langgraph-interrupt.ts

@@ -5,8 +5,8 @@ import { useCopilotChat } from "./use-copilot-chat";
 import { useToast } from "../components/toast/toast-provider";
 import { dataToUUID } from "@copilotkit/shared";
 
-export function useLangGraphInterrupt(
-  action: Omit<LangGraphInterruptRender, "id">,
+export function useLangGraphInterrupt<TEventValue = any>(
+  action: Omit<LangGraphInterruptRender<TEventValue>, "id">,
   dependencies?: any[],
 ) {
   const { setLangGraphInterruptAction, removeLangGraphInterruptAction, langGraphInterruptAction } =
@@ -35,10 +35,9 @@ export function useLangGraphInterrupt(
 
   useEffect(() => {
     if (!action) return;
-    // console.log(2, { hasAction, isCurrentAction, conditions: action.conditions })
     // An action was already set, with no conditions and it's not the action we're using right now.
     // Show a warning, as this action will not be executed
-    if (hasAction && !isCurrentAction && !action.conditions?.length) {
+    if (hasAction && !isCurrentAction && !action.enabled) {
       addToast({
         type: "warning",
         message: "An action is already registered for the interrupt event",

package/src/types/interrupt-action.ts

@@ -1,28 +1,32 @@
 import { LangGraphInterruptEvent } from "@copilotkit/runtime-client-gql";
-import { Condition } from "@copilotkit/shared";
+import { AgentSession } from "../context/copilot-context";
 
-export interface LangGraphInterruptRender {
+export interface LangGraphInterruptRenderHandlerProps<TEventValue = any> {
+  event: LangGraphInterruptEvent<TEventValue>;
+  resolve: (resolution: string) => void;
+}
+
+export interface LangGraphInterruptRenderProps<TEventValue = any> {
+  result: unknown;
+  event: LangGraphInterruptEvent<TEventValue>;
+  resolve: (resolution: string) => void;
+}
+
+export interface LangGraphInterruptRender<TEventValue = any> {
   id: string;
   /**
    * The handler function to handle the event.
    */
-  handler?: (props: {
-    event: LangGraphInterruptEvent;
-    resolve: (resolution: string) => void;
-  }) => unknown | Promise<unknown>;
+  handler?: (props: LangGraphInterruptRenderHandlerProps<TEventValue>) => any | Promise<any>;
   /**
    * The render function to handle the event.
    */
-  render?: (props: {
-    result: unknown;
-    event: LangGraphInterruptEvent;
-    resolve: (resolution: string) => void;
-  }) => string | React.ReactElement;
+  render?: (props: LangGraphInterruptRenderProps<TEventValue>) => string | React.ReactElement;
   /**
-   * Conditions to render based on.
+   * Method that returns a boolean, indicating if the interrupt action should run
    * Useful when using multiple interrupts
    */
-  conditions?: Condition[];
+  enabled?: (args: { eventValue: TEventValue; agentMetadata: AgentSession }) => boolean;
 }
 
 export type LangGraphInterruptAction = LangGraphInterruptRender & {

package/dist/chunk-7LZQFHNW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-langgraph-interrupt.ts"],"sourcesContent":["import { useContext, useEffect, useMemo } from \"react\";\nimport { CopilotContext } from \"../context/copilot-context\";\nimport { LangGraphInterruptRender } from \"../types/interrupt-action\";\nimport { useCopilotChat } from \"./use-copilot-chat\";\nimport { useToast } from \"../components/toast/toast-provider\";\nimport { dataToUUID } from \"@copilotkit/shared\";\n\nexport function useLangGraphInterrupt(\n  action: Omit<LangGraphInterruptRender, \"id\">,\n  dependencies?: any[],\n) {\n  const { setLangGraphInterruptAction, removeLangGraphInterruptAction, langGraphInterruptAction } =\n    useContext(CopilotContext);\n  const { runChatCompletion } = useCopilotChat();\n  const { addToast } = useToast();\n\n  const actionId = dataToUUID(JSON.stringify(action), \"lgAction\");\n  // We only consider action to be defined once the ID is there\n  const hasAction = useMemo(\n    () => Boolean(langGraphInterruptAction?.id),\n    [langGraphInterruptAction],\n  );\n\n  const isCurrentAction = useMemo(\n    () => langGraphInterruptAction?.id && langGraphInterruptAction?.id === actionId,\n    [langGraphInterruptAction],\n  );\n\n  // Run chat completion to submit a response event. Only if it's the current action\n  useEffect(() => {\n    if (hasAction && isCurrentAction && langGraphInterruptAction?.event?.response) {\n      runChatCompletion();\n    }\n  }, [langGraphInterruptAction?.event?.response, runChatCompletion, hasAction, isCurrentAction]);\n\n  useEffect(() => {\n    if (!action) return;\n    // console.log(2, { hasAction, isCurrentAction, conditions: action.conditions })\n    // An action was already set, with no conditions and it's not the action we're using right now.\n    // Show a warning, as this action will not be executed\n    if (hasAction && !isCurrentAction && !action.conditions?.length) {\n      addToast({\n        type: \"warning\",\n        message: \"An action is already registered for the interrupt event\",\n      });\n      return;\n    }\n\n    if (hasAction && isCurrentAction) {\n      return;\n    }\n\n    setLangGraphInterruptAction({ ...action, id: actionId });\n  }, [\n    action,\n    hasAction,\n    isCurrentAction,\n    setLangGraphInterruptAction,\n    removeLangGraphInterruptAction,\n    ...(dependencies || []),\n  ]);\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,YAAY,WAAW,eAAe;AAK/C,SAAS,kBAAkB;AAEpB,SAAS,sBACd,QACA,cACA;AAVF;AAWE,QAAM,EAAE,6BAA6B,gCAAgC,yBAAyB,IAC5F,WAAW,cAAc;AAC3B,QAAM,EAAE,kBAAkB,IAAI,eAAe;AAC7C,QAAM,EAAE,SAAS,IAAI,SAAS;AAE9B,QAAM,WAAW,WAAW,KAAK,UAAU,MAAM,GAAG,UAAU;AAE9D,QAAM,YAAY;AAAA,IAChB,MAAM,QAAQ,qEAA0B,EAAE;AAAA,IAC1C,CAAC,wBAAwB;AAAA,EAC3B;AAEA,QAAM,kBAAkB;AAAA,IACtB,OAAM,qEAA0B,QAAM,qEAA0B,QAAO;AAAA,IACvE,CAAC,wBAAwB;AAAA,EAC3B;AAGA,YAAU,MAAM;AA7BlB,QAAAA;AA8BI,QAAI,aAAa,qBAAmBA,MAAA,qEAA0B,UAA1B,gBAAAA,IAAiC,WAAU;AAC7E,wBAAkB;AAAA,IACpB;AAAA,EACF,GAAG,EAAC,0EAA0B,UAA1B,mBAAiC,UAAU,mBAAmB,WAAW,eAAe,CAAC;AAE7F,YAAU,MAAM;AAnClB,QAAAA;AAoCI,QAAI,CAAC;AAAQ;AAIb,QAAI,aAAa,CAAC,mBAAmB,GAACA,MAAA,OAAO,eAAP,gBAAAA,IAAmB,SAAQ;AAC/D,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,MACX,CAAC;AACD;AAAA,IACF;AAEA,QAAI,aAAa,iBAAiB;AAChC;AAAA,IACF;AAEA,gCAA4B,iCAAK,SAAL,EAAa,IAAI,SAAS,EAAC;AAAA,EACzD,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAI,gBAAgB,CAAC;AAAA,EACvB,CAAC;AACH;","names":["_a"]}

package/dist/chunk-ZAU4EMBM.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-langgraph-interrupt-render.ts"],"sourcesContent":["import { useCopilotContext } from \"../context\";\nimport React, { useCallback } from \"react\";\nimport { executeConditions } from \"@copilotkit/shared\";\n\ntype InterruptProps = {\n  event: any;\n  result: any;\n  render: (props: {\n    event: any;\n    result: any;\n    resolve: (response: string) => void;\n  }) => string | React.ReactElement;\n  resolve: (response: string) => void;\n};\n\nconst InterruptRenderer: React.FC<InterruptProps> = ({ event, result, render, resolve }) => {\n  return render({ event, result, resolve });\n};\n\nexport function useLangGraphInterruptRender(): string | React.ReactElement | null {\n  const { langGraphInterruptAction, setLangGraphInterruptAction } = useCopilotContext();\n\n  const responseRef = React.useRef<string>();\n  const resolveInterrupt = useCallback(\n    (response: string) => {\n      responseRef.current = response;\n      // Use setTimeout to defer the state update to next tick\n      setTimeout(() => {\n        setLangGraphInterruptAction({ event: { response } });\n      }, 0);\n    },\n    [setLangGraphInterruptAction],\n  );\n\n  if (\n    !langGraphInterruptAction ||\n    !langGraphInterruptAction.event ||\n    !langGraphInterruptAction.render\n  )\n    return null;\n\n  const { render, handler, event, conditions } = langGraphInterruptAction;\n\n  const conditionsMet = executeConditions({ conditions, value: event.value });\n  if (!conditionsMet) {\n    return null;\n  }\n\n  let result = null;\n  if (handler) {\n    result = handler({\n      event,\n      resolve: resolveInterrupt,\n    });\n  }\n\n  return React.createElement(InterruptRenderer, {\n    event,\n    result,\n    render,\n    resolve: resolveInterrupt,\n  });\n}\n"],"mappings":";;;;;AACA,OAAO,SAAS,mBAAmB;AACnC,SAAS,yBAAyB;AAalC,IAAM,oBAA8C,CAAC,EAAE,OAAO,QAAQ,QAAQ,QAAQ,MAAM;AAC1F,SAAO,OAAO,EAAE,OAAO,QAAQ,QAAQ,CAAC;AAC1C;AAEO,SAAS,8BAAkE;AAChF,QAAM,EAAE,0BAA0B,4BAA4B,IAAI,kBAAkB;AAEpF,QAAM,cAAc,MAAM,OAAe;AACzC,QAAM,mBAAmB;AAAA,IACvB,CAAC,aAAqB;AACpB,kBAAY,UAAU;AAEtB,iBAAW,MAAM;AACf,oCAA4B,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AAAA,MACrD,GAAG,CAAC;AAAA,IACN;AAAA,IACA,CAAC,2BAA2B;AAAA,EAC9B;AAEA,MACE,CAAC,4BACD,CAAC,yBAAyB,SAC1B,CAAC,yBAAyB;AAE1B,WAAO;AAET,QAAM,EAAE,QAAQ,SAAS,OAAO,WAAW,IAAI;AAE/C,QAAM,gBAAgB,kBAAkB,EAAE,YAAY,OAAO,MAAM,MAAM,CAAC;AAC1E,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,MAAI,SAAS;AACb,MAAI,SAAS;AACX,aAAS,QAAQ;AAAA,MACf;AAAA,MACA,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAEA,SAAO,MAAM,cAAc,mBAAmB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AACH;","names":[]}