@copilotkit/react-core 1.50.0-beta.1 → 1.50.0-beta.3

package/dist/lib/index.mjs

@@ -1,33 +1,33 @@
 import "../chunk-LUGEI4YQ.mjs";
 import {
   CopilotTask
-} from "../chunk-JRT5BJF3.mjs";
+} from "../chunk-SHHPDZUK.mjs";
 import "../chunk-4CEQJ2X6.mjs";
 import "../chunk-JD7BAH7U.mjs";
 import "../chunk-SPCZTZCY.mjs";
-import "../chunk-DCHSCK62.mjs";
-import "../chunk-LHERIF3L.mjs";
-import "../chunk-FBD24VEH.mjs";
-import "../chunk-LHKZJ2ND.mjs";
-import "../chunk-WMJVBMUX.mjs";
+import "../chunk-B66SA6EH.mjs";
+import "../chunk-SNON4QA6.mjs";
+import "../chunk-7HI6VLJJ.mjs";
+import "../chunk-PMWUKW3Z.mjs";
+import "../chunk-YCG6SNAU.mjs";
 import "../chunk-PIF5KJYI.mjs";
+import "../chunk-RKTVJRK7.mjs";
+import "../chunk-PMAFHQ7P.mjs";
 import "../chunk-CYDWEPFL.mjs";
-import "../chunk-2IDV5OHF.mjs";
 import "../chunk-ICIK2BSB.mjs";
-import "../chunk-RKTVJRK7.mjs";
+import "../chunk-2IDV5OHF.mjs";
 import "../chunk-YYN33GSG.mjs";
-import "../chunk-PMAFHQ7P.mjs";
+import "../chunk-6ZLPNY7X.mjs";
 import "../chunk-6PUNP7CD.mjs";
 import "../chunk-O7ARI5CV.mjs";
-import "../chunk-NROJOTQP.mjs";
-import "../chunk-5X5DJRQQ.mjs";
+import "../chunk-QNUAXSDP.mjs";
 import "../chunk-NB2FKV2V.mjs";
-import "../chunk-F555TVE4.mjs";
-import "../chunk-EFL5OBKN.mjs";
-import "../chunk-6ZLPNY7X.mjs";
 import "../chunk-FDOMAPJY.mjs";
-import "../chunk-WVLHXIFP.mjs";
+import "../chunk-AFNWX62Q.mjs";
 import "../chunk-DMLQZG75.mjs";
+import "../chunk-F555TVE4.mjs";
+import "../chunk-WF65O6HX.mjs";
+import "../chunk-EFL5OBKN.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   CopilotTask

package/dist/types/index.d.ts

@@ -3,7 +3,7 @@ export { SystemMessageFunction } from './system-message.js';
 export { ActionRenderProps, ActionRenderPropsNoArgs, ActionRenderPropsNoArgsWait, ActionRenderPropsWait, CatchAllActionRenderProps, CatchAllFrontendAction, FrontendAction, FrontendActionAvailability, RenderFunctionStatus } from './frontend-action.js';
 export { CopilotChatSuggestionConfiguration } from './chat-suggestion-configuration.js';
 export { CrewsAgentState, CrewsResponse, CrewsResponseStatus, CrewsStateItem, CrewsTaskStateItem, CrewsToolStateItem } from './crew.js';
-export { f as LangGraphInterruptAction, h as LangGraphInterruptActionSetter, g as LangGraphInterruptActionSetterArgs, e as LangGraphInterruptRender, L as LangGraphInterruptRenderHandlerProps, d as LangGraphInterruptRenderProps, Q as QueuedInterruptEvent } from '../copilot-context-1cd70a3f.js';
+export { f as LangGraphInterruptAction, h as LangGraphInterruptActionSetter, g as LangGraphInterruptActionSetterArgs, e as LangGraphInterruptRender, L as LangGraphInterruptRenderHandlerProps, d as LangGraphInterruptRenderProps, Q as QueuedInterruptEvent } from '../copilot-context-ec77e921.js';
 import '@copilotkit/runtime-client-gql';
 import '@copilotkit/shared';
 import 'react';

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

@@ -1,5 +1,5 @@
 import '@copilotkit/runtime-client-gql';
-export { f as LangGraphInterruptAction, h as LangGraphInterruptActionSetter, g as LangGraphInterruptActionSetterArgs, e as LangGraphInterruptRender, L as LangGraphInterruptRenderHandlerProps, d as LangGraphInterruptRenderProps, Q as QueuedInterruptEvent } from '../copilot-context-1cd70a3f.js';
+export { f as LangGraphInterruptAction, h as LangGraphInterruptActionSetter, g as LangGraphInterruptActionSetterArgs, e as LangGraphInterruptRender, L as LangGraphInterruptRenderHandlerProps, d as LangGraphInterruptRenderProps, Q as QueuedInterruptEvent } from '../copilot-context-ec77e921.js';
 import '@copilotkit/shared';
 import './frontend-action.js';
 import 'react';

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 { 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 | null }) => boolean;\n}\n\nexport type LangGraphInterruptAction = LangGraphInterruptRender & {\n  event?: LangGraphInterruptEvent;\n};\n\nexport type LangGraphInterruptActionSetterArgs = Partial<LangGraphInterruptRender> | null;\nexport type LangGraphInterruptActionSetter = (\n  threadId: string,\n  action: LangGraphInterruptActionSetterArgs,\n) => void;\n\nexport interface QueuedInterruptEvent {\n  eventId: string; // Generated unique ID for tracking\n  threadId: string;\n  event: LangGraphInterruptEvent;\n}\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 = Partial<LangGraphInterruptRender> | null;\nexport type LangGraphInterruptActionSetter = (action: LangGraphInterruptActionSetterArgs) => void;\n\nexport interface QueuedInterruptEvent {\n  eventId: string; // Generated unique ID for tracking\n  threadId: string;\n  event: LangGraphInterruptEvent;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/utils/index.mjs

@@ -1,10 +1,10 @@
 import "../chunk-CYDWEPFL.mjs";
-import {
-  SUGGESTION_RETRY_CONFIG
-} from "../chunk-2IDV5OHF.mjs";
 import {
   shouldShowDevConsole
 } from "../chunk-ICIK2BSB.mjs";
+import {
+  SUGGESTION_RETRY_CONFIG
+} from "../chunk-2IDV5OHF.mjs";
 import "../chunk-SKC7AJIV.mjs";
 export {
   SUGGESTION_RETRY_CONFIG,

package/dist/v2/index.css

@@ -0,0 +1,4 @@
+@import "@copilotkitnext/react/styles.css";
+
+/* src/v2/index.css */
+/*# sourceMappingURL=index.css.map */

package/dist/v2/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/v2/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/v2/index.ts"],"sourcesContent":["export * from \"@copilotkitnext/core\";\nexport * from \"@copilotkitnext/react\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uBAAc,iCAAd;AACA,uBAAc,kCADd;","names":[]}
+{"version":3,"sources":["../../src/v2/index.ts"],"sourcesContent":["import \"./index.css\";\n\nexport * from \"@copilotkitnext/core\";\nexport * from \"@copilotkitnext/react\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAEA,uBAAc,iCAFd;AAGA,uBAAc,kCAHd;","names":[]}

package/dist/v2/index.mjs

@@ -1,3 +1,5 @@
+import "../chunk-SKC7AJIV.mjs";
+
 // src/v2/index.ts
 export * from "@copilotkitnext/core";
 export * from "@copilotkitnext/react";

package/dist/v2/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/v2/index.ts"],"sourcesContent":["export * from \"@copilotkitnext/core\";\nexport * from \"@copilotkitnext/react\";\n"],"mappings":";AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/v2/index.ts"],"sourcesContent":["import \"./index.css\";\n\nexport * from \"@copilotkitnext/core\";\nexport * from \"@copilotkitnext/react\";\n"],"mappings":";;;AAEA,cAAc;AACd,cAAc;","names":[]}

package/jest.config.js

@@ -9,5 +9,17 @@ module.exports = {
   setupFilesAfterEnv: ["<rootDir>/src/setupTests.ts"],
   moduleNameMapper: {
     "^@/(.*)$": "<rootDir>/src/$1",
+    "\\.(css|less|scss|sass)$": "identity-obj-proxy",
+  },
+  transformIgnorePatterns: [
+    "node_modules/(?!(react-markdown|streamdown|@copilotkitnext)/)",
+  ],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest",
+    "^.+\\.(js|jsx|mjs)$": ["ts-jest", {
+      tsconfig: {
+        allowJs: true,
+      },
+    }],
   },
 };

package/package.json

@@ -9,8 +9,10 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.50.0-beta.1",
-  "sideEffects": false,
+  "version": "1.50.0-beta.3",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -24,29 +26,28 @@
       "require": "./dist/v2/index.js",
       "types": "./dist/v2/index.d.ts"
     },
-    "./v2/styles.css": "./dist/index.css"
+    "./v2/styles.css": "./dist/v2/index.css"
   },
   "types": "./dist/index.d.ts",
   "license": "MIT",
   "peerDependencies": {
-    "@copilotkitnext/core": "0.0.22",
-    "@copilotkitnext/react": "0.0.22",
     "react": "^18 || ^19 || ^19.0.0-rc",
     "react-dom": "^18 || ^19 || ^19.0.0-rc",
     "zod": ">=3.0.0"
   },
   "devDependencies": {
-    "@ag-ui/client": "^0.0.40",
+    "@ag-ui/client": "^0.0.41",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^29.5.4",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.0.2",
     "eslint": "^8.56.0",
+    "identity-obj-proxy": "^3.0.0",
     "jest": "^29.6.4",
     "jest-environment-jsdom": "^30.0.2",
     "react": "^19.1.0",
-    "react-dom": "^19.0.2",
+    "react-dom": "^19.2.0",
     "ts-jest": "^29.1.1",
     "tsup": "^6.7.0",
     "typescript": "^5.2.3",
@@ -55,11 +56,13 @@
     "tsconfig": "1.4.6"
   },
   "dependencies": {
+    "@copilotkitnext/core": "0.0.23",
+    "@copilotkitnext/react": "0.0.23",
     "@scarf/scarf": "^1.3.0",
     "react-markdown": "^8.0.7",
     "untruncate-json": "^0.0.1",
-    "@copilotkit/shared": "1.50.0-beta.1",
-    "@copilotkit/runtime-client-gql": "1.50.0-beta.1"
+    "@copilotkit/runtime-client-gql": "1.50.0-beta.3",
+    "@copilotkit/shared": "1.50.0-beta.3"
   },
   "keywords": [
     "copilotkit",

package/src/components/CopilotListeners.tsx

@@ -55,9 +55,8 @@ const usePredictStateSubscription = (agent?: AbstractAgent) => {
 
 export function CopilotListeners() {
   const { copilotkit } = useCopilotKit();
-  const { agentSession } = useCopilotContext();
   const existingConfig = useCopilotChatConfiguration();
-  const resolvedAgentId = agentSession?.agentName ?? existingConfig?.agentId ?? "default";
+  const resolvedAgentId = existingConfig?.agentId;
   const { setBannerError } = useToast();
 
   const { agent } = useAgent({ agentId: resolvedAgentId });

package/src/components/copilot-provider/copilot-messages.tsx

@@ -252,47 +252,6 @@ export function CopilotMessages({ children }: { children: ReactNode }) {
     [setBannerError, showDevConsole, traceUIError],
   );
 
-  // useEffect(() => {
-  //   if (!threadId || threadId === lastLoadedThreadId.current) return;
-  //   if (
-  //     threadId === lastLoadedThreadId.current &&
-  //     agentSession?.agentName === lastLoadedAgentName.current
-  //   ) {
-  //     return;
-  //   }
-  //
-  //   const fetchMessages = async () => {
-  //     if (!agentSession?.agentName) return;
-  //
-  //     const result = await runtimeClient.loadAgentState({
-  //       threadId,
-  //       agentName: agentSession?.agentName,
-  //     });
-  //
-  //     // Check for GraphQL errors and manually trigger error handling
-  //     if (result.error) {
-  //       // Update refs to prevent infinite retries of the same failed request
-  //       lastLoadedThreadId.current = threadId;
-  //       lastLoadedAgentName.current = agentSession?.agentName;
-  //       handleGraphQLErrors(result.error);
-  //       return; // Don't try to process the data if there's an error
-  //     }
-  //
-  //     const newMessages = result.data?.loadAgentState?.messages;
-  //     if (newMessages === lastLoadedMessages.current) return;
-  //
-  //     if (result.data?.loadAgentState) {
-  //       lastLoadedMessages.current = newMessages;
-  //       lastLoadedThreadId.current = threadId;
-  //       lastLoadedAgentName.current = agentSession?.agentName;
-  //
-  //       const messages = loadMessagesFromJsonRepresentation(JSON.parse(newMessages || "[]"));
-  //       setMessages(messages);
-  //     }
-  //   };
-  //   void fetchMessages();
-  // }, [threadId, agentSession?.agentName]);
-
   useEffect(() => {
     updateTapMessages(messages);
   }, [messages, updateTapMessages]);

package/src/components/copilot-provider/copilotkit.tsx

@@ -71,11 +71,7 @@ export function CopilotKit({ children, ...props }: CopilotKitProps) {
     <ToastProvider enabled={enabled}>
       <CopilotErrorBoundary publicApiKey={publicApiKey} showUsageBanner={enabled}>
         <ThreadsProvider threadId={props.threadId}>
-          <CopilotKitProvider
-            runtimeUrl={props.runtimeUrl}
-            renderCustomMessages={renderArr}
-            useSingleEndpoint={true}
-          >
+          <CopilotKitProvider {...props} renderCustomMessages={renderArr} useSingleEndpoint={true}>
             <CopilotKitInternal {...props}>{children}</CopilotKitInternal>
           </CopilotKitProvider>
         </ThreadsProvider>
@@ -397,21 +393,18 @@ export function CopilotKitInternal(cpkProps: CopilotKitProps) {
   const [interruptActions, _setInterruptActions] = useState<
     Record<string, LangGraphInterruptRender>
   >({});
-  const setInterruptAction = useCallback(
-    (threadId: string, action: LangGraphInterruptActionSetterArgs) => {
-      _setInterruptActions((prev) => {
-        if (action == null || !action.id) {
-          // Cannot set action without id
-          return prev;
-        }
-        return {
-          ...prev,
-          [action.id]: { ...(prev[action.id] ?? {}), ...action } as LangGraphInterruptRender,
-        };
-      });
-    },
-    [],
-  );
+  const setInterruptAction = useCallback((action: LangGraphInterruptActionSetterArgs) => {
+    _setInterruptActions((prev) => {
+      if (action == null || !action.id) {
+        // Cannot set action without id
+        return prev;
+      }
+      return {
+        ...prev,
+        [action.id]: { ...(prev[action.id] ?? {}), ...action } as LangGraphInterruptRender,
+      };
+    });
+  }, []);
   const removeInterruptAction = useCallback((actionId: string): void => {
     _setInterruptActions((prev) => {
       const { [actionId]: _, ...rest } = prev;
@@ -433,15 +426,22 @@ export function CopilotKitInternal(cpkProps: CopilotKitProps) {
     });
   }, []);
 
-  const removeInterruptEvent = useCallback((threadId: string, eventId: string) => {
-    setInterruptEventQueue((prev) => {
-      const threadQueue = prev[threadId] || [];
-      return {
-        ...prev,
-        [threadId]: threadQueue.filter((event) => event.eventId !== eventId),
-      };
-    });
-  }, []);
+  const resolveInterruptEvent = useCallback(
+    (threadId: string, eventId: string, response: string) => {
+      setInterruptEventQueue((prev) => {
+        const threadQueue = prev[threadId] || [];
+        return {
+          ...prev,
+          [threadId]: threadQueue.map((queuedEvent) =>
+            queuedEvent.eventId === eventId
+              ? { ...queuedEvent, event: { ...queuedEvent.event, response } }
+              : queuedEvent,
+          ),
+        };
+      });
+    },
+    [],
+  );
 
   const memoizedChildren = useMemo(() => children, [children]);
   const [bannerError, setBannerError] = useState<CopilotKitError | null>(null);
@@ -519,7 +519,7 @@ export function CopilotKitInternal(cpkProps: CopilotKitProps) {
     <CopilotChatConfigurationProvider
       // labels={labels}
       // isModalDefaultOpen={isModalDefaultOpen}
-      agentId={agentSession?.agentName ?? "default"}
+      agentId={props.agent ?? "default"}
       threadId={threadId}
     >
       <CopilotContext.Provider
@@ -573,7 +573,7 @@ export function CopilotKitInternal(cpkProps: CopilotKitProps) {
           removeInterruptAction,
           interruptEventQueue,
           addInterruptEvent,
-          removeInterruptEvent,
+          resolveInterruptEvent,
           bannerError,
           setBannerError,
           onError: handleErrors,

package/src/context/copilot-context.tsx

@@ -222,7 +222,7 @@ export interface CopilotContextParams {
   removeInterruptAction: (actionId: string) => void;
   interruptEventQueue: Record<string, QueuedInterruptEvent[]>;
   addInterruptEvent: (queuedEvent: QueuedInterruptEvent) => void;
-  removeInterruptEvent: (threadId: string, eventId: string) => void;
+  resolveInterruptEvent: (threadId: string, eventId: string, response: string) => void;
 
   /**
    * Optional trace handler for comprehensive debugging and observability.
@@ -308,7 +308,7 @@ const emptyCopilotContext: CopilotContextParams = {
   removeInterruptAction: () => {},
   interruptEventQueue: {},
   addInterruptEvent: () => {},
-  removeInterruptEvent: () => {},
+  resolveInterruptEvent: () => {},
   onError: () => {},
   bannerError: null,
   setBannerError: () => {},