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

package/dist/index.js

@@ -198,7 +198,7 @@ var emptyCopilotContext = {
   interruptEventQueue: {},
   addInterruptEvent: () => {
   },
-  removeInterruptEvent: () => {
+  resolveInterruptEvent: () => {
   },
   onError: () => {
   },
@@ -2447,6 +2447,8 @@ function useThreads() {
 // src/hooks/use-coagent-state-render-bridge.tsx
 var import_shared10 = require("@copilotkit/shared");
 function getStateWithoutConstantKeys(state) {
+  if (!state)
+    return {};
   const _a = state, { messages, tools, copilotkit } = _a, stateWithoutConstantKeys = __objRest(_a, ["messages", "tools", "copilotkit"]);
   return stateWithoutConstantKeys;
 }
@@ -2493,9 +2495,6 @@ function useCoagentStateRenderBridge(agentId, props) {
       unsubscribe();
     };
   }, [agentId, nodeName]);
-  if (messageIndexInRun !== 0) {
-    return null;
-  }
   const getStateRender = (0, import_react14.useCallback)(
     (messageId) => {
       return Object.entries(coAgentStateRenders).find(([stateRenderId, stateRender]) => {
@@ -2523,7 +2522,7 @@ function useCoagentStateRenderBridge(agentId, props) {
       return canRender;
     }
     const renderClaimedByOtherMessage = Object.values(claimsRef.current).find(
-      (c) => c.stateRenderId === stateRenderId && (0, import_shared10.dataToUUID)(JSON.stringify(getStateWithoutConstantKeys(c.stateSnapshot))) === (0, import_shared10.dataToUUID)(JSON.stringify(getStateWithoutConstantKeys(renderSnapshot)))
+      (c) => c.stateRenderId === stateRenderId && (0, import_shared10.dataToUUID)(getStateWithoutConstantKeys(c.stateSnapshot)) === (0, import_shared10.dataToUUID)(getStateWithoutConstantKeys(renderSnapshot))
     );
     if (renderClaimedByOtherMessage) {
       if (renderSnapshot && renderClaimedByOtherMessage.stateSnapshot && !areStatesEquals(renderClaimedByOtherMessage.stateSnapshot, renderSnapshot)) {
@@ -2540,6 +2539,9 @@ function useCoagentStateRenderBridge(agentId, props) {
   };
   return (0, import_react14.useMemo)(() => {
     var _a2, _b, _c;
+    if (messageIndexInRun !== 0) {
+      return null;
+    }
     const [stateRenderId, stateRender] = (_a2 = getStateRender(message.id)) != null ? _a2 : [];
     if (!stateRender || !stateRenderId) {
       return null;
@@ -2586,7 +2588,8 @@ function useCoagentStateRenderBridge(agentId, props) {
     agent == null ? void 0 : agent.isRunning,
     nodeName,
     effectiveRunId,
-    message.id
+    message.id,
+    messageIndexInRun
   ]);
 }
 function CoAgentStateRenderBridge(props) {
@@ -2631,11 +2634,9 @@ var usePredictStateSubscription = (agent) => {
   }, [agent, getSubscriber]);
 };
 function CopilotListeners() {
-  var _a, _b;
   const { copilotkit } = (0, import_react16.useCopilotKit)();
-  const { agentSession } = useCopilotContext();
   const existingConfig = (0, import_react16.useCopilotChatConfiguration)();
-  const resolvedAgentId = (_b = (_a = agentSession == null ? void 0 : agentSession.agentName) != null ? _a : existingConfig == null ? void 0 : existingConfig.agentId) != null ? _b : "default";
+  const resolvedAgentId = existingConfig == null ? void 0 : existingConfig.agentId;
   const { setBannerError } = useToast();
   const { agent } = (0, import_react16.useAgent)({ agentId: resolvedAgentId });
   usePredictStateSubscription(agent);
@@ -2660,15 +2661,7 @@ function CopilotKit(_a) {
   const enabled = shouldShowDevConsole(props.showDevConsole);
   const publicApiKey = props.publicApiKey || props.publicLicenseKey;
   const renderArr = (0, import_react17.useMemo)(() => [{ render: CoAgentStateRenderBridge }], []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CopilotErrorBoundary, { publicApiKey, showUsageBanner: enabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ThreadsProvider, { threadId: props.threadId, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_react18.CopilotKitProvider,
-    {
-      runtimeUrl: props.runtimeUrl,
-      renderCustomMessages: renderArr,
-      useSingleEndpoint: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children }))
-    }
-  ) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CopilotErrorBoundary, { publicApiKey, showUsageBanner: enabled, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ThreadsProvider, { threadId: props.threadId, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react18.CopilotKitProvider, __spreadProps(__spreadValues({}, props), { renderCustomMessages: renderArr, useSingleEndpoint: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children })) })) }) }) });
 }
 function CopilotKitInternal(cpkProps) {
   var _b;
@@ -2906,20 +2899,17 @@ ${nonDocumentStrings}`;
   const chatAbortControllerRef = (0, import_react17.useRef)(null);
   const showDevConsole = shouldShowDevConsole(props.showDevConsole);
   const [interruptActions, _setInterruptActions] = (0, import_react17.useState)({});
-  const setInterruptAction = (0, import_react17.useCallback)(
-    (threadId2, action) => {
-      _setInterruptActions((prev) => {
-        var _a2;
-        if (action == null || !action.id) {
-          return prev;
-        }
-        return __spreadProps(__spreadValues({}, prev), {
-          [action.id]: __spreadValues(__spreadValues({}, (_a2 = prev[action.id]) != null ? _a2 : {}), action)
-        });
+  const setInterruptAction = (0, import_react17.useCallback)((action) => {
+    _setInterruptActions((prev) => {
+      var _a2;
+      if (action == null || !action.id) {
+        return prev;
+      }
+      return __spreadProps(__spreadValues({}, prev), {
+        [action.id]: __spreadValues(__spreadValues({}, (_a2 = prev[action.id]) != null ? _a2 : {}), action)
       });
-    },
-    []
-  );
+    });
+  }, []);
   const removeInterruptAction = (0, import_react17.useCallback)((actionId) => {
     _setInterruptActions((prev) => {
       const _a2 = prev, { [actionId]: _ } = _a2, rest = __objRest(_a2, [__restKey(actionId)]);
@@ -2935,14 +2925,19 @@ ${nonDocumentStrings}`;
       });
     });
   }, []);
-  const removeInterruptEvent = (0, import_react17.useCallback)((threadId2, eventId) => {
-    setInterruptEventQueue((prev) => {
-      const threadQueue = prev[threadId2] || [];
-      return __spreadProps(__spreadValues({}, prev), {
-        [threadId2]: threadQueue.filter((event) => event.eventId !== eventId)
+  const resolveInterruptEvent = (0, import_react17.useCallback)(
+    (threadId2, eventId, response) => {
+      setInterruptEventQueue((prev) => {
+        const threadQueue = prev[threadId2] || [];
+        return __spreadProps(__spreadValues({}, prev), {
+          [threadId2]: threadQueue.map(
+            (queuedEvent) => queuedEvent.eventId === eventId ? __spreadProps(__spreadValues({}, queuedEvent), { event: __spreadProps(__spreadValues({}, queuedEvent.event), { response }) }) : queuedEvent
+          )
+        });
       });
-    });
-  }, []);
+    },
+    []
+  );
   const memoizedChildren = (0, import_react17.useMemo)(() => children, [children]);
   const [bannerError, setBannerError] = (0, import_react17.useState)(null);
   const agentLock = (0, import_react17.useMemo)(() => {
@@ -3005,7 +3000,7 @@ ${nonDocumentStrings}`;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_react18.CopilotChatConfigurationProvider,
     {
-      agentId: (_b = agentSession == null ? void 0 : agentSession.agentName) != null ? _b : "default",
+      agentId: (_b = props.agent) != null ? _b : "default",
       threadId,
       children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         CopilotContext.Provider,
@@ -3060,7 +3055,7 @@ ${nonDocumentStrings}`;
             removeInterruptAction,
             interruptEventQueue,
             addInterruptEvent,
-            removeInterruptEvent,
+            resolveInterruptEvent,
             bannerError,
             setBannerError,
             onError: handleErrors,
@@ -3137,28 +3132,64 @@ function validateProps(props) {
 }
 
 // src/hooks/use-copilot-chat_internal.ts
-var import_react24 = require("react");
+var import_react27 = require("react");
 var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
 
 // src/hooks/use-langgraph-interrupt-render.ts
-var import_react19 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
 var import_shared14 = require("@copilotkit/shared");
+
+// src/hooks/use-agent-nodename.ts
+var import_react19 = require("react");
+var import_react20 = require("@copilotkitnext/react");
+function useAgentNodeName(agentName) {
+  const { agent } = (0, import_react20.useAgent)({ agentId: agentName });
+  const nodeNameRef = (0, import_react19.useRef)("start");
+  (0, import_react19.useEffect)(() => {
+    if (!agent)
+      return;
+    const subscriber = {
+      onStepStartedEvent: ({ event }) => {
+        nodeNameRef.current = event.stepName;
+      },
+      onRunStartedEvent: () => {
+        nodeNameRef.current = "start";
+      },
+      onRunFinishedEvent: () => {
+        nodeNameRef.current = "end";
+      }
+    };
+    const subscription = agent.subscribe(subscriber);
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [agent]);
+  return nodeNameRef.current;
+}
+
+// src/hooks/use-langgraph-interrupt-render.ts
+var import_react22 = require("@copilotkitnext/react");
 var InterruptRenderer = ({ event, result, render, resolve }) => {
   return render({ event, result, resolve });
 };
 function useLangGraphInterruptRender(agent) {
+  var _a;
   const {
     interruptActions,
     agentSession,
     threadId,
     interruptEventQueue,
     addInterruptEvent,
-    removeInterruptEvent
+    resolveInterruptEvent
   } = useCopilotContext();
-  (0, import_react19.useEffect)(() => {
+  const existingConfig = (0, import_react22.useCopilotChatConfiguration)();
+  const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
+  const nodeName = useAgentNodeName(resolvedAgentId);
+  (0, import_react21.useEffect)(() => {
     if (!agent)
       return;
+    let localInterrupt = null;
     const subscriber = {
       onCustomEvent: ({ event }) => {
         if (event.name === "on_interrupt") {
@@ -3167,12 +3198,21 @@ function useLangGraphInterruptRender(agent) {
             type: event.type,
             value: (0, import_shared14.parseJson)(event.value, event.value)
           };
-          const eventId = (0, import_shared14.dataToUUID)(JSON.stringify(eventData), "interruptEvents");
-          addInterruptEvent({
+          const eventId = (0, import_shared14.dataToUUID)(eventData, "interruptEvents");
+          localInterrupt = {
             eventId,
             threadId,
             event: eventData
-          });
+          };
+        }
+      },
+      onRunStartedEvent: () => {
+        localInterrupt = null;
+      },
+      onRunFinalized: () => {
+        if (localInterrupt) {
+          addInterruptEvent(localInterrupt);
+          localInterrupt = null;
         }
       }
     };
@@ -3181,7 +3221,7 @@ function useLangGraphInterruptRender(agent) {
       unsubscribe();
     };
   }, [agent, threadId]);
-  const handleResolve = (0, import_react19.useCallback)(
+  const handleResolve = (0, import_react21.useCallback)(
     (eventId, response) => {
       agent == null ? void 0 : agent.runAgent({
         forwardedProps: {
@@ -3190,15 +3230,15 @@ function useLangGraphInterruptRender(agent) {
           }
         }
       });
-      removeInterruptEvent(threadId, eventId);
+      resolveInterruptEvent(threadId, eventId, response != null ? response : "");
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [agent, threadId]
   );
-  return (0, import_react19.useMemo)(() => {
+  return (0, import_react21.useMemo)(() => {
     const eventQueue = interruptEventQueue[threadId] || [];
     const currentQueuedEvent = eventQueue.find((qe) => !qe.event.response);
-    if (!currentQueuedEvent)
+    if (!currentQueuedEvent || !agentSession)
       return null;
     const allActions = Object.values(interruptActions);
     const matchingAction = allActions.find((action) => {
@@ -3206,7 +3246,9 @@ function useLangGraphInterruptRender(agent) {
         return true;
       return action.enabled({
         eventValue: currentQueuedEvent.event.value,
-        agentMetadata: agentSession
+        agentMetadata: __spreadProps(__spreadValues({}, agentSession), {
+          nodeName
+        })
       });
     });
     if (!matchingAction)
@@ -3224,7 +3266,7 @@ function useLangGraphInterruptRender(agent) {
     }
     if (!render)
       return null;
-    return import_react19.default.createElement(InterruptRenderer, {
+    return import_react21.default.createElement(InterruptRenderer, {
       event: currentQueuedEvent.event,
       result,
       render,
@@ -3234,14 +3276,14 @@ function useLangGraphInterruptRender(agent) {
 }
 
 // src/hooks/use-copilot-chat_internal.ts
-var import_react25 = require("@copilotkitnext/react");
+var import_react28 = require("@copilotkitnext/react");
 
 // src/hooks/use-lazy-tool-renderer.tsx
-var import_react20 = require("@copilotkitnext/react");
-var import_react21 = require("react");
+var import_react23 = require("@copilotkitnext/react");
+var import_react24 = require("react");
 function useLazyToolRenderer() {
-  const renderToolCall = (0, import_react20.useRenderToolCall)();
-  return (0, import_react21.useCallback)(
+  const renderToolCall = (0, import_react23.useRenderToolCall)();
+  return (0, import_react24.useCallback)(
     (message, messages) => {
       var _a;
       if (!((_a = message == null ? void 0 : message.toolCalls) == null ? void 0 : _a.length))
@@ -3262,34 +3304,36 @@ function useLazyToolRenderer() {
 }
 
 // src/hooks/use-configure-chat-suggestions.tsx
-var import_react22 = require("@copilotkitnext/react");
-var import_react23 = require("react");
+var import_react25 = require("@copilotkitnext/react");
+var import_react26 = require("react");
 function useConfigureChatSuggestions(config, dependencies = []) {
-  const { agentSession } = useCopilotContext();
-  const { copilotkit } = (0, import_react22.useCopilotKit)();
+  var _a;
+  const existingConfig = (0, import_react25.useCopilotChatConfiguration)();
+  const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
+  const { copilotkit } = (0, import_react25.useCopilotKit)();
   const available = config.available === "enabled" ? "always" : config.available;
   const finalSuggestionConfig = __spreadProps(__spreadValues({}, config), {
     available,
-    consumerAgentId: agentSession == null ? void 0 : agentSession.agentName
+    consumerAgentId: resolvedAgentId
     // Use chatConfig.agentId here
   });
-  (0, import_react22.useConfigureSuggestions)(finalSuggestionConfig, { deps: dependencies });
-  const result = (0, import_react22.useSuggestions)({ agentId: agentSession == null ? void 0 : agentSession.agentName });
-  (0, import_react23.useEffect)(() => {
+  (0, import_react25.useConfigureSuggestions)(finalSuggestionConfig, dependencies);
+  const result = (0, import_react25.useSuggestions)({ agentId: resolvedAgentId });
+  (0, import_react26.useEffect)(() => {
     if (finalSuggestionConfig.available === "disabled")
       return;
     const subscription = copilotkit.subscribe({
       onAgentsChanged: () => {
-        const agent = copilotkit.getAgent(agentSession == null ? void 0 : agentSession.agentName);
+        const agent = copilotkit.getAgent(resolvedAgentId);
         if (agent && !agent.isRunning && !result.suggestions.length) {
-          copilotkit.reloadSuggestions(agentSession == null ? void 0 : agentSession.agentName);
+          copilotkit.reloadSuggestions(resolvedAgentId);
         }
       }
     });
     return () => {
       subscription.unsubscribe();
     };
-  }, []);
+  }, [resolvedAgentId]);
   return result;
 }
 
@@ -3719,15 +3763,15 @@ function useConfigureSuggestions2(suggestions) {
 function useCopilotChatInternal({
   suggestions
 } = {}) {
-  var _a, _b, _c, _d;
-  const { copilotkit } = (0, import_react25.useCopilotKit)();
+  var _a, _b, _c;
+  const { copilotkit } = (0, import_react28.useCopilotKit)();
   const { threadId, agentSession } = useCopilotContext();
-  const existingConfig = (0, import_react25.useCopilotChatConfiguration)();
-  const [agentAvailable, setAgentAvailable] = (0, import_react24.useState)(false);
+  const existingConfig = (0, import_react28.useCopilotChatConfiguration)();
+  const [agentAvailable, setAgentAvailable] = (0, import_react27.useState)(false);
   useConfigureSuggestions2(suggestions);
-  const resolvedAgentId = (_b = (_a = agentSession == null ? void 0 : agentSession.agentName) != null ? _a : existingConfig == null ? void 0 : existingConfig.agentId) != null ? _b : "default";
-  const { agent } = (0, import_react25.useAgent)({ agentId: resolvedAgentId });
-  (0, import_react24.useEffect)(() => {
+  const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
+  const { agent } = (0, import_react28.useAgent)({ agentId: resolvedAgentId });
+  (0, import_react27.useEffect)(() => {
     const connect = (agent2) => __async(this, null, function* () {
       setAgentAvailable(false);
       try {
@@ -3752,7 +3796,7 @@ function useCopilotChatInternal({
     agent == null ? void 0 : agent.setMessages([]);
     agent == null ? void 0 : agent.setState(null);
   };
-  const deleteMessage = (0, import_react24.useCallback)(
+  const deleteMessage = (0, import_react27.useCallback)(
     (messageId) => {
       var _a2;
       const filteredMessages = ((_a2 = agent == null ? void 0 : agent.messages) != null ? _a2 : []).filter(
@@ -3763,13 +3807,13 @@ function useCopilotChatInternal({
     [agent == null ? void 0 : agent.setMessages, agent == null ? void 0 : agent.messages]
   );
   const latestDelete = useUpdatedRef(deleteMessage);
-  const latestDeleteFunc = (0, import_react24.useCallback)(
+  const latestDeleteFunc = (0, import_react27.useCallback)(
     (messageId) => {
       return latestDelete.current(messageId);
     },
     [latestDelete]
   );
-  const currentSuggestions = (0, import_react25.useSuggestions)({ agentId: resolvedAgentId });
+  const currentSuggestions = (0, import_react28.useSuggestions)({ agentId: resolvedAgentId });
   const reload = useAsyncCallback(
     (reloadMessageId) => __async(this, null, function* () {
       var _a2;
@@ -3837,7 +3881,7 @@ function useCopilotChatInternal({
     [latestSendMessageFunc]
   );
   const latestSetMessages = useUpdatedRef(agent == null ? void 0 : agent.setMessages);
-  const latestSetMessagesFunc = (0, import_react24.useCallback)(
+  const latestSetMessagesFunc = (0, import_react27.useCallback)(
     (messages) => {
       var _a2, _b2;
       if (messages.every((message) => message instanceof import_runtime_client_gql2.Message)) {
@@ -3855,24 +3899,24 @@ function useCopilotChatInternal({
     [latestReload]
   );
   const latestStop = useUpdatedRef(agent == null ? void 0 : agent.abortRun);
-  const latestStopFunc = (0, import_react24.useCallback)(() => {
+  const latestStopFunc = (0, import_react27.useCallback)(() => {
     var _a2;
     return (_a2 = latestStop.current) == null ? void 0 : _a2.call(latestStop);
   }, [latestStop]);
   const latestReset = useUpdatedRef(reset);
-  const latestResetFunc = (0, import_react24.useCallback)(() => {
+  const latestResetFunc = (0, import_react27.useCallback)(() => {
     return latestReset.current();
   }, [latestReset]);
   const lazyToolRendered = useLazyToolRenderer();
-  const renderCustomMessage = (0, import_react25.useRenderCustomMessages)();
+  const renderCustomMessage = (0, import_react28.useRenderCustomMessages)();
   const legacyCustomMessageRenderer = useLegacyCoagentRenderer({
     copilotkit,
     agent,
     agentId: resolvedAgentId,
-    threadId: (_c = existingConfig == null ? void 0 : existingConfig.threadId) != null ? _c : threadId
+    threadId: (_b = existingConfig == null ? void 0 : existingConfig.threadId) != null ? _b : threadId
   });
-  const allMessages = (_d = agent == null ? void 0 : agent.messages) != null ? _d : [];
-  const resolvedMessages = (0, import_react24.useMemo)(() => {
+  const allMessages = (_c = agent == null ? void 0 : agent.messages) != null ? _c : [];
+  const resolvedMessages = (0, import_react27.useMemo)(() => {
     let processedMessages = allMessages.map((message) => {
       if (message.role !== "assistant") {
         return message;
@@ -3900,31 +3944,13 @@ function useCopilotChatInternal({
       return message;
     });
     const hasAssistantMessages = processedMessages.some((msg) => msg.role === "assistant");
-    if (legacyCustomMessageRenderer && !hasAssistantMessages) {
-      const placeholderId = `coagent-state-render-${resolvedAgentId}`;
-      const placeholderMessage = {
-        id: placeholderId,
-        role: "assistant",
-        content: "",
-        name: "coagent-state-render"
-      };
-      processedMessages = [
-        ...processedMessages,
-        __spreadProps(__spreadValues({}, placeholderMessage), {
-          generativeUI: () => legacyCustomMessageRenderer({
-            message: placeholderMessage,
-            position: "before"
-          })
-        })
-      ];
-    }
     return processedMessages;
   }, [
     agent == null ? void 0 : agent.messages,
     lazyToolRendered,
     allMessages,
     renderCustomMessage,
-    legacyCustomMessageRenderer,
+    // legacyCustomMessageRenderer,
     resolvedAgentId
   ]);
   return {
@@ -3936,7 +3962,7 @@ function useCopilotChatInternal({
     stopGeneration: latestStopFunc,
     reset: latestResetFunc,
     deleteMessage: latestDeleteFunc,
-    isAvailable: !agentAvailable,
+    isAvailable: agentAvailable,
     isLoading: Boolean(agent == null ? void 0 : agent.isRunning),
     // mcpServers,
     // setMcpServers,
@@ -3953,8 +3979,8 @@ function useCopilotChatInternal({
   };
 }
 function useUpdatedRef(value) {
-  const ref = (0, import_react24.useRef)(value);
-  (0, import_react24.useEffect)(() => {
+  const ref = (0, import_react27.useRef)(value);
+  (0, import_react27.useEffect)(() => {
     ref.current = value;
   }, [value]);
   return ref;
@@ -3965,20 +3991,19 @@ function useLegacyCoagentRenderer({
   agentId,
   threadId
 }) {
-  return (0, import_react24.useMemo)(() => {
+  return (0, import_react27.useMemo)(() => {
     if (!copilotkit || !agent) {
       return null;
     }
     return ({ message, position }) => {
       var _a;
       const effectiveThreadId = (_a = threadId != null ? threadId : agent.threadId) != null ? _a : "default";
-      const existingRunId = copilotkit.getRunIdForMessage(
-        agentId,
-        effectiveThreadId,
-        message.id
-      );
+      const existingRunId = copilotkit.getRunIdForMessage(agentId, effectiveThreadId, message.id);
       const runId = existingRunId || `pending:${message.id}`;
-      const messageIndex = Math.max(agent.messages.findIndex((msg) => msg.id === message.id), 0);
+      const messageIndex = Math.max(
+        agent.messages.findIndex((msg) => msg.id === message.id),
+        0
+      );
       const bridgeProps = {
         message,
         position,
@@ -3989,7 +4014,7 @@ function useLegacyCoagentRenderer({
         agentId,
         stateSnapshot: message.state
       };
-      return (0, import_react24.createElement)(CoAgentStateRenderBridge, bridgeProps);
+      return (0, import_react27.createElement)(CoAgentStateRenderBridge, bridgeProps);
     };
   }, [agent, agentId, copilotkit, threadId]);
 }
@@ -4023,7 +4048,7 @@ function useCopilotChat(options = {}) {
 }
 
 // src/hooks/use-copilot-chat-headless_c.ts
-var import_react26 = require("react");
+var import_react29 = require("react");
 var import_shared15 = require("@copilotkit/shared");
 var createNonFunctionalReturn = () => ({
   visibleMessages: [],
@@ -4064,7 +4089,7 @@ function useCopilotChatHeadless_c(options = {}) {
   const { copilotApiConfig, setBannerError } = useCopilotContext();
   const hasPublicApiKey = Boolean(copilotApiConfig.publicApiKey);
   const internalResult = useCopilotChatInternal(options);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (!hasPublicApiKey) {
       setBannerError(
         new import_shared15.CopilotKitError({
@@ -4089,13 +4114,13 @@ function useCopilotChatHeadless_c(options = {}) {
 }
 
 // src/hooks/use-copilot-action.ts
-var import_react33 = require("react");
+var import_react36 = require("react");
 
 // src/hooks/use-frontend-tool.ts
-var import_react27 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 var import_shared16 = require("@copilotkit/shared");
 var import_shared17 = require("@copilotkit/shared");
-var import_react28 = require("@copilotkitnext/react");
+var import_react31 = require("@copilotkitnext/react");
 function useFrontendTool(tool, dependencies) {
   const { name, description, parameters, render, followUp } = tool;
   const zodParameters = (0, import_shared16.getZodParameters)(parameters);
@@ -4105,7 +4130,11 @@ function useFrontendTool(tool, dependencies) {
     }
     if (typeof render === "string") {
       const staticRender = render;
-      return () => import_react27.default.createElement(import_react27.default.Fragment, null, staticRender);
+      return () => import_react30.default.createElement(
+        import_react30.default.Fragment,
+        null,
+        staticRender
+      );
     }
     return (args) => {
       const renderArgs = __spreadProps(__spreadValues({}, args), {
@@ -4113,12 +4142,12 @@ function useFrontendTool(tool, dependencies) {
       });
       const rendered = render(renderArgs);
       if (typeof rendered === "string") {
-        return import_react27.default.createElement(import_react27.default.Fragment, null, rendered);
+        return import_react30.default.createElement(import_react30.default.Fragment, null, rendered);
       }
       return rendered != null ? rendered : null;
     };
   })();
-  (0, import_react28.useFrontendTool)({
+  (0, import_react31.useFrontendTool)({
     name,
     description,
     parameters: zodParameters,
@@ -4130,23 +4159,23 @@ function useFrontendTool(tool, dependencies) {
 
 // src/hooks/use-render-tool-call.ts
 var import_shared18 = require("@copilotkit/shared");
-var import_react29 = require("react");
-var import_react30 = require("@copilotkitnext/react");
+var import_react32 = require("react");
+var import_react33 = require("@copilotkitnext/react");
 var import_shared19 = require("@copilotkit/shared");
 function useRenderToolCall2(tool, dependencies) {
-  const { copilotkit } = (0, import_react30.useCopilotKit)();
-  const hasAddedRef = (0, import_react29.useRef)(false);
-  (0, import_react29.useEffect)(() => {
+  const { copilotkit } = (0, import_react33.useCopilotKit)();
+  const hasAddedRef = (0, import_react32.useRef)(false);
+  (0, import_react32.useEffect)(() => {
     const { name, parameters, render } = tool;
     const zodParameters = (0, import_shared18.getZodParameters)(parameters);
-    const renderToolCall = name === "*" ? (0, import_react30.defineToolCallRenderer)({
+    const renderToolCall = name === "*" ? (0, import_react33.defineToolCallRenderer)({
       name: "*",
       render: (args) => {
         return render(__spreadProps(__spreadValues({}, args), {
           result: args.result ? (0, import_shared19.parseJson)(args.result, args.result) : args.result
         }));
       }
-    }) : (0, import_react30.defineToolCallRenderer)({
+    }) : (0, import_react33.defineToolCallRenderer)({
       name,
       args: zodParameters,
       render: (args) => {
@@ -4175,18 +4204,18 @@ function useRenderToolCall2(tool, dependencies) {
 
 // src/hooks/use-human-in-the-loop.ts
 var import_shared20 = require("@copilotkit/shared");
-var import_react31 = require("@copilotkitnext/react");
+var import_react34 = require("@copilotkitnext/react");
 var import_core = require("@copilotkitnext/core");
-var import_react32 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 function useHumanInTheLoop(tool, dependencies) {
   const _a = tool, { render } = _a, toolRest = __objRest(_a, ["render"]);
   const { name, description, parameters, followUp } = toolRest;
   const zodParameters = (0, import_shared20.getZodParameters)(parameters);
-  const renderRef = (0, import_react32.useRef)(null);
-  (0, import_react32.useEffect)(() => {
+  const renderRef = (0, import_react35.useRef)(null);
+  (0, import_react35.useEffect)(() => {
     renderRef.current = (args) => {
       if (typeof render === "string") {
-        return import_react32.default.createElement(import_react32.default.Fragment, null, render);
+        return import_react35.default.createElement(import_react35.default.Fragment, null, render);
       }
       if (!render) {
         return null;
@@ -4226,12 +4255,12 @@ function useHumanInTheLoop(tool, dependencies) {
       })();
       const rendered = render(renderProps);
       if (typeof rendered === "string") {
-        return import_react32.default.createElement(import_react32.default.Fragment, null, rendered);
+        return import_react35.default.createElement(import_react35.default.Fragment, null, rendered);
       }
       return rendered != null ? rendered : null;
     };
   }, [render, ...dependencies != null ? dependencies : []]);
-  (0, import_react31.useHumanInTheLoop)({
+  (0, import_react34.useHumanInTheLoop)({
     name,
     description,
     followUp,
@@ -4287,7 +4316,7 @@ function getActionConfig(action) {
   throw new Error("Invalid action configuration");
 }
 function useCopilotAction(action, dependencies) {
-  const [initialActionConfig] = (0, import_react33.useState)(getActionConfig(action));
+  const [initialActionConfig] = (0, import_react36.useState)(getActionConfig(action));
   const currentActionConfig = getActionConfig(action);
   if (initialActionConfig.type !== currentActionConfig.type) {
     throw new Error("Action configuration changed between renders");
@@ -4305,14 +4334,14 @@ function useCopilotAction(action, dependencies) {
 }
 
 // src/hooks/use-coagent-state-render.ts
-var import_react34 = require("react");
+var import_react37 = require("react");
 var import_shared21 = require("@copilotkit/shared");
 function useCoAgentStateRender(action, dependencies) {
-  const { chatComponentsCache, availableAgents } = (0, import_react34.useContext)(CopilotContext);
+  const { chatComponentsCache, availableAgents } = (0, import_react37.useContext)(CopilotContext);
   const { setCoAgentStateRender, removeCoAgentStateRender, coAgentStateRenders } = useCoAgentStateRenders();
-  const idRef = (0, import_react34.useRef)((0, import_shared21.randomId)());
+  const idRef = (0, import_react37.useRef)((0, import_shared21.randomId)());
   const { setBannerError, addToast } = useToast();
-  (0, import_react34.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if ((availableAgents == null ? void 0 : availableAgents.length) && !availableAgents.some((a) => a.name === action.name)) {
       const message = `(useCoAgentStateRender): Agent "${action.name}" not found. Make sure the agent exists and is properly configured.`;
       const agentError = new import_shared21.CopilotKitAgentDiscoveryError({
@@ -4333,7 +4362,7 @@ function useCoAgentStateRender(action, dependencies) {
       }
     }
   }
-  (0, import_react34.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     const currentId = idRef.current;
     const hasDuplicate = Object.entries(coAgentStateRenders).some(([id, otherAction]) => {
       if (id === currentId)
@@ -4357,7 +4386,7 @@ function useCoAgentStateRender(action, dependencies) {
       });
     }
   }, [coAgentStateRenders]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     setCoAgentStateRender(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
       chatComponentsCache.current.coAgentStateRenders[key] = action.render;
@@ -4377,11 +4406,11 @@ function useCoAgentStateRender(action, dependencies) {
 }
 
 // src/hooks/use-make-copilot-document-readable.ts
-var import_react35 = require("react");
+var import_react38 = require("react");
 function useMakeCopilotDocumentReadable(document2, categories, dependencies = []) {
   const { addDocumentContext, removeDocumentContext } = useCopilotContext();
-  const idRef = (0, import_react35.useRef)(void 0);
-  (0, import_react35.useEffect)(() => {
+  const idRef = (0, import_react38.useRef)(void 0);
+  (0, import_react38.useEffect)(() => {
     const id = addDocumentContext(document2, categories);
     idRef.current = id;
     return () => {
@@ -4392,21 +4421,23 @@ function useMakeCopilotDocumentReadable(document2, categories, dependencies = []
 }
 
 // src/hooks/use-copilot-readable.ts
-var import_react36 = require("@copilotkitnext/react");
+var import_react39 = require("@copilotkitnext/react");
 function useCopilotReadable({ description, value }, dependencies) {
-  (0, import_react36.useAgentContext)({
+  (0, import_react39.useAgentContext)({
     description,
     value
   });
+  return;
 }
 
 // src/hooks/use-coagent.ts
-var import_react37 = require("react");
-var import_react38 = require("@copilotkitnext/react");
+var import_react40 = require("react");
+var import_react41 = require("@copilotkitnext/react");
 function useCoAgent(options) {
-  const { agent } = (0, import_react38.useAgent)({ agentId: options.name });
-  const nodeNameRef = (0, import_react37.useRef)("start");
-  const handleStateUpdate = (0, import_react37.useCallback)(
+  const { agent } = (0, import_react41.useAgent)({ agentId: options.name });
+  const { copilotkit } = (0, import_react41.useCopilotKit)();
+  const nodeName = useAgentNodeName(options.name);
+  const handleStateUpdate = (0, import_react40.useCallback)(
     (newState) => {
       if (!agent)
         return;
@@ -4419,22 +4450,34 @@ function useCoAgent(options) {
     },
     [agent == null ? void 0 : agent.state, agent == null ? void 0 : agent.setState]
   );
-  const externalStateStr = (0, import_react37.useMemo)(
+  (0, import_react40.useEffect)(() => {
+    var _a;
+    if (!options.config && !options.configurable)
+      return;
+    let config = (_a = options.config) != null ? _a : {};
+    if (options.configurable) {
+      config = __spreadProps(__spreadValues({}, config), {
+        configurable: __spreadValues(__spreadValues({}, options.configurable), config.configurable)
+      });
+    }
+    copilotkit.setProperties(config);
+  }, [options.config, options.configurable]);
+  const externalStateStr = (0, import_react40.useMemo)(
     () => isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0,
     [isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if ((agent == null ? void 0 : agent.state) && isExternalStateManagement(options) && JSON.stringify(options.state) !== JSON.stringify(agent.state)) {
       handleStateUpdate(options.state);
     }
   }, [agent, externalStateStr, handleStateUpdate]);
-  const hasStateValues = (0, import_react37.useCallback)((value) => {
+  const hasStateValues = (0, import_react40.useCallback)((value) => {
     return Boolean(value && Object.keys(value).length);
   }, []);
-  const initialStateRef = (0, import_react37.useRef)(
+  const initialStateRef = (0, import_react40.useRef)(
     isExternalStateManagement(options) ? options.state : "initialState" in options ? options.initialState : void 0
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (isExternalStateManagement(options)) {
       initialStateRef.current = options.state;
     } else if ("initialState" in options) {
@@ -4443,7 +4486,7 @@ function useCoAgent(options) {
   }, [
     isExternalStateManagement(options) ? JSON.stringify(options.state) : "initialState" in options ? JSON.stringify(options.initialState) : void 0
   ]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (!agent)
       return;
     const subscriber = {
@@ -4464,15 +4507,6 @@ function useCoAgent(options) {
         if (initialStateRef.current !== void 0) {
           handleStateUpdate(initialStateRef.current);
         }
-      },
-      onStepStartedEvent: ({ event }) => {
-        nodeNameRef.current = event.stepName;
-      },
-      onRunStartedEvent: () => {
-        nodeNameRef.current = "start";
-      },
-      onRunFinishedEvent: () => {
-        nodeNameRef.current = "end";
       }
     };
     const subscription = agent.subscribe(subscriber);
@@ -4480,7 +4514,7 @@ function useCoAgent(options) {
       subscription.unsubscribe();
     };
   }, [agent, handleStateUpdate, hasStateValues]);
-  return (0, import_react37.useMemo)(() => {
+  return (0, import_react40.useMemo)(() => {
     var _a, _b, _c;
     if (!agent) {
       const noop = () => {
@@ -4496,7 +4530,7 @@ function useCoAgent(options) {
       );
       return {
         name: options.name,
-        nodeName: nodeNameRef.current,
+        nodeName,
         threadId: void 0,
         running: false,
         state: initialState,
@@ -4508,7 +4542,7 @@ function useCoAgent(options) {
     }
     return {
       name: (_c = agent == null ? void 0 : agent.agentId) != null ? _c : options.name,
-      nodeName: nodeNameRef.current,
+      nodeName,
       threadId: agent.threadId,
       running: agent.isRunning,
       state: agent.state,
@@ -4536,12 +4570,12 @@ var isExternalStateManagement = (options) => {
 
 // src/hooks/use-copilot-runtime-client.ts
 var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
-var import_react39 = require("react");
+var import_react42 = require("react");
 var import_shared22 = require("@copilotkit/shared");
 var useCopilotRuntimeClient = (options) => {
   const { setBannerError } = useToast();
   const _a = options, { showDevConsole, onError } = _a, runtimeOptions = __objRest(_a, ["showDevConsole", "onError"]);
-  const lastStructuredErrorRef = (0, import_react39.useRef)(null);
+  const lastStructuredErrorRef = (0, import_react42.useRef)(null);
   const traceUIError = (error, originalError) => __async(void 0, null, function* () {
     try {
       const errorEvent = {
@@ -4567,7 +4601,7 @@ var useCopilotRuntimeClient = (options) => {
       console.error("Error in onError handler:", error2);
     }
   });
-  const runtimeClient = (0, import_react39.useMemo)(() => {
+  const runtimeClient = (0, import_react42.useMemo)(() => {
     return new import_runtime_client_gql3.CopilotRuntimeClient(__spreadProps(__spreadValues({}, runtimeOptions), {
       handleGQLErrors: (error) => {
         var _a2;
@@ -4646,28 +4680,28 @@ function createStructuredError(gqlError) {
 }
 
 // src/hooks/use-copilot-authenticated-action.ts
-var import_react40 = require("react");
-var import_react41 = __toESM(require("react"));
+var import_react43 = require("react");
+var import_react44 = __toESM(require("react"));
 function useCopilotAuthenticatedAction_c(action, dependencies) {
   const { authConfig_c, authStates_c, setAuthStates_c } = useCopilotContext();
-  const pendingActionRef = (0, import_react40.useRef)(null);
-  const executeAction = (0, import_react40.useCallback)(
+  const pendingActionRef = (0, import_react43.useRef)(null);
+  const executeAction = (0, import_react43.useCallback)(
     (props) => {
       if (typeof action.render === "function") {
         return action.render(props);
       }
-      return action.render || import_react41.default.createElement(import_react40.Fragment);
+      return action.render || import_react44.default.createElement(import_react43.Fragment);
     },
     [action]
   );
-  const wrappedRender = (0, import_react40.useCallback)(
+  const wrappedRender = (0, import_react43.useCallback)(
     (props) => {
       const isAuthenticated = Object.values(authStates_c || {}).some(
         (state) => state.status === "authenticated"
       );
       if (!isAuthenticated) {
         pendingActionRef.current = props;
-        return (authConfig_c == null ? void 0 : authConfig_c.SignInComponent) ? import_react41.default.createElement(authConfig_c.SignInComponent, {
+        return (authConfig_c == null ? void 0 : authConfig_c.SignInComponent) ? import_react44.default.createElement(authConfig_c.SignInComponent, {
           onSignInComplete: (authState) => {
             setAuthStates_c == null ? void 0 : setAuthStates_c((prev) => __spreadProps(__spreadValues({}, prev), { [action.name]: authState }));
             if (pendingActionRef.current) {
@@ -4675,7 +4709,7 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
               pendingActionRef.current = null;
             }
           }
-        }) : import_react41.default.createElement(import_react40.Fragment);
+        }) : import_react44.default.createElement(import_react43.Fragment);
       }
       return executeAction(props);
     },
@@ -4690,16 +4724,16 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
 }
 
 // src/hooks/use-langgraph-interrupt.ts
-var import_react42 = require("react");
+var import_react45 = require("react");
 var import_shared23 = require("@copilotkit/shared");
 function useLangGraphInterrupt(action, dependencies) {
-  const { setInterruptAction, removeInterruptAction, interruptActions, threadId } = (0, import_react42.useContext)(CopilotContext);
+  const { setInterruptAction, removeInterruptAction, interruptActions, threadId } = (0, import_react45.useContext)(CopilotContext);
   const { addToast } = useToast();
-  const actionId = (0, import_shared23.dataToUUID)(JSON.stringify(action), "lgAction");
-  (0, import_react42.useEffect)(() => {
+  const actionId = (0, import_shared23.dataToUUID)(action, "lgAction");
+  (0, import_react45.useEffect)(() => {
     if (!action)
       return;
-    setInterruptAction(threadId, __spreadProps(__spreadValues({}, action), { id: actionId }));
+    setInterruptAction(__spreadProps(__spreadValues({}, action), { id: actionId }));
     return () => {
       removeInterruptAction(actionId);
     };
@@ -4707,10 +4741,10 @@ function useLangGraphInterrupt(action, dependencies) {
 }
 
 // src/hooks/use-copilot-additional-instructions.ts
-var import_react43 = require("react");
+var import_react46 = require("react");
 function useCopilotAdditionalInstructions({ instructions, available = "enabled" }, dependencies) {
   const { setAdditionalInstructions } = useCopilotContext();
-  (0, import_react43.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (available === "disabled")
       return;
     setAdditionalInstructions((prevInstructions) => [...prevInstructions || [], instructions]);