@copilotkit/react-core 1.10.7-next.0 → 1.50.0-beta.0

package/dist/components/copilot-provider/copilotkit.js

@@ -85,7 +85,8 @@ __export(copilotkit_exports, {
   defaultCopilotContextCategories: () => defaultCopilotContextCategories
 });
 module.exports = __toCommonJS(copilotkit_exports);
-var import_react11 = require("react");
+var import_react16 = require("react");
+var import_react17 = require("@copilotkitnext/react");
 
 // src/context/copilot-context.tsx
 var import_react = __toESM(require("react"));
@@ -95,10 +96,8 @@ var emptyCopilotContext = {
   },
   removeAction: () => {
   },
-  coAgentStateRenders: {},
-  setCoAgentStateRender: () => {
-  },
-  removeCoAgentStateRender: () => {
+  setRegisteredActions: () => "",
+  removeRegisteredAction: () => {
   },
   chatComponentsCache: { current: { actions: {}, coAgentStateRenders: {} } },
   getContextString: (documents, categories) => returnAndThrowInDebug(""),
@@ -118,7 +117,6 @@ var emptyCopilotContext = {
   addDocumentContext: () => returnAndThrowInDebug(""),
   removeDocumentContext: () => {
   },
-  runtimeClient: {},
   copilotApiConfig: new class {
     get chatApiEndpoint() {
       throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
@@ -158,10 +156,15 @@ var emptyCopilotContext = {
   extensions: {},
   setExtensions: () => {
   },
-  langGraphInterruptAction: null,
-  setLangGraphInterruptAction: () => {
+  interruptActions: {},
+  setInterruptAction: () => {
+  },
+  removeInterruptAction: () => {
+  },
+  interruptEventQueue: {},
+  addInterruptEvent: () => {
   },
-  removeLangGraphInterruptAction: () => {
+  removeInterruptEvent: () => {
   },
   onError: () => {
   },
@@ -322,13 +325,16 @@ function setsHaveIntersection(setA, setB) {
 
 // src/components/copilot-provider/copilotkit.tsx
 var import_react_dom = require("react-dom");
-var import_shared10 = require("@copilotkit/shared");
+var import_shared13 = require("@copilotkit/shared");
 
 // src/hooks/use-flat-category-store.ts
 var import_react3 = require("react");
 var import_shared2 = require("@copilotkit/shared");
 var useFlatCategoryStore = () => {
-  const [elements, dispatch] = (0, import_react3.useReducer)(flatCategoryStoreReducer, /* @__PURE__ */ new Map());
+  const [elements, dispatch] = (0, import_react3.useReducer)(
+    flatCategoryStoreReducer,
+    /* @__PURE__ */ new Map()
+  );
   const addElement = (0, import_react3.useCallback)((value, categories) => {
     const newId = (0, import_shared2.randomId)();
     dispatch({
@@ -413,9 +419,6 @@ function useCopilotMessagesContext() {
   return context;
 }
 
-// src/components/copilot-provider/copilot-messages.tsx
-var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
-
 // src/components/toast/toast-provider.tsx
 var import_react5 = require("react");
 var import_shared3 = require("@copilotkit/shared");
@@ -751,11 +754,11 @@ function MessagesTapProvider({ children }) {
 }
 function CopilotMessages({ children }) {
   const [messages, setMessages] = (0, import_react6.useState)([]);
-  const lastLoadedThreadId = (0, import_react6.useRef)();
-  const lastLoadedAgentName = (0, import_react6.useRef)();
-  const lastLoadedMessages = (0, import_react6.useRef)();
+  const lastLoadedThreadId = (0, import_react6.useRef)(void 0);
+  const lastLoadedAgentName = (0, import_react6.useRef)(void 0);
+  const lastLoadedMessages = (0, import_react6.useRef)(void 0);
   const { updateTapMessages } = useMessagesTap();
-  const { threadId, agentSession, runtimeClient, showDevConsole, onError, copilotApiConfig } = useCopilotContext();
+  const { threadId, agentSession, showDevConsole, onError, copilotApiConfig } = useCopilotContext();
   const { setBannerError } = useToast();
   const traceUIError = (0, import_react6.useCallback)(
     (error, originalError) => __async(this, null, function* () {
@@ -787,7 +790,7 @@ function CopilotMessages({ children }) {
     }),
     [onError, copilotApiConfig.publicApiKey, copilotApiConfig.chatApiEndpoint]
   );
-  const createStructuredError2 = (gqlError) => {
+  const createStructuredError = (gqlError) => {
     const extensions = gqlError.extensions;
     const originalError = extensions == null ? void 0 : extensions.originalError;
     if (originalError == null ? void 0 : originalError.stack) {
@@ -828,7 +831,7 @@ function CopilotMessages({ children }) {
             console.error("CopilotKit Silent Error:", gqlError.message);
             return;
           }
-          const ckError = createStructuredError2(gqlError);
+          const ckError = createStructuredError(gqlError);
           if (ckError) {
             setBannerError(ckError);
             traceUIError(ckError, gqlError);
@@ -858,39 +861,6 @@ function CopilotMessages({ children }) {
     },
     [setBannerError, showDevConsole, traceUIError]
   );
-  (0, import_react6.useEffect)(() => {
-    if (!threadId || threadId === lastLoadedThreadId.current)
-      return;
-    if (threadId === lastLoadedThreadId.current && (agentSession == null ? void 0 : agentSession.agentName) === lastLoadedAgentName.current) {
-      return;
-    }
-    const fetchMessages = () => __async(this, null, function* () {
-      var _a, _b, _c;
-      if (!(agentSession == null ? void 0 : agentSession.agentName))
-        return;
-      const result = yield runtimeClient.loadAgentState({
-        threadId,
-        agentName: agentSession == null ? void 0 : agentSession.agentName
-      });
-      if (result.error) {
-        lastLoadedThreadId.current = threadId;
-        lastLoadedAgentName.current = agentSession == null ? void 0 : agentSession.agentName;
-        handleGraphQLErrors(result.error);
-        return;
-      }
-      const newMessages = (_b = (_a = result.data) == null ? void 0 : _a.loadAgentState) == null ? void 0 : _b.messages;
-      if (newMessages === lastLoadedMessages.current)
-        return;
-      if ((_c = result.data) == null ? void 0 : _c.loadAgentState) {
-        lastLoadedMessages.current = newMessages;
-        lastLoadedThreadId.current = threadId;
-        lastLoadedAgentName.current = agentSession == null ? void 0 : agentSession.agentName;
-        const messages2 = (0, import_runtime_client_gql.loadMessagesFromJsonRepresentation)(JSON.parse(newMessages || "[]"));
-        setMessages(messages2);
-      }
-    });
-    void fetchMessages();
-  }, [threadId, agentSession == null ? void 0 : agentSession.agentName]);
   (0, import_react6.useEffect)(() => {
     updateTapMessages(messages);
   }, [messages, updateTapMessages]);
@@ -1111,123 +1081,12 @@ var getErrorActions = (error) => {
   }
 };
 
-// src/hooks/use-copilot-runtime-client.ts
-var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
-var import_react7 = require("react");
-var import_shared6 = require("@copilotkit/shared");
-var useCopilotRuntimeClient = (options) => {
-  const { setBannerError } = useToast();
-  const _a = options, { showDevConsole, onError } = _a, runtimeOptions = __objRest(_a, ["showDevConsole", "onError"]);
-  const lastStructuredErrorRef = (0, import_react7.useRef)(null);
-  const traceUIError = (error, originalError) => __async(void 0, null, function* () {
-    try {
-      const errorEvent = {
-        type: "error",
-        timestamp: Date.now(),
-        context: {
-          source: "ui",
-          request: {
-            operation: "runtimeClient",
-            url: runtimeOptions.url,
-            startTime: Date.now()
-          },
-          technical: {
-            environment: "browser",
-            userAgent: typeof navigator !== "undefined" ? navigator.userAgent : void 0,
-            stackTrace: originalError instanceof Error ? originalError.stack : void 0
-          }
-        },
-        error
-      };
-      yield onError(errorEvent);
-    } catch (error2) {
-      console.error("Error in onError handler:", error2);
-    }
-  });
-  const runtimeClient = (0, import_react7.useMemo)(() => {
-    return new import_runtime_client_gql2.CopilotRuntimeClient(__spreadProps(__spreadValues({}, runtimeOptions), {
-      handleGQLErrors: (error) => {
-        var _a2;
-        if ((_a2 = error.graphQLErrors) == null ? void 0 : _a2.length) {
-          const graphQLErrors = error.graphQLErrors;
-          const routeError = (gqlError) => {
-            const extensions = gqlError.extensions;
-            const visibility = extensions == null ? void 0 : extensions.visibility;
-            if (visibility === import_shared6.ErrorVisibility.SILENT) {
-              console.error("CopilotKit Silent Error:", gqlError.message);
-              return;
-            }
-            const now = Date.now();
-            const errorMessage = gqlError.message;
-            if (lastStructuredErrorRef.current && lastStructuredErrorRef.current.message === errorMessage && now - lastStructuredErrorRef.current.timestamp < 150) {
-              return;
-            }
-            lastStructuredErrorRef.current = { message: errorMessage, timestamp: now };
-            const ckError = createStructuredError(gqlError);
-            if (ckError) {
-              setBannerError(ckError);
-              traceUIError(ckError, gqlError);
-            } else {
-              const fallbackError = new import_shared6.CopilotKitError({
-                message: gqlError.message,
-                code: import_shared6.CopilotKitErrorCode.UNKNOWN
-              });
-              setBannerError(fallbackError);
-              traceUIError(fallbackError, gqlError);
-            }
-          };
-          graphQLErrors.forEach(routeError);
-        } else {
-          const fallbackError = new import_shared6.CopilotKitError({
-            message: (error == null ? void 0 : error.message) || String(error),
-            code: import_shared6.CopilotKitErrorCode.UNKNOWN
-          });
-          setBannerError(fallbackError);
-          traceUIError(fallbackError, error);
-        }
-      },
-      handleGQLWarning: (message) => {
-        console.warn(message);
-        const warningError = new import_shared6.CopilotKitError({
-          message,
-          code: import_shared6.CopilotKitErrorCode.UNKNOWN
-        });
-        setBannerError(warningError);
-      }
-    }));
-  }, [runtimeOptions, setBannerError, onError]);
-  return runtimeClient;
-};
-function createStructuredError(gqlError) {
-  var _a, _b, _c;
-  const extensions = gqlError.extensions;
-  const originalError = extensions == null ? void 0 : extensions.originalError;
-  const message = (originalError == null ? void 0 : originalError.message) || gqlError.message;
-  const code = extensions == null ? void 0 : extensions.code;
-  if (code) {
-    return new import_shared6.CopilotKitError({ message, code });
-  }
-  if ((_a = originalError == null ? void 0 : originalError.stack) == null ? void 0 : _a.includes("CopilotApiDiscoveryError")) {
-    return new import_shared6.CopilotKitApiDiscoveryError({ message });
-  }
-  if ((_b = originalError == null ? void 0 : originalError.stack) == null ? void 0 : _b.includes("CopilotKitRemoteEndpointDiscoveryError")) {
-    return new import_shared6.CopilotKitRemoteEndpointDiscoveryError({ message });
-  }
-  if ((_c = originalError == null ? void 0 : originalError.stack) == null ? void 0 : _c.includes("CopilotKitAgentDiscoveryError")) {
-    return new import_shared6.CopilotKitAgentDiscoveryError({
-      agentName: "",
-      availableAgents: []
-    });
-  }
-  return null;
-}
-
 // src/components/error-boundary/error-boundary.tsx
-var import_react8 = __toESM(require("react"));
-var import_shared8 = require("@copilotkit/shared");
+var import_react7 = __toESM(require("react"));
+var import_shared7 = require("@copilotkit/shared");
 
 // src/lib/status-checker.ts
-var import_shared7 = require("@copilotkit/shared");
+var import_shared6 = require("@copilotkit/shared");
 var STATUS_CHECK_INTERVAL = 1e3 * 60 * 5;
 var StatusChecker = class {
   constructor() {
@@ -1245,10 +1104,10 @@ var StatusChecker = class {
         clearInterval(this.intervalId);
       const checkStatus = () => __async(this, null, function* () {
         try {
-          const response = yield fetch(`${import_shared7.COPILOT_CLOUD_API_URL}/ciu`, {
+          const response = yield fetch(`${import_shared6.COPILOT_CLOUD_API_URL}/ciu`, {
             method: "GET",
             headers: {
-              [import_shared7.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey
+              [import_shared6.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey
             }
           }).then((response2) => response2.json());
           this.lastResponse = response;
@@ -1283,7 +1142,7 @@ var StatusChecker = class {
 // src/components/error-boundary/error-boundary.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var statusChecker = new StatusChecker();
-var CopilotErrorBoundary = class extends import_react8.default.Component {
+var CopilotErrorBoundary = class extends import_react7.default.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -1315,7 +1174,7 @@ var CopilotErrorBoundary = class extends import_react8.default.Component {
   render() {
     var _a, _b, _c, _d;
     if (this.state.hasError) {
-      if (this.state.error instanceof import_shared8.CopilotKitError) {
+      if (this.state.error instanceof import_shared7.CopilotKitError) {
         return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
           this.props.children,
           this.props.showUsageBanner && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -1335,7 +1194,7 @@ var CopilotErrorBoundary = class extends import_react8.default.Component {
 };
 
 // src/components/dev-console/console-trigger.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 
 // src/components/dev-console/icons.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -1398,14 +1257,14 @@ var CopilotKitIcon = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
 );
 
 // src/components/dev-console/developer-console-modal.tsx
-var import_shared9 = require("@copilotkit/shared");
-var import_react9 = require("react");
+var import_shared8 = require("@copilotkit/shared");
+var import_react8 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
   const context = useCopilotContext();
   const messagesContext = useCopilotMessagesContext();
-  const [activeTab, setActiveTab] = (0, import_react9.useState)("actions");
-  (0, import_react9.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react8.useState)("actions");
+  (0, import_react8.useEffect)(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -1570,7 +1429,7 @@ function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
                         },
                         children: [
                           "v",
-                          import_shared9.COPILOTKIT_VERSION
+                          import_shared8.COPILOTKIT_VERSION
                         ]
                       }
                     )
@@ -2146,15 +2005,15 @@ var INSPECTOR_HIDE_KEY = "cpk:inspector:hidden";
 function ConsoleTrigger({ position = "bottom-right" }) {
   const context = useCopilotContext();
   const hasApiKey = Boolean(context.copilotApiConfig.publicApiKey);
-  const [isModalOpen, setIsModalOpen] = (0, import_react10.useState)(false);
-  const [isHovered, setIsHovered] = (0, import_react10.useState)(false);
-  const [isDragging, setIsDragging] = (0, import_react10.useState)(false);
-  const [buttonPosition, setButtonPosition] = (0, import_react10.useState)(null);
-  const [mounted, setMounted] = (0, import_react10.useState)(false);
-  const [isHidden, setIsHidden] = (0, import_react10.useState)(false);
-  const dragRef = (0, import_react10.useRef)(null);
-  const buttonRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const [isModalOpen, setIsModalOpen] = (0, import_react9.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react9.useState)(false);
+  const [isDragging, setIsDragging] = (0, import_react9.useState)(false);
+  const [buttonPosition, setButtonPosition] = (0, import_react9.useState)(null);
+  const [mounted, setMounted] = (0, import_react9.useState)(false);
+  const [isHidden, setIsHidden] = (0, import_react9.useState)(false);
+  const dragRef = (0, import_react9.useRef)(null);
+  const buttonRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     setMounted(true);
     try {
       const hidden = typeof window !== "undefined" ? localStorage.getItem(INSPECTOR_HIDE_KEY) : null;
@@ -2185,7 +2044,7 @@ function ConsoleTrigger({ position = "bottom-right" }) {
     };
     setIsDragging(true);
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!isDragging)
       return;
     const handleMouseMove = (e) => {
@@ -2356,66 +2215,343 @@ function ConsoleTrigger({ position = "bottom-right" }) {
   ] });
 }
 
-// src/components/copilot-provider/copilotkit.tsx
+// src/context/coagent-state-renders-context.tsx
+var import_react10 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var CoAgentStateRendersContext = (0, import_react10.createContext)(
+  void 0
+);
+function CoAgentStateRendersProvider({ children }) {
+  const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react10.useState)({});
+  const setCoAgentStateRender = (0, import_react10.useCallback)((id, stateRender) => {
+    setCoAgentStateRenders((prevPoints) => __spreadProps(__spreadValues({}, prevPoints), {
+      [id]: stateRender
+    }));
+  }, []);
+  const removeCoAgentStateRender = (0, import_react10.useCallback)((id) => {
+    setCoAgentStateRenders((prevPoints) => {
+      const newPoints = __spreadValues({}, prevPoints);
+      delete newPoints[id];
+      return newPoints;
+    });
+  }, []);
+  const claimsRef = (0, import_react10.useRef)({});
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    CoAgentStateRendersContext.Provider,
+    {
+      value: {
+        coAgentStateRenders,
+        setCoAgentStateRender,
+        removeCoAgentStateRender,
+        claimsRef
+      },
+      children
+    }
+  );
+}
+function useCoAgentStateRenders() {
+  const context = (0, import_react10.useContext)(CoAgentStateRendersContext);
+  if (!context) {
+    throw new Error("useCoAgentStateRenders must be used within CoAgentStateRendersProvider");
+  }
+  return context;
+}
+
+// src/hooks/use-coagent-state-render-bridge.tsx
+var import_react12 = require("@copilotkitnext/react");
+var import_react13 = require("react");
+
+// src/context/threads-context.tsx
+var import_react11 = require("react");
+var import_shared9 = require("@copilotkit/shared");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ThreadsContext = (0, import_react11.createContext)(void 0);
+function ThreadsProvider({ children, threadId: explicitThreadId }) {
+  const [internalThreadId, setThreadId] = (0, import_react11.useState)(explicitThreadId != null ? explicitThreadId : (0, import_shared9.randomUUID)());
+  const threadId = internalThreadId;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    ThreadsContext.Provider,
+    {
+      value: {
+        threadId,
+        setThreadId
+      },
+      children
+    }
+  );
+}
+function useThreads() {
+  const context = (0, import_react11.useContext)(ThreadsContext);
+  if (!context) {
+    throw new Error("useThreads must be used within ThreadsProvider");
+  }
+  return context;
+}
+
+// src/hooks/use-coagent-state-render-bridge.tsx
+var import_shared10 = require("@copilotkit/shared");
+function getStateWithoutConstantKeys(state) {
+  const _a = state, { messages, tools, copilotkit } = _a, stateWithoutConstantKeys = __objRest(_a, ["messages", "tools", "copilotkit"]);
+  return stateWithoutConstantKeys;
+}
+function areStatesEquals(a, b) {
+  if (a && !b || !a && b)
+    return false;
+  const _a = a, { messages, tools, copilotkit } = _a, aWithoutConstantKeys = __objRest(_a, ["messages", "tools", "copilotkit"]);
+  const _b = b, {
+    messages: bMessages,
+    tools: bTools,
+    copilotkit: bCopilotkit
+  } = _b, bWithoutConstantKeys = __objRest(_b, [
+    "messages",
+    "tools",
+    "copilotkit"
+  ]);
+  return JSON.stringify(aWithoutConstantKeys) === JSON.stringify(bWithoutConstantKeys);
+}
+function useCoagentStateRenderBridge(agentId, props) {
+  var _a;
+  const { stateSnapshot, messageIndexInRun, message } = props;
+  const { coAgentStateRenders, claimsRef } = useCoAgentStateRenders();
+  const { agent } = (0, import_react12.useAgent)({ agentId });
+  const [nodeName, setNodeName] = (0, import_react13.useState)(void 0);
+  const runId = (_a = props.runId) != null ? _a : message.runId;
+  const effectiveRunId = runId || "pending";
+  (0, import_react13.useEffect)(() => {
+    if (!agent)
+      return;
+    const subscriber = {
+      onStepStartedEvent: ({ event }) => {
+        if (event.stepName !== nodeName) {
+          setNodeName(event.stepName);
+        }
+      },
+      onStepFinishedEvent: ({ event }) => {
+        if (event.stepName === nodeName) {
+          setNodeName(void 0);
+        }
+      }
+    };
+    const { unsubscribe } = agent.subscribe(subscriber);
+    return () => {
+      unsubscribe();
+    };
+  }, [agentId, nodeName]);
+  if (messageIndexInRun !== 0) {
+    return null;
+  }
+  const getStateRender = (0, import_react13.useCallback)(
+    (messageId) => {
+      return Object.entries(coAgentStateRenders).find(([stateRenderId, stateRender]) => {
+        if (claimsRef.current[messageId]) {
+          return stateRenderId === claimsRef.current[messageId].stateRenderId;
+        }
+        const matchingAgentName = stateRender.name === agentId;
+        const matchesNodeContext = stateRender.nodeName ? stateRender.nodeName === nodeName : true;
+        return matchingAgentName && matchesNodeContext;
+      });
+    },
+    [coAgentStateRenders, nodeName, agentId]
+  );
+  const handleRenderRequest = ({
+    stateRenderId,
+    messageId,
+    runId: runId2,
+    stateSnapshot: renderSnapshot
+  }) => {
+    if (claimsRef.current[messageId]) {
+      const canRender = claimsRef.current[messageId].stateRenderId === stateRenderId;
+      if (canRender && runId2 && (!claimsRef.current[messageId].runId || claimsRef.current[messageId].runId === "pending")) {
+        claimsRef.current[messageId].runId = runId2;
+      }
+      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)))
+    );
+    if (renderClaimedByOtherMessage) {
+      if (renderSnapshot && renderClaimedByOtherMessage.stateSnapshot && !areStatesEquals(renderClaimedByOtherMessage.stateSnapshot, renderSnapshot)) {
+        claimsRef.current[messageId] = { stateRenderId, runId: runId2 };
+        return true;
+      }
+      return false;
+    }
+    if (!runId2) {
+      return false;
+    }
+    claimsRef.current[messageId] = { stateRenderId, runId: runId2 };
+    return true;
+  };
+  return (0, import_react13.useMemo)(() => {
+    var _a2, _b, _c;
+    const [stateRenderId, stateRender] = (_a2 = getStateRender(message.id)) != null ? _a2 : [];
+    if (!stateRender || !stateRenderId) {
+      return null;
+    }
+    const snapshot = stateSnapshot ? (0, import_shared10.parseJson)(stateSnapshot, stateSnapshot) : agent == null ? void 0 : agent.state;
+    const canRender = handleRenderRequest({
+      stateRenderId,
+      messageId: message.id,
+      runId: effectiveRunId,
+      stateSnapshot: snapshot
+    });
+    if (!canRender) {
+      return null;
+    }
+    if (snapshot && !claimsRef.current[message.id].locked) {
+      if (stateSnapshot) {
+        claimsRef.current[message.id].stateSnapshot = snapshot;
+        claimsRef.current[message.id].locked = true;
+      } else {
+        claimsRef.current[message.id].stateSnapshot = snapshot;
+      }
+    }
+    if (stateRender.handler) {
+      stateRender.handler({
+        state: stateSnapshot ? (0, import_shared10.parseJson)(stateSnapshot, stateSnapshot) : (_b = agent == null ? void 0 : agent.state) != null ? _b : {},
+        nodeName: nodeName != null ? nodeName : ""
+      });
+    }
+    if (stateRender.render) {
+      const status = (agent == null ? void 0 : agent.isRunning) ? "inProgress" : "complete";
+      if (typeof stateRender.render === "string")
+        return stateRender.render;
+      return stateRender.render({
+        status,
+        // Always use state from claim, to make sure the state does not seem "wiped" for a fraction of a second
+        state: (_c = claimsRef.current[message.id].stateSnapshot) != null ? _c : {},
+        nodeName: nodeName != null ? nodeName : ""
+      });
+    }
+  }, [
+    getStateRender,
+    stateSnapshot,
+    agent == null ? void 0 : agent.state,
+    agent == null ? void 0 : agent.isRunning,
+    nodeName,
+    effectiveRunId,
+    message.id
+  ]);
+}
+function CoAgentStateRenderBridge(props) {
+  return useCoagentStateRenderBridge(props.agentId, props);
+}
+
+// src/components/CopilotListeners.tsx
+var import_react14 = require("react");
+var import_react15 = require("@copilotkitnext/react");
+var import_shared11 = require("@copilotkit/shared");
+var import_shared12 = require("@copilotkit/shared");
+var usePredictStateSubscription = (agent) => {
+  const predictStateToolsRef = (0, import_react14.useRef)([]);
+  const getSubscriber = (0, import_react14.useCallback)(
+    (agent2) => ({
+      onCustomEvent: ({ event }) => {
+        if (event.name === "PredictState") {
+          predictStateToolsRef.current = event.value;
+        }
+      },
+      onToolCallArgsEvent: ({ partialToolCallArgs, toolCallName }) => {
+        predictStateToolsRef.current.forEach((t) => {
+          if ((t == null ? void 0 : t.tool) !== toolCallName)
+            return;
+          const emittedState = typeof partialToolCallArgs === "string" ? (0, import_shared11.parseJson)(partialToolCallArgs, partialToolCallArgs) : partialToolCallArgs;
+          agent2.setState({
+            [t.state_key]: emittedState[t.state_key]
+          });
+        });
+      }
+    }),
+    []
+  );
+  (0, import_react14.useEffect)(() => {
+    if (!agent)
+      return;
+    const subscriber = getSubscriber(agent);
+    const { unsubscribe } = agent.subscribe(subscriber);
+    return () => {
+      unsubscribe();
+    };
+  }, [agent, getSubscriber]);
+};
+function CopilotListeners() {
+  var _a, _b;
+  const { copilotkit } = (0, import_react15.useCopilotKit)();
+  const { agentSession } = useCopilotContext();
+  const existingConfig = (0, import_react15.useCopilotChatConfiguration)();
+  const resolvedAgentId = (_b = (_a = agentSession == null ? void 0 : agentSession.agentName) != null ? _a : existingConfig == null ? void 0 : existingConfig.agentId) != null ? _b : "default";
+  const { setBannerError } = useToast();
+  const { agent } = (0, import_react15.useAgent)({ agentId: resolvedAgentId });
+  usePredictStateSubscription(agent);
+  (0, import_react14.useEffect)(() => {
+    const subscriber = {
+      onError: ({ error }) => {
+        setBannerError(new import_shared12.CopilotKitLowLevelError({ error, message: error.message }));
+      }
+    };
+    const subscription = copilotkit.subscribe(subscriber);
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [copilotkit == null ? void 0 : copilotkit.subscribe]);
+  return null;
+}
+
+// src/components/copilot-provider/copilotkit.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function CopilotKit(_a) {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
   const enabled = shouldShowDevConsole(props.showDevConsole);
   const publicApiKey = props.publicApiKey || props.publicLicenseKey;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CopilotErrorBoundary, { publicApiKey, showUsageBanner: enabled, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children })) }) });
+  const renderArr = (0, import_react16.useMemo)(() => [{ render: CoAgentStateRenderBridge }], []);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CopilotErrorBoundary, { publicApiKey, showUsageBanner: enabled, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ThreadsProvider, { threadId: props.threadId, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react17.CopilotKitProvider,
+    {
+      runtimeUrl: props.runtimeUrl,
+      renderCustomMessages: renderArr,
+      useSingleEndpoint: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children }))
+    }
+  ) }) }) });
 }
 function CopilotKitInternal(cpkProps) {
   var _b;
   const _a = cpkProps, { children } = _a, props = __objRest(_a, ["children"]);
   validateProps(cpkProps);
   const publicApiKey = props.publicLicenseKey || props.publicApiKey;
-  const chatApiEndpoint = props.runtimeUrl || import_shared10.COPILOT_CLOUD_CHAT_URL;
-  const [actions, setActions] = (0, import_react11.useState)({});
-  const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react11.useState)({});
-  const chatComponentsCache = (0, import_react11.useRef)({
+  const chatApiEndpoint = props.runtimeUrl || import_shared13.COPILOT_CLOUD_CHAT_URL;
+  const [actions, setActions] = (0, import_react16.useState)({});
+  const [registeredActionConfigs, setRegisteredActionConfigs] = (0, import_react16.useState)(/* @__PURE__ */ new Map());
+  const chatComponentsCache = (0, import_react16.useRef)({
     actions: {},
     coAgentStateRenders: {}
   });
   const { addElement, removeElement, printTree, getAllElements } = use_tree_default();
-  const [isLoading, setIsLoading] = (0, import_react11.useState)(false);
-  const [chatInstructions, setChatInstructions] = (0, import_react11.useState)("");
-  const [authStates, setAuthStates] = (0, import_react11.useState)({});
-  const [extensions, setExtensions] = (0, import_react11.useState)({});
-  const [additionalInstructions, setAdditionalInstructions] = (0, import_react11.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react16.useState)(false);
+  const [chatInstructions, setChatInstructions] = (0, import_react16.useState)("");
+  const [authStates, setAuthStates] = (0, import_react16.useState)({});
+  const [extensions, setExtensions] = (0, import_react16.useState)({});
+  const [additionalInstructions, setAdditionalInstructions] = (0, import_react16.useState)([]);
   const {
     addElement: addDocument,
     removeElement: removeDocument,
     allElements: allDocuments
   } = use_flat_category_store_default();
-  const setAction = (0, import_react11.useCallback)((id, action) => {
+  const setAction = (0, import_react16.useCallback)((id, action) => {
     setActions((prevPoints) => {
       return __spreadProps(__spreadValues({}, prevPoints), {
         [id]: action
       });
     });
   }, []);
-  const removeAction = (0, import_react11.useCallback)((id) => {
+  const removeAction = (0, import_react16.useCallback)((id) => {
     setActions((prevPoints) => {
       const newPoints = __spreadValues({}, prevPoints);
       delete newPoints[id];
       return newPoints;
     });
   }, []);
-  const setCoAgentStateRender = (0, import_react11.useCallback)((id, stateRender) => {
-    setCoAgentStateRenders((prevPoints) => {
-      return __spreadProps(__spreadValues({}, prevPoints), {
-        [id]: stateRender
-      });
-    });
-  }, []);
-  const removeCoAgentStateRender = (0, import_react11.useCallback)((id) => {
-    setCoAgentStateRenders((prevPoints) => {
-      const newPoints = __spreadValues({}, prevPoints);
-      delete newPoints[id];
-      return newPoints;
-    });
-  }, []);
-  const getContextString = (0, import_react11.useCallback)(
+  const getContextString = (0, import_react16.useCallback)(
     (documents, categories) => {
       const documentsString = documents.map((document2) => {
         return `${document2.name} (${document2.sourceApplication}):
@@ -2428,46 +2564,46 @@ ${nonDocumentStrings}`;
     },
     [printTree]
   );
-  const addContext = (0, import_react11.useCallback)(
+  const addContext = (0, import_react16.useCallback)(
     (context, parentId, categories = defaultCopilotContextCategories) => {
       return addElement(context, categories, parentId);
     },
     [addElement]
   );
-  const removeContext = (0, import_react11.useCallback)(
+  const removeContext = (0, import_react16.useCallback)(
     (id) => {
       removeElement(id);
     },
     [removeElement]
   );
-  const getAllContext = (0, import_react11.useCallback)(() => {
+  const getAllContext = (0, import_react16.useCallback)(() => {
     return getAllElements();
   }, [getAllElements]);
-  const getFunctionCallHandler = (0, import_react11.useCallback)(
+  const getFunctionCallHandler = (0, import_react16.useCallback)(
     (customEntryPoints) => {
       return entryPointsToFunctionCallHandler(Object.values(customEntryPoints || actions));
     },
     [actions]
   );
-  const getDocumentsContext = (0, import_react11.useCallback)(
+  const getDocumentsContext = (0, import_react16.useCallback)(
     (categories) => {
       return allDocuments(categories);
     },
     [allDocuments]
   );
-  const addDocumentContext = (0, import_react11.useCallback)(
+  const addDocumentContext = (0, import_react16.useCallback)(
     (documentPointer, categories = defaultCopilotContextCategories) => {
       return addDocument(documentPointer, categories);
     },
     [addDocument]
   );
-  const removeDocumentContext = (0, import_react11.useCallback)(
+  const removeDocumentContext = (0, import_react16.useCallback)(
     (documentId) => {
       removeDocument(documentId);
     },
     [removeDocument]
   );
-  const copilotApiConfig = (0, import_react11.useMemo)(() => {
+  const copilotApiConfig = (0, import_react16.useMemo)(() => {
     var _a2, _b2;
     let cloud = void 0;
     if (publicApiKey) {
@@ -2503,7 +2639,7 @@ ${nonDocumentStrings}`;
     props.cloudRestrictToTopic,
     props.guardrails_c
   ]);
-  const headers = (0, import_react11.useMemo)(() => {
+  const headers = (0, import_react16.useMemo)(() => {
     const authHeaders = Object.values(authStates || {}).reduce((acc, state) => {
       if (state.status === "authenticated" && state.authHeaders) {
         return __spreadValues(__spreadValues({}, acc), Object.entries(state.authHeaders).reduce(
@@ -2515,27 +2651,27 @@ ${nonDocumentStrings}`;
       }
       return acc;
     }, {});
-    return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared10.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {}), authHeaders);
+    return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared13.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {}), authHeaders);
   }, [copilotApiConfig.headers, copilotApiConfig.publicApiKey, authStates]);
-  const [internalErrorHandlers, _setInternalErrorHandler] = (0, import_react11.useState)({});
-  const setInternalErrorHandler = (0, import_react11.useCallback)((handler) => {
+  const [internalErrorHandlers, _setInternalErrorHandler] = (0, import_react16.useState)({});
+  const setInternalErrorHandler = (0, import_react16.useCallback)((handler) => {
     _setInternalErrorHandler((prev) => __spreadValues(__spreadValues({}, prev), handler));
   }, []);
-  const removeInternalErrorHandler = (0, import_react11.useCallback)((key) => {
+  const removeInternalErrorHandler = (0, import_react16.useCallback)((key) => {
     _setInternalErrorHandler((prev) => {
       const _a2 = prev, { [key]: _removed } = _a2, rest = __objRest(_a2, [__restKey(key)]);
       return rest;
     });
   }, []);
-  const onErrorRef = (0, import_react11.useRef)(props.onError);
-  (0, import_react11.useEffect)(() => {
+  const onErrorRef = (0, import_react16.useRef)(props.onError);
+  (0, import_react16.useEffect)(() => {
     onErrorRef.current = props.onError;
   }, [props.onError]);
-  const internalHandlersRef = (0, import_react11.useRef)({});
-  (0, import_react11.useEffect)(() => {
+  const internalHandlersRef = (0, import_react16.useRef)({});
+  (0, import_react16.useEffect)(() => {
     internalHandlersRef.current = internalErrorHandlers;
   }, [internalErrorHandlers]);
-  const handleErrors = (0, import_react11.useCallback)(
+  const handleErrors = (0, import_react16.useCallback)(
     (error) => __async(this, null, function* () {
       if (copilotApiConfig.publicApiKey && onErrorRef.current) {
         try {
@@ -2555,22 +2691,14 @@ ${nonDocumentStrings}`;
     }),
     [copilotApiConfig.publicApiKey]
   );
-  const runtimeClient = useCopilotRuntimeClient({
-    url: copilotApiConfig.chatApiEndpoint,
-    publicApiKey,
-    headers,
-    credentials: copilotApiConfig.credentials,
-    showDevConsole: shouldShowDevConsole(props.showDevConsole),
-    onError: handleErrors
-  });
-  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react11.useState)({});
-  const addChatSuggestionConfiguration = (0, import_react11.useCallback)(
+  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react16.useState)({});
+  const addChatSuggestionConfiguration = (0, import_react16.useCallback)(
     (id, suggestion) => {
       setChatSuggestionConfiguration((prev) => __spreadProps(__spreadValues({}, prev), { [id]: suggestion }));
     },
     [setChatSuggestionConfiguration]
   );
-  const removeChatSuggestionConfiguration = (0, import_react11.useCallback)(
+  const removeChatSuggestionConfiguration = (0, import_react16.useCallback)(
     (id) => {
       setChatSuggestionConfiguration((prev) => {
         const _a2 = prev, { [id]: _ } = _a2, rest = __objRest(_a2, [__restKey(id)]);
@@ -2579,10 +2707,10 @@ ${nonDocumentStrings}`;
     },
     [setChatSuggestionConfiguration]
   );
-  const [availableAgents, setAvailableAgents] = (0, import_react11.useState)([]);
-  const [coagentStates, setCoagentStates] = (0, import_react11.useState)({});
-  const coagentStatesRef = (0, import_react11.useRef)({});
-  const setCoagentStatesWithRef = (0, import_react11.useCallback)(
+  const [availableAgents, setAvailableAgents] = (0, import_react16.useState)([]);
+  const [coagentStates, setCoagentStates] = (0, import_react16.useState)({});
+  const coagentStatesRef = (0, import_react16.useRef)({});
+  const setCoagentStatesWithRef = (0, import_react16.useCallback)(
     (value) => {
       const newValue = typeof value === "function" ? value(coagentStatesRef.current) : value;
       coagentStatesRef.current = newValue;
@@ -2592,28 +2720,14 @@ ${nonDocumentStrings}`;
     },
     []
   );
-  const hasLoadedAgents = (0, import_react11.useRef)(false);
-  (0, import_react11.useEffect)(() => {
-    if (hasLoadedAgents.current)
-      return;
-    const fetchData = () => __async(this, null, function* () {
-      var _a2;
-      const result = yield runtimeClient.availableAgents();
-      if ((_a2 = result.data) == null ? void 0 : _a2.availableAgents) {
-        setAvailableAgents(result.data.availableAgents.agents);
-      }
-      hasLoadedAgents.current = true;
-    });
-    void fetchData();
-  }, []);
   let initialAgentSession = null;
   if (props.agent) {
     initialAgentSession = {
       agentName: props.agent
     };
   }
-  const [agentSession, setAgentSession] = (0, import_react11.useState)(initialAgentSession);
-  (0, import_react11.useEffect)(() => {
+  const [agentSession, setAgentSession] = (0, import_react16.useState)(initialAgentSession);
+  (0, import_react16.useEffect)(() => {
     if (props.agent) {
       setAgentSession({
         agentName: props.agent
@@ -2622,8 +2736,8 @@ ${nonDocumentStrings}`;
       setAgentSession(null);
     }
   }, [props.agent]);
-  const [internalThreadId, setInternalThreadId] = (0, import_react11.useState)(props.threadId || (0, import_shared10.randomUUID)());
-  const setThreadId = (0, import_react11.useCallback)(
+  const { threadId, setThreadId: setInternalThreadId } = useThreads();
+  const setThreadId = (0, import_react16.useCallback)(
     (value) => {
       if (props.threadId) {
         throw new Error("Cannot call setThreadId() when threadId is provided via props.");
@@ -2632,51 +2746,61 @@ ${nonDocumentStrings}`;
     },
     [props.threadId]
   );
-  (0, import_react11.useEffect)(() => {
-    if (props.threadId !== void 0) {
-      setInternalThreadId(props.threadId);
-    }
-  }, [props.threadId]);
-  const [runId, setRunId] = (0, import_react11.useState)(null);
-  const chatAbortControllerRef = (0, import_react11.useRef)(null);
+  const [runId, setRunId] = (0, import_react16.useState)(null);
+  const chatAbortControllerRef = (0, import_react16.useRef)(null);
   const showDevConsole = shouldShowDevConsole(props.showDevConsole);
-  const [langGraphInterruptActions, _setLangGraphInterruptAction] = (0, import_react11.useState)({});
-  const setLangGraphInterruptAction = (0, import_react11.useCallback)(
-    (threadId, action) => {
-      _setLangGraphInterruptAction((prev) => {
-        var _a2, _b2, _c;
-        if (action == null)
-          return __spreadProps(__spreadValues({}, prev), {
-            [threadId]: null
-          });
-        let event = (_a2 = prev[threadId]) == null ? void 0 : _a2.event;
-        if (action.event) {
-          event = __spreadValues(__spreadValues({}, ((_b2 = prev[threadId]) == null ? void 0 : _b2.event) || {}), action.event);
+  const [interruptActions, _setInterruptActions] = (0, import_react16.useState)({});
+  const setInterruptAction = (0, import_react16.useCallback)(
+    (threadId2, action) => {
+      _setInterruptActions((prev) => {
+        var _a2;
+        if (action == null || !action.id) {
+          return prev;
         }
         return __spreadProps(__spreadValues({}, prev), {
-          [threadId]: __spreadProps(__spreadValues(__spreadValues({}, (_c = prev[threadId]) != null ? _c : {}), action), { event })
+          [action.id]: __spreadValues(__spreadValues({}, (_a2 = prev[action.id]) != null ? _a2 : {}), action)
         });
       });
     },
     []
   );
-  const removeLangGraphInterruptAction = (0, import_react11.useCallback)((threadId) => {
-    setLangGraphInterruptAction(threadId, null);
+  const removeInterruptAction = (0, import_react16.useCallback)((actionId) => {
+    _setInterruptActions((prev) => {
+      const _a2 = prev, { [actionId]: _ } = _a2, rest = __objRest(_a2, [__restKey(actionId)]);
+      return rest;
+    });
   }, []);
-  const memoizedChildren = (0, import_react11.useMemo)(() => children, [children]);
-  const [bannerError, setBannerError] = (0, import_react11.useState)(null);
-  const agentLock = (0, import_react11.useMemo)(() => {
+  const [interruptEventQueue, setInterruptEventQueue] = (0, import_react16.useState)({});
+  const addInterruptEvent = (0, import_react16.useCallback)((queuedEvent) => {
+    setInterruptEventQueue((prev) => {
+      const threadQueue = prev[queuedEvent.threadId] || [];
+      return __spreadProps(__spreadValues({}, prev), {
+        [queuedEvent.threadId]: [...threadQueue, queuedEvent]
+      });
+    });
+  }, []);
+  const removeInterruptEvent = (0, import_react16.useCallback)((threadId2, eventId) => {
+    setInterruptEventQueue((prev) => {
+      const threadQueue = prev[threadId2] || [];
+      return __spreadProps(__spreadValues({}, prev), {
+        [threadId2]: threadQueue.filter((event) => event.eventId !== eventId)
+      });
+    });
+  }, []);
+  const memoizedChildren = (0, import_react16.useMemo)(() => children, [children]);
+  const [bannerError, setBannerError] = (0, import_react16.useState)(null);
+  const agentLock = (0, import_react16.useMemo)(() => {
     var _a2;
     return (_a2 = props.agent) != null ? _a2 : null;
   }, [props.agent]);
-  const forwardedParameters = (0, import_react11.useMemo)(
+  const forwardedParameters = (0, import_react16.useMemo)(
     () => {
       var _a2;
       return (_a2 = props.forwardedParameters) != null ? _a2 : {};
     },
     [props.forwardedParameters]
   );
-  const updateExtensions = (0, import_react11.useCallback)(
+  const updateExtensions = (0, import_react16.useCallback)(
     (newExtensions) => {
       setExtensions((prev) => {
         const resolved = typeof newExtensions === "function" ? newExtensions(prev) : newExtensions;
@@ -2688,7 +2812,7 @@ ${nonDocumentStrings}`;
     },
     [setExtensions]
   );
-  const updateAuthStates = (0, import_react11.useCallback)(
+  const updateAuthStates = (0, import_react16.useCallback)(
     (newAuthStates) => {
       setAuthStates((prev) => {
         const resolved = typeof newAuthStates === "function" ? newAuthStates(prev) : newAuthStates;
@@ -2700,81 +2824,115 @@ ${nonDocumentStrings}`;
     },
     [setAuthStates]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    CopilotContext.Provider,
+  const handleSetRegisteredActions = (0, import_react16.useCallback)((actionConfig) => {
+    const key = actionConfig.action.name || (0, import_shared13.randomUUID)();
+    setRegisteredActionConfigs((prev) => {
+      const newMap = new Map(prev);
+      newMap.set(key, actionConfig);
+      return newMap;
+    });
+    return key;
+  }, []);
+  const handleRemoveRegisteredAction = (0, import_react16.useCallback)((actionKey) => {
+    setRegisteredActionConfigs((prev) => {
+      const newMap = new Map(prev);
+      newMap.delete(actionKey);
+      return newMap;
+    });
+  }, []);
+  const RegisteredActionsRenderer = (0, import_react16.useMemo)(() => {
+    return () => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: Array.from(registeredActionConfigs.entries()).map(([key, config]) => {
+      const Component = config.component;
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, { action: config.action }, key);
+    }) });
+  }, [registeredActionConfigs]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react17.CopilotChatConfigurationProvider,
     {
-      value: {
-        actions,
-        chatComponentsCache,
-        getFunctionCallHandler,
-        setAction,
-        removeAction,
-        coAgentStateRenders,
-        setCoAgentStateRender,
-        removeCoAgentStateRender,
-        getContextString,
-        addContext,
-        removeContext,
-        getAllContext,
-        getDocumentsContext,
-        addDocumentContext,
-        removeDocumentContext,
-        copilotApiConfig,
-        isLoading,
-        setIsLoading,
-        chatSuggestionConfiguration,
-        addChatSuggestionConfiguration,
-        removeChatSuggestionConfiguration,
-        chatInstructions,
-        setChatInstructions,
-        additionalInstructions,
-        setAdditionalInstructions,
-        showDevConsole,
-        coagentStates,
-        setCoagentStates,
-        coagentStatesRef,
-        setCoagentStatesWithRef,
-        agentSession,
-        setAgentSession,
-        runtimeClient,
-        forwardedParameters,
-        agentLock,
-        threadId: internalThreadId,
-        setThreadId,
-        runId,
-        setRunId,
-        chatAbortControllerRef,
-        availableAgents,
-        authConfig_c: props.authConfig_c,
-        authStates_c: authStates,
-        setAuthStates_c: updateAuthStates,
-        extensions,
-        setExtensions: updateExtensions,
-        langGraphInterruptAction: (_b = langGraphInterruptActions[internalThreadId]) != null ? _b : null,
-        setLangGraphInterruptAction,
-        removeLangGraphInterruptAction,
-        bannerError,
-        setBannerError,
-        onError: handleErrors,
-        internalErrorHandlers,
-        setInternalErrorHandler,
-        removeInternalErrorHandler
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MessagesTapProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(CopilotMessages, { children: [
-          memoizedChildren,
-          showDevConsole && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ConsoleTrigger, {})
-        ] }) }),
-        bannerError && showDevConsole && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          UsageBanner,
-          {
-            severity: bannerError.severity,
-            message: bannerError.message,
-            onClose: () => setBannerError(null),
-            actions: getErrorActions(bannerError)
-          }
-        )
-      ]
+      agentId: (_b = agentSession == null ? void 0 : agentSession.agentName) != null ? _b : "default",
+      threadId,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        CopilotContext.Provider,
+        {
+          value: {
+            actions,
+            chatComponentsCache,
+            getFunctionCallHandler,
+            setAction,
+            removeAction,
+            setRegisteredActions: handleSetRegisteredActions,
+            removeRegisteredAction: handleRemoveRegisteredAction,
+            getContextString,
+            addContext,
+            removeContext,
+            getAllContext,
+            getDocumentsContext,
+            addDocumentContext,
+            removeDocumentContext,
+            copilotApiConfig,
+            isLoading,
+            setIsLoading,
+            chatSuggestionConfiguration,
+            addChatSuggestionConfiguration,
+            removeChatSuggestionConfiguration,
+            chatInstructions,
+            setChatInstructions,
+            additionalInstructions,
+            setAdditionalInstructions,
+            showDevConsole,
+            coagentStates,
+            setCoagentStates,
+            coagentStatesRef,
+            setCoagentStatesWithRef,
+            agentSession,
+            setAgentSession,
+            forwardedParameters,
+            agentLock,
+            threadId,
+            setThreadId,
+            runId,
+            setRunId,
+            chatAbortControllerRef,
+            availableAgents,
+            authConfig_c: props.authConfig_c,
+            authStates_c: authStates,
+            setAuthStates_c: updateAuthStates,
+            extensions,
+            setExtensions: updateExtensions,
+            interruptActions,
+            setInterruptAction,
+            removeInterruptAction,
+            interruptEventQueue,
+            addInterruptEvent,
+            removeInterruptEvent,
+            bannerError,
+            setBannerError,
+            onError: handleErrors,
+            internalErrorHandlers,
+            setInternalErrorHandler,
+            removeInternalErrorHandler
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CopilotListeners, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CoAgentStateRendersProvider, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MessagesTapProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CopilotMessages, { children: [
+                memoizedChildren,
+                showDevConsole && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ConsoleTrigger, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RegisteredActionsRenderer, {})
+              ] }) }),
+              bannerError && showDevConsole && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                UsageBanner,
+                {
+                  severity: bannerError.severity,
+                  message: bannerError.message,
+                  onClose: () => setBannerError(null),
+                  actions: getErrorActions(bannerError)
+                }
+              )
+            ] })
+          ]
+        }
+      )
     }
   );
 }
@@ -2811,12 +2969,12 @@ function validateProps(props) {
   const cloudFeatures = Object.keys(props).filter((key) => key.endsWith("_c"));
   const hasApiKey = props.publicApiKey || props.publicLicenseKey;
   if (!props.runtimeUrl && !hasApiKey) {
-    throw new import_shared10.ConfigurationError(
+    throw new import_shared13.ConfigurationError(
       "Missing required prop: 'runtimeUrl' or 'publicApiKey' or 'publicLicenseKey'"
     );
   }
   if (cloudFeatures.length > 0 && !hasApiKey) {
-    throw new import_shared10.MissingPublicApiKeyError(
+    throw new import_shared13.MissingPublicApiKeyError(
       `Missing required prop: 'publicApiKey' or 'publicLicenseKey' to use cloud features: ${cloudFeatures.map(formatFeatureName).join(", ")}`
     );
   }