@copilotkit/react-core 1.10.6 → 1.50.0-beta.0

package/dist/index.js

@@ -81,26 +81,27 @@ var __async = (__this, __arguments, generator) => {
 // src/index.tsx
 var src_exports = {};
 __export(src_exports, {
+  CoAgentStateRendersContext: () => CoAgentStateRendersContext,
+  CoAgentStateRendersProvider: () => CoAgentStateRendersProvider,
   CopilotContext: () => CopilotContext,
   CopilotKit: () => CopilotKit,
   CopilotMessagesContext: () => CopilotMessagesContext,
   CopilotTask: () => CopilotTask,
   SUGGESTION_RETRY_CONFIG: () => SUGGESTION_RETRY_CONFIG,
+  ThreadsContext: () => ThreadsContext,
+  ThreadsProvider: () => ThreadsProvider,
   defaultCopilotContextCategories: () => defaultCopilotContextCategories,
-  extract: () => extract,
-  reloadSuggestions: () => reloadSuggestions,
-  runAgent: () => runAgent,
   shouldShowDevConsole: () => shouldShowDevConsole,
-  startAgent: () => startAgent,
-  stopAgent: () => stopAgent,
   useCoAgent: () => useCoAgent,
   useCoAgentStateRender: () => useCoAgentStateRender,
+  useCoAgentStateRenders: () => useCoAgentStateRenders,
+  useConfigureChatSuggestions: () => useConfigureChatSuggestions,
   useCopilotAction: () => useCopilotAction,
   useCopilotAdditionalInstructions: () => useCopilotAdditionalInstructions,
   useCopilotAuthenticatedAction_c: () => useCopilotAuthenticatedAction_c,
-  useCopilotChat: () => useCopilotChat2,
+  useCopilotChat: () => useCopilotChat,
   useCopilotChatHeadless_c: () => useCopilotChatHeadless_c,
-  useCopilotChatInternal: () => useCopilotChat,
+  useCopilotChatInternal: () => useCopilotChatInternal,
   useCopilotContext: () => useCopilotContext,
   useCopilotMessagesContext: () => useCopilotMessagesContext,
   useCopilotReadable: () => useCopilotReadable,
@@ -110,13 +111,16 @@ __export(src_exports, {
   useHumanInTheLoop: () => useHumanInTheLoop,
   useLangGraphInterrupt: () => useLangGraphInterrupt,
   useLangGraphInterruptRender: () => useLangGraphInterruptRender,
+  useLazyToolRenderer: () => useLazyToolRenderer,
   useMakeCopilotDocumentReadable: () => useMakeCopilotDocumentReadable,
-  useRenderToolCall: () => useRenderToolCall
+  useRenderToolCall: () => useRenderToolCall2,
+  useThreads: () => useThreads
 });
 module.exports = __toCommonJS(src_exports);
 
 // src/components/copilot-provider/copilotkit.tsx
-var import_react12 = require("react");
+var import_react17 = require("react");
+var import_react18 = require("@copilotkitnext/react");
 
 // src/context/copilot-context.tsx
 var import_react = __toESM(require("react"));
@@ -126,10 +130,8 @@ var emptyCopilotContext = {
   },
   removeAction: () => {
   },
-  coAgentStateRenders: {},
-  setCoAgentStateRender: () => {
-  },
-  removeCoAgentStateRender: () => {
+  setRegisteredActions: () => "",
+  removeRegisteredAction: () => {
   },
   chatComponentsCache: { current: { actions: {}, coAgentStateRenders: {} } },
   getContextString: (documents, categories) => returnAndThrowInDebug(""),
@@ -149,7 +151,6 @@ var emptyCopilotContext = {
   addDocumentContext: () => returnAndThrowInDebug(""),
   removeDocumentContext: () => {
   },
-  runtimeClient: {},
   copilotApiConfig: new class {
     get chatApiEndpoint() {
       throw new Error("Remember to wrap your app in a `<CopilotKit> {...} </CopilotKit>` !!!");
@@ -189,10 +190,15 @@ var emptyCopilotContext = {
   extensions: {},
   setExtensions: () => {
   },
-  langGraphInterruptAction: null,
-  setLangGraphInterruptAction: () => {
+  interruptActions: {},
+  setInterruptAction: () => {
+  },
+  removeInterruptAction: () => {
   },
-  removeLangGraphInterruptAction: () => {
+  interruptEventQueue: {},
+  addInterruptEvent: () => {
+  },
+  removeInterruptEvent: () => {
   },
   onError: () => {
   },
@@ -353,13 +359,16 @@ function setsHaveIntersection(setA, setB) {
 
 // src/components/copilot-provider/copilotkit.tsx
 var import_react_dom = require("react-dom");
-var import_shared12 = 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({
@@ -444,9 +453,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");
@@ -782,11 +788,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* () {
@@ -889,39 +895,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]);
@@ -1142,384 +1115,6 @@ 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/utils/extract.ts
-var import_shared7 = require("@copilotkit/shared");
-var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
-var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
-function extract(_0) {
-  return __async(this, arguments, function* ({
-    context,
-    instructions,
-    parameters,
-    include,
-    data,
-    abortSignal,
-    stream,
-    requestType = import_runtime_client_gql3.CopilotRequestType.Task,
-    forwardedParameters
-  }) {
-    var _a, _b;
-    const { messages } = context;
-    const action = {
-      name: "extract",
-      description: instructions,
-      parameters,
-      handler: (args) => {
-      }
-    };
-    const includeReadable = (_a = include == null ? void 0 : include.readable) != null ? _a : false;
-    const includeMessages = (_b = include == null ? void 0 : include.messages) != null ? _b : false;
-    let contextString = "";
-    if (data) {
-      contextString = (typeof data === "string" ? data : JSON.stringify(data)) + "\n\n";
-    }
-    if (includeReadable) {
-      contextString += context.getContextString([], defaultCopilotContextCategories);
-    }
-    const systemMessage = new import_runtime_client_gql3.TextMessage({
-      content: makeSystemMessage(contextString, instructions),
-      role: import_runtime_client_gql3.Role.System
-    });
-    const instructionsMessage = new import_runtime_client_gql3.TextMessage({
-      content: makeInstructionsMessage(instructions),
-      role: import_runtime_client_gql3.Role.User
-    });
-    const response = context.runtimeClient.asStream(
-      context.runtimeClient.generateCopilotResponse({
-        data: {
-          frontend: {
-            actions: [
-              {
-                name: action.name,
-                description: action.description || "",
-                jsonSchema: JSON.stringify((0, import_shared7.actionParametersToJsonSchema)(action.parameters || []))
-              }
-            ],
-            url: window.location.href
-          },
-          messages: (0, import_runtime_client_gql4.convertMessagesToGqlInput)(
-            includeMessages ? [systemMessage, instructionsMessage, ...(0, import_runtime_client_gql4.filterAgentStateMessages)(messages)] : [systemMessage, instructionsMessage]
-          ),
-          metadata: {
-            requestType
-          },
-          forwardedParameters: __spreadProps(__spreadValues({}, forwardedParameters != null ? forwardedParameters : {}), {
-            toolChoice: "function",
-            toolChoiceFunctionName: action.name
-          })
-        },
-        properties: context.copilotApiConfig.properties,
-        signal: abortSignal
-      })
-    );
-    const reader = response.getReader();
-    let isInitial = true;
-    let actionExecutionMessage = void 0;
-    while (true) {
-      const { done, value } = yield reader.read();
-      if (done) {
-        break;
-      }
-      if (abortSignal == null ? void 0 : abortSignal.aborted) {
-        throw new Error("Aborted");
-      }
-      actionExecutionMessage = (0, import_runtime_client_gql3.convertGqlOutputToMessages)(
-        value.generateCopilotResponse.messages
-      ).find((msg) => msg.isActionExecutionMessage());
-      if (!actionExecutionMessage) {
-        continue;
-      }
-      stream == null ? void 0 : stream({
-        status: isInitial ? "initial" : "inProgress",
-        args: actionExecutionMessage.arguments
-      });
-      isInitial = false;
-    }
-    if (!actionExecutionMessage) {
-      throw new Error("extract() failed: No function call occurred");
-    }
-    stream == null ? void 0 : stream({
-      status: "complete",
-      args: actionExecutionMessage.arguments
-    });
-    return actionExecutionMessage.arguments;
-  });
-}
-function makeInstructionsMessage(instructions) {
-  return `
-The user has given you the following task to complete:
-
-\`\`\`
-${instructions}
-\`\`\`
-
-Any additional messages provided are for providing context only and should not be used to ask questions or engage in conversation.
-`;
-}
-function makeSystemMessage(contextString, instructions) {
-  return `
-Please act as an efficient, competent, conscientious, and industrious professional assistant.
-
-Help the user achieve their goals, and you do so in a way that is as efficient as possible, without unnecessary fluff, but also without sacrificing professionalism.
-Always be polite and respectful, and prefer brevity over verbosity.
-
-The user has provided you with the following context:
-\`\`\`
-${contextString}
-\`\`\`
-
-They have also provided you with a function called extract you MUST call to initiate actions on their behalf.
-
-Please assist them as best you can.
-
-This is not a conversation, so please do not ask questions. Just call the function without saying anything else.
-`;
-}
-
-// src/utils/suggestions.ts
-var import_shared8 = require("@copilotkit/shared");
-var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
-var reloadSuggestions = (context, chatSuggestionConfiguration, setCurrentSuggestions, abortControllerRef) => __async(void 0, null, function* () {
-  const abortController = abortControllerRef.current;
-  if (abortController == null ? void 0 : abortController.signal.aborted) {
-    return;
-  }
-  const setSuggestionsIfNotAborted = (suggestions) => {
-    if (!(abortController == null ? void 0 : abortController.signal.aborted) && abortControllerRef.current === abortController) {
-      setCurrentSuggestions(suggestions);
-    }
-  };
-  try {
-    const tools = JSON.stringify(
-      Object.values(context.actions).map((action) => ({
-        name: action.name,
-        description: action.description,
-        jsonSchema: JSON.stringify((0, import_shared8.actionParametersToJsonSchema)(action.parameters))
-      }))
-    );
-    const allSuggestions = [];
-    let hasSuccessfulSuggestions = false;
-    let hasErrors = false;
-    let lastError = null;
-    const enabledConfigs = Object.values(chatSuggestionConfiguration).filter(
-      (config) => config.instructions && config.instructions.trim().length > 0
-    );
-    if (enabledConfigs.length === 0) {
-      return;
-    }
-    setSuggestionsIfNotAborted([]);
-    for (const config of enabledConfigs) {
-      if (abortController == null ? void 0 : abortController.signal.aborted) {
-        setSuggestionsIfNotAborted([]);
-        return;
-      }
-      try {
-        const result = yield extract({
-          context,
-          instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls. ",
-          data: `${config.instructions}
-
-Available tools: ${tools}
-
-`,
-          requestType: import_runtime_client_gql5.CopilotRequestType.Task,
-          parameters: [
-            {
-              name: "suggestions",
-              type: "object[]",
-              attributes: [
-                {
-                  name: "title",
-                  description: "The title of the suggestion. This is shown as a button and should be short.",
-                  type: "string"
-                },
-                {
-                  name: "message",
-                  description: "The message to send when the suggestion is clicked. This should be a clear, complete sentence and will be sent as an instruction to the AI.",
-                  type: "string"
-                }
-              ]
-            }
-          ],
-          include: {
-            messages: true,
-            readable: true
-          },
-          abortSignal: abortController == null ? void 0 : abortController.signal,
-          stream: ({ status, args }) => {
-            if (abortController == null ? void 0 : abortController.signal.aborted) {
-              return;
-            }
-            const suggestions = args.suggestions || [];
-            const newSuggestions = [];
-            for (let i = 0; i < suggestions.length; i++) {
-              if (config.maxSuggestions !== void 0 && i >= config.maxSuggestions) {
-                break;
-              }
-              const suggestion = suggestions[i];
-              if (!suggestion || typeof suggestion !== "object") {
-                continue;
-              }
-              const { title, message } = suggestion;
-              const hasValidTitle = title && typeof title === "string" && title.trim().length > 0;
-              const hasValidMessage = message && typeof message === "string" && message.trim().length > 0;
-              if (!hasValidTitle) {
-                continue;
-              }
-              const partial = i === suggestions.length - 1 && status !== "complete";
-              newSuggestions.push({
-                title: title.trim(),
-                message: hasValidMessage ? message.trim() : "",
-                // Use title as fallback
-                partial,
-                className: config.className
-              });
-            }
-            setSuggestionsIfNotAborted([...allSuggestions, ...newSuggestions]);
-          }
-        });
-        if ((result == null ? void 0 : result.suggestions) && Array.isArray(result.suggestions)) {
-          const validSuggestions = result.suggestions.filter(
-            (suggestion) => suggestion && typeof suggestion.title === "string" && suggestion.title.trim().length > 0
-          ).map((suggestion) => ({
-            title: suggestion.title.trim(),
-            message: suggestion.message && typeof suggestion.message === "string" && suggestion.message.trim() ? suggestion.message.trim() : suggestion.title.trim()
-          }));
-          if (validSuggestions.length > 0) {
-            allSuggestions.push(...validSuggestions);
-            hasSuccessfulSuggestions = true;
-          }
-        }
-      } catch (error) {
-        hasErrors = true;
-        lastError = error instanceof Error ? error : new Error(String(error));
-      }
-    }
-    if (hasSuccessfulSuggestions && allSuggestions.length > 0) {
-      const uniqueSuggestions = allSuggestions.filter(
-        (suggestion, index, self) => index === self.findIndex((s) => s.message === suggestion.message)
-      );
-      setSuggestionsIfNotAborted(uniqueSuggestions);
-    } else if (hasErrors) {
-      const errorMessage = lastError ? lastError.message : "Failed to generate suggestions due to API errors";
-      throw new Error(errorMessage);
-    }
-  } catch (error) {
-    throw error;
-  }
-});
-
 // src/utils/suggestions-constants.ts
 var SUGGESTION_RETRY_CONFIG = {
   MAX_RETRIES: 3,
@@ -1528,11 +1123,11 @@ var SUGGESTION_RETRY_CONFIG = {
 };
 
 // src/components/error-boundary/error-boundary.tsx
-var import_react9 = __toESM(require("react"));
-var import_shared10 = require("@copilotkit/shared");
+var import_react8 = __toESM(require("react"));
+var import_shared7 = require("@copilotkit/shared");
 
 // src/lib/status-checker.ts
-var import_shared9 = require("@copilotkit/shared");
+var import_shared6 = require("@copilotkit/shared");
 var STATUS_CHECK_INTERVAL = 1e3 * 60 * 5;
 var StatusChecker = class {
   constructor() {
@@ -1550,10 +1145,10 @@ var StatusChecker = class {
         clearInterval(this.intervalId);
       const checkStatus = () => __async(this, null, function* () {
         try {
-          const response = yield fetch(`${import_shared9.COPILOT_CLOUD_API_URL}/ciu`, {
+          const response = yield fetch(`${import_shared6.COPILOT_CLOUD_API_URL}/ciu`, {
             method: "GET",
             headers: {
-              [import_shared9.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey
+              [import_shared6.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey
             }
           }).then((response2) => response2.json());
           this.lastResponse = response;
@@ -1586,7 +1181,7 @@ var StatusChecker = class {
 };
 
 // src/components/error-boundary/error-utils.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 
 // src/components/toast/exclamation-mark-icon.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -1669,9 +1264,9 @@ function ErrorToast({ errors }) {
 }
 function useErrorToast() {
   const { addToast } = useToast();
-  return (0, import_react8.useCallback)(
-    (error) => {
-      const errorId = error.map((err) => {
+  return (0, import_react7.useCallback)(
+    (errors) => {
+      const errorId = errors.map((err) => {
         var _a, _b;
         const message = "extensions" in err ? ((_b = (_a = err.extensions) == null ? void 0 : _a.originalError) == null ? void 0 : _b.message) || err.message : err.message;
         const stack = err.stack || "";
@@ -1681,7 +1276,7 @@ function useErrorToast() {
         type: "error",
         id: errorId,
         // Toast libraries typically dedupe by id
-        message: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ErrorToast, { errors: error })
+        message: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ErrorToast, { errors })
       });
     },
     [addToast]
@@ -1689,7 +1284,7 @@ function useErrorToast() {
 }
 function useAsyncCallback(callback, deps) {
   const addErrorToast = useErrorToast();
-  return (0, import_react8.useCallback)((...args) => __async(this, null, function* () {
+  return (0, import_react7.useCallback)((...args) => __async(this, null, function* () {
     try {
       return yield callback(...args);
     } catch (error) {
@@ -1703,7 +1298,7 @@ function useAsyncCallback(callback, deps) {
 // src/components/error-boundary/error-boundary.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var statusChecker = new StatusChecker();
-var CopilotErrorBoundary = class extends import_react9.default.Component {
+var CopilotErrorBoundary = class extends import_react8.default.Component {
   constructor(props) {
     super(props);
     this.state = {
@@ -1735,7 +1330,7 @@ var CopilotErrorBoundary = class extends import_react9.default.Component {
   render() {
     var _a, _b, _c, _d;
     if (this.state.hasError) {
-      if (this.state.error instanceof import_shared10.CopilotKitError) {
+      if (this.state.error instanceof import_shared7.CopilotKitError) {
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
           this.props.children,
           this.props.showUsageBanner && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -1755,7 +1350,7 @@ var CopilotErrorBoundary = class extends import_react9.default.Component {
 };
 
 // src/components/dev-console/console-trigger.tsx
-var import_react11 = require("react");
+var import_react10 = require("react");
 
 // src/components/dev-console/icons.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -1818,14 +1413,14 @@ var CopilotKitIcon = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
 );
 
 // src/components/dev-console/developer-console-modal.tsx
-var import_shared11 = require("@copilotkit/shared");
-var import_react10 = require("react");
+var import_shared8 = require("@copilotkit/shared");
+var import_react9 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
   const context = useCopilotContext();
   const messagesContext = useCopilotMessagesContext();
-  const [activeTab, setActiveTab] = (0, import_react10.useState)("actions");
-  (0, import_react10.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react9.useState)("actions");
+  (0, import_react9.useEffect)(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -1990,7 +1585,7 @@ function DeveloperConsoleModal({ isOpen, onClose, hasApiKey }) {
                         },
                         children: [
                           "v",
-                          import_shared11.COPILOTKIT_VERSION
+                          import_shared8.COPILOTKIT_VERSION
                         ]
                       }
                     )
@@ -2566,15 +2161,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_react11.useState)(false);
-  const [isHovered, setIsHovered] = (0, import_react11.useState)(false);
-  const [isDragging, setIsDragging] = (0, import_react11.useState)(false);
-  const [buttonPosition, setButtonPosition] = (0, import_react11.useState)(null);
-  const [mounted, setMounted] = (0, import_react11.useState)(false);
-  const [isHidden, setIsHidden] = (0, import_react11.useState)(false);
-  const dragRef = (0, import_react11.useRef)(null);
-  const buttonRef = (0, import_react11.useRef)(null);
-  (0, import_react11.useEffect)(() => {
+  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)(() => {
     setMounted(true);
     try {
       const hidden = typeof window !== "undefined" ? localStorage.getItem(INSPECTOR_HIDE_KEY) : null;
@@ -2605,7 +2200,7 @@ function ConsoleTrigger({ position = "bottom-right" }) {
     };
     setIsDragging(true);
   };
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!isDragging)
       return;
     const handleMouseMove = (e) => {
@@ -2776,66 +2371,343 @@ function ConsoleTrigger({ position = "bottom-right" }) {
   ] });
 }
 
-// src/components/copilot-provider/copilotkit.tsx
+// src/context/coagent-state-renders-context.tsx
+var import_react11 = require("react");
 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_runtime10.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CopilotErrorBoundary, { publicApiKey, showUsageBanner: enabled, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CopilotKitInternal, __spreadProps(__spreadValues({}, props), { children })) }) });
+var CoAgentStateRendersContext = (0, import_react11.createContext)(
+  void 0
+);
+function CoAgentStateRendersProvider({ children }) {
+  const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react11.useState)({});
+  const setCoAgentStateRender = (0, import_react11.useCallback)((id, stateRender) => {
+    setCoAgentStateRenders((prevPoints) => __spreadProps(__spreadValues({}, prevPoints), {
+      [id]: stateRender
+    }));
+  }, []);
+  const removeCoAgentStateRender = (0, import_react11.useCallback)((id) => {
+    setCoAgentStateRenders((prevPoints) => {
+      const newPoints = __spreadValues({}, prevPoints);
+      delete newPoints[id];
+      return newPoints;
+    });
+  }, []);
+  const claimsRef = (0, import_react11.useRef)({});
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    CoAgentStateRendersContext.Provider,
+    {
+      value: {
+        coAgentStateRenders,
+        setCoAgentStateRender,
+        removeCoAgentStateRender,
+        claimsRef
+      },
+      children
+    }
+  );
 }
-function CopilotKitInternal(cpkProps) {
+function useCoAgentStateRenders() {
+  const context = (0, import_react11.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_react13 = require("@copilotkitnext/react");
+var import_react14 = require("react");
+
+// src/context/threads-context.tsx
+var import_react12 = require("react");
+var import_shared9 = require("@copilotkit/shared");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var ThreadsContext = (0, import_react12.createContext)(void 0);
+function ThreadsProvider({ children, threadId: explicitThreadId }) {
+  const [internalThreadId, setThreadId] = (0, import_react12.useState)(explicitThreadId != null ? explicitThreadId : (0, import_shared9.randomUUID)());
+  const threadId = internalThreadId;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    ThreadsContext.Provider,
+    {
+      value: {
+        threadId,
+        setThreadId
+      },
+      children
+    }
+  );
+}
+function useThreads() {
+  const context = (0, import_react12.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_react13.useAgent)({ agentId });
+  const [nodeName, setNodeName] = (0, import_react14.useState)(void 0);
+  const runId = (_a = props.runId) != null ? _a : message.runId;
+  const effectiveRunId = runId || "pending";
+  (0, import_react14.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_react14.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_react14.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_react15 = require("react");
+var import_react16 = require("@copilotkitnext/react");
+var import_shared11 = require("@copilotkit/shared");
+var import_shared12 = require("@copilotkit/shared");
+var usePredictStateSubscription = (agent) => {
+  const predictStateToolsRef = (0, import_react15.useRef)([]);
+  const getSubscriber = (0, import_react15.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_react15.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_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 { setBannerError } = useToast();
+  const { agent } = (0, import_react16.useAgent)({ agentId: resolvedAgentId });
+  usePredictStateSubscription(agent);
+  (0, import_react15.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_runtime12 = 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;
+  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 }))
+    }
+  ) }) }) });
+}
+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_shared12.COPILOT_CLOUD_CHAT_URL;
-  const [actions, setActions] = (0, import_react12.useState)({});
-  const [coAgentStateRenders, setCoAgentStateRenders] = (0, import_react12.useState)({});
-  const chatComponentsCache = (0, import_react12.useRef)({
+  const chatApiEndpoint = props.runtimeUrl || import_shared13.COPILOT_CLOUD_CHAT_URL;
+  const [actions, setActions] = (0, import_react17.useState)({});
+  const [registeredActionConfigs, setRegisteredActionConfigs] = (0, import_react17.useState)(/* @__PURE__ */ new Map());
+  const chatComponentsCache = (0, import_react17.useRef)({
     actions: {},
     coAgentStateRenders: {}
   });
   const { addElement, removeElement, printTree, getAllElements } = use_tree_default();
-  const [isLoading, setIsLoading] = (0, import_react12.useState)(false);
-  const [chatInstructions, setChatInstructions] = (0, import_react12.useState)("");
-  const [authStates, setAuthStates] = (0, import_react12.useState)({});
-  const [extensions, setExtensions] = (0, import_react12.useState)({});
-  const [additionalInstructions, setAdditionalInstructions] = (0, import_react12.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react17.useState)(false);
+  const [chatInstructions, setChatInstructions] = (0, import_react17.useState)("");
+  const [authStates, setAuthStates] = (0, import_react17.useState)({});
+  const [extensions, setExtensions] = (0, import_react17.useState)({});
+  const [additionalInstructions, setAdditionalInstructions] = (0, import_react17.useState)([]);
   const {
     addElement: addDocument,
     removeElement: removeDocument,
     allElements: allDocuments
   } = use_flat_category_store_default();
-  const setAction = (0, import_react12.useCallback)((id, action) => {
+  const setAction = (0, import_react17.useCallback)((id, action) => {
     setActions((prevPoints) => {
       return __spreadProps(__spreadValues({}, prevPoints), {
         [id]: action
       });
     });
   }, []);
-  const removeAction = (0, import_react12.useCallback)((id) => {
+  const removeAction = (0, import_react17.useCallback)((id) => {
     setActions((prevPoints) => {
       const newPoints = __spreadValues({}, prevPoints);
       delete newPoints[id];
       return newPoints;
     });
   }, []);
-  const setCoAgentStateRender = (0, import_react12.useCallback)((id, stateRender) => {
-    setCoAgentStateRenders((prevPoints) => {
-      return __spreadProps(__spreadValues({}, prevPoints), {
-        [id]: stateRender
-      });
-    });
-  }, []);
-  const removeCoAgentStateRender = (0, import_react12.useCallback)((id) => {
-    setCoAgentStateRenders((prevPoints) => {
-      const newPoints = __spreadValues({}, prevPoints);
-      delete newPoints[id];
-      return newPoints;
-    });
-  }, []);
-  const getContextString = (0, import_react12.useCallback)(
+  const getContextString = (0, import_react17.useCallback)(
     (documents, categories) => {
       const documentsString = documents.map((document2) => {
         return `${document2.name} (${document2.sourceApplication}):
@@ -2848,46 +2720,46 @@ ${nonDocumentStrings}`;
     },
     [printTree]
   );
-  const addContext = (0, import_react12.useCallback)(
+  const addContext = (0, import_react17.useCallback)(
     (context, parentId, categories = defaultCopilotContextCategories) => {
       return addElement(context, categories, parentId);
     },
     [addElement]
   );
-  const removeContext = (0, import_react12.useCallback)(
+  const removeContext = (0, import_react17.useCallback)(
     (id) => {
       removeElement(id);
     },
     [removeElement]
   );
-  const getAllContext = (0, import_react12.useCallback)(() => {
+  const getAllContext = (0, import_react17.useCallback)(() => {
     return getAllElements();
   }, [getAllElements]);
-  const getFunctionCallHandler = (0, import_react12.useCallback)(
+  const getFunctionCallHandler = (0, import_react17.useCallback)(
     (customEntryPoints) => {
       return entryPointsToFunctionCallHandler(Object.values(customEntryPoints || actions));
     },
     [actions]
   );
-  const getDocumentsContext = (0, import_react12.useCallback)(
+  const getDocumentsContext = (0, import_react17.useCallback)(
     (categories) => {
       return allDocuments(categories);
     },
     [allDocuments]
   );
-  const addDocumentContext = (0, import_react12.useCallback)(
+  const addDocumentContext = (0, import_react17.useCallback)(
     (documentPointer, categories = defaultCopilotContextCategories) => {
       return addDocument(documentPointer, categories);
     },
     [addDocument]
   );
-  const removeDocumentContext = (0, import_react12.useCallback)(
+  const removeDocumentContext = (0, import_react17.useCallback)(
     (documentId) => {
       removeDocument(documentId);
     },
     [removeDocument]
   );
-  const copilotApiConfig = (0, import_react12.useMemo)(() => {
+  const copilotApiConfig = (0, import_react17.useMemo)(() => {
     var _a2, _b2;
     let cloud = void 0;
     if (publicApiKey) {
@@ -2923,7 +2795,7 @@ ${nonDocumentStrings}`;
     props.cloudRestrictToTopic,
     props.guardrails_c
   ]);
-  const headers = (0, import_react12.useMemo)(() => {
+  const headers = (0, import_react17.useMemo)(() => {
     const authHeaders = Object.values(authStates || {}).reduce((acc, state) => {
       if (state.status === "authenticated" && state.authHeaders) {
         return __spreadValues(__spreadValues({}, acc), Object.entries(state.authHeaders).reduce(
@@ -2935,27 +2807,27 @@ ${nonDocumentStrings}`;
       }
       return acc;
     }, {});
-    return __spreadValues(__spreadValues(__spreadValues({}, copilotApiConfig.headers || {}), copilotApiConfig.publicApiKey ? { [import_shared12.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_react12.useState)({});
-  const setInternalErrorHandler = (0, import_react12.useCallback)((handler) => {
+  const [internalErrorHandlers, _setInternalErrorHandler] = (0, import_react17.useState)({});
+  const setInternalErrorHandler = (0, import_react17.useCallback)((handler) => {
     _setInternalErrorHandler((prev) => __spreadValues(__spreadValues({}, prev), handler));
   }, []);
-  const removeInternalErrorHandler = (0, import_react12.useCallback)((key) => {
+  const removeInternalErrorHandler = (0, import_react17.useCallback)((key) => {
     _setInternalErrorHandler((prev) => {
       const _a2 = prev, { [key]: _removed } = _a2, rest = __objRest(_a2, [__restKey(key)]);
       return rest;
     });
   }, []);
-  const onErrorRef = (0, import_react12.useRef)(props.onError);
-  (0, import_react12.useEffect)(() => {
+  const onErrorRef = (0, import_react17.useRef)(props.onError);
+  (0, import_react17.useEffect)(() => {
     onErrorRef.current = props.onError;
   }, [props.onError]);
-  const internalHandlersRef = (0, import_react12.useRef)({});
-  (0, import_react12.useEffect)(() => {
+  const internalHandlersRef = (0, import_react17.useRef)({});
+  (0, import_react17.useEffect)(() => {
     internalHandlersRef.current = internalErrorHandlers;
   }, [internalErrorHandlers]);
-  const handleErrors = (0, import_react12.useCallback)(
+  const handleErrors = (0, import_react17.useCallback)(
     (error) => __async(this, null, function* () {
       if (copilotApiConfig.publicApiKey && onErrorRef.current) {
         try {
@@ -2975,22 +2847,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_react12.useState)({});
-  const addChatSuggestionConfiguration = (0, import_react12.useCallback)(
+  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react17.useState)({});
+  const addChatSuggestionConfiguration = (0, import_react17.useCallback)(
     (id, suggestion) => {
       setChatSuggestionConfiguration((prev) => __spreadProps(__spreadValues({}, prev), { [id]: suggestion }));
     },
     [setChatSuggestionConfiguration]
   );
-  const removeChatSuggestionConfiguration = (0, import_react12.useCallback)(
+  const removeChatSuggestionConfiguration = (0, import_react17.useCallback)(
     (id) => {
       setChatSuggestionConfiguration((prev) => {
         const _a2 = prev, { [id]: _ } = _a2, rest = __objRest(_a2, [__restKey(id)]);
@@ -2999,10 +2863,10 @@ ${nonDocumentStrings}`;
     },
     [setChatSuggestionConfiguration]
   );
-  const [availableAgents, setAvailableAgents] = (0, import_react12.useState)([]);
-  const [coagentStates, setCoagentStates] = (0, import_react12.useState)({});
-  const coagentStatesRef = (0, import_react12.useRef)({});
-  const setCoagentStatesWithRef = (0, import_react12.useCallback)(
+  const [availableAgents, setAvailableAgents] = (0, import_react17.useState)([]);
+  const [coagentStates, setCoagentStates] = (0, import_react17.useState)({});
+  const coagentStatesRef = (0, import_react17.useRef)({});
+  const setCoagentStatesWithRef = (0, import_react17.useCallback)(
     (value) => {
       const newValue = typeof value === "function" ? value(coagentStatesRef.current) : value;
       coagentStatesRef.current = newValue;
@@ -3012,28 +2876,14 @@ ${nonDocumentStrings}`;
     },
     []
   );
-  const hasLoadedAgents = (0, import_react12.useRef)(false);
-  (0, import_react12.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_react12.useState)(initialAgentSession);
-  (0, import_react12.useEffect)(() => {
+  const [agentSession, setAgentSession] = (0, import_react17.useState)(initialAgentSession);
+  (0, import_react17.useEffect)(() => {
     if (props.agent) {
       setAgentSession({
         agentName: props.agent
@@ -3042,8 +2892,8 @@ ${nonDocumentStrings}`;
       setAgentSession(null);
     }
   }, [props.agent]);
-  const [internalThreadId, setInternalThreadId] = (0, import_react12.useState)(props.threadId || (0, import_shared12.randomUUID)());
-  const setThreadId = (0, import_react12.useCallback)(
+  const { threadId, setThreadId: setInternalThreadId } = useThreads();
+  const setThreadId = (0, import_react17.useCallback)(
     (value) => {
       if (props.threadId) {
         throw new Error("Cannot call setThreadId() when threadId is provided via props.");
@@ -3052,51 +2902,61 @@ ${nonDocumentStrings}`;
     },
     [props.threadId]
   );
-  (0, import_react12.useEffect)(() => {
-    if (props.threadId !== void 0) {
-      setInternalThreadId(props.threadId);
-    }
-  }, [props.threadId]);
-  const [runId, setRunId] = (0, import_react12.useState)(null);
-  const chatAbortControllerRef = (0, import_react12.useRef)(null);
+  const [runId, setRunId] = (0, import_react17.useState)(null);
+  const chatAbortControllerRef = (0, import_react17.useRef)(null);
   const showDevConsole = shouldShowDevConsole(props.showDevConsole);
-  const [langGraphInterruptActions, _setLangGraphInterruptAction] = (0, import_react12.useState)({});
-  const setLangGraphInterruptAction = (0, import_react12.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_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), {
-          [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_react12.useCallback)((threadId) => {
-    setLangGraphInterruptAction(threadId, null);
+  const removeInterruptAction = (0, import_react17.useCallback)((actionId) => {
+    _setInterruptActions((prev) => {
+      const _a2 = prev, { [actionId]: _ } = _a2, rest = __objRest(_a2, [__restKey(actionId)]);
+      return rest;
+    });
+  }, []);
+  const [interruptEventQueue, setInterruptEventQueue] = (0, import_react17.useState)({});
+  const addInterruptEvent = (0, import_react17.useCallback)((queuedEvent) => {
+    setInterruptEventQueue((prev) => {
+      const threadQueue = prev[queuedEvent.threadId] || [];
+      return __spreadProps(__spreadValues({}, prev), {
+        [queuedEvent.threadId]: [...threadQueue, queuedEvent]
+      });
+    });
+  }, []);
+  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 memoizedChildren = (0, import_react12.useMemo)(() => children, [children]);
-  const [bannerError, setBannerError] = (0, import_react12.useState)(null);
-  const agentLock = (0, import_react12.useMemo)(() => {
+  const memoizedChildren = (0, import_react17.useMemo)(() => children, [children]);
+  const [bannerError, setBannerError] = (0, import_react17.useState)(null);
+  const agentLock = (0, import_react17.useMemo)(() => {
     var _a2;
     return (_a2 = props.agent) != null ? _a2 : null;
   }, [props.agent]);
-  const forwardedParameters = (0, import_react12.useMemo)(
+  const forwardedParameters = (0, import_react17.useMemo)(
     () => {
       var _a2;
       return (_a2 = props.forwardedParameters) != null ? _a2 : {};
     },
     [props.forwardedParameters]
   );
-  const updateExtensions = (0, import_react12.useCallback)(
+  const updateExtensions = (0, import_react17.useCallback)(
     (newExtensions) => {
       setExtensions((prev) => {
         const resolved = typeof newExtensions === "function" ? newExtensions(prev) : newExtensions;
@@ -3108,7 +2968,7 @@ ${nonDocumentStrings}`;
     },
     [setExtensions]
   );
-  const updateAuthStates = (0, import_react12.useCallback)(
+  const updateAuthStates = (0, import_react17.useCallback)(
     (newAuthStates) => {
       setAuthStates((prev) => {
         const resolved = typeof newAuthStates === "function" ? newAuthStates(prev) : newAuthStates;
@@ -3120,81 +2980,115 @@ ${nonDocumentStrings}`;
     },
     [setAuthStates]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-    CopilotContext.Provider,
+  const handleSetRegisteredActions = (0, import_react17.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_react17.useCallback)((actionKey) => {
+    setRegisteredActionConfigs((prev) => {
+      const newMap = new Map(prev);
+      newMap.delete(actionKey);
+      return newMap;
+    });
+  }, []);
+  const RegisteredActionsRenderer = (0, import_react17.useMemo)(() => {
+    return () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: Array.from(registeredActionConfigs.entries()).map(([key, config]) => {
+      const Component = config.component;
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Component, { action: config.action }, key);
+    }) });
+  }, [registeredActionConfigs]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react18.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_runtime10.jsx)(MessagesTapProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(CopilotMessages, { children: [
-          memoizedChildren,
-          showDevConsole && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ConsoleTrigger, {})
-        ] }) }),
-        bannerError && showDevConsole && /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime12.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_runtime12.jsx)(CopilotListeners, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(CoAgentStateRendersProvider, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MessagesTapProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(CopilotMessages, { children: [
+                memoizedChildren,
+                showDevConsole && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ConsoleTrigger, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RegisteredActionsRenderer, {})
+              ] }) }),
+              bannerError && showDevConsole && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                UsageBanner,
+                {
+                  severity: bannerError.severity,
+                  message: bannerError.message,
+                  onClose: () => setBannerError(null),
+                  actions: getErrorActions(bannerError)
+                }
+              )
+            ] })
+          ]
+        }
+      )
     }
   );
 }
@@ -3231,588 +3125,656 @@ 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_shared12.ConfigurationError(
+    throw new import_shared13.ConfigurationError(
       "Missing required prop: 'runtimeUrl' or 'publicApiKey' or 'publicLicenseKey'"
     );
   }
   if (cloudFeatures.length > 0 && !hasApiKey) {
-    throw new import_shared12.MissingPublicApiKeyError(
+    throw new import_shared13.MissingPublicApiKeyError(
       `Missing required prop: 'publicApiKey' or 'publicLicenseKey' to use cloud features: ${cloudFeatures.map(formatFeatureName).join(", ")}`
     );
   }
 }
 
 // src/hooks/use-copilot-chat_internal.ts
-var import_react15 = require("react");
+var import_react24 = require("react");
+var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
 
-// src/hooks/use-chat.ts
-var import_react13 = require("react");
-var import_react_dom2 = require("react-dom");
+// src/hooks/use-langgraph-interrupt-render.ts
+var import_react19 = __toESM(require("react"));
+var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
 var import_shared14 = require("@copilotkit/shared");
-var import_runtime_client_gql7 = require("@copilotkit/runtime-client-gql");
-
-// src/types/frontend-action.ts
-var import_runtime_client_gql6 = require("@copilotkit/runtime-client-gql");
-var import_shared13 = require("@copilotkit/shared");
-function processActionsForRuntimeRequest(actions) {
-  const filteredActions = actions.filter(
-    (action) => action.available !== import_runtime_client_gql6.ActionInputAvailability.Disabled && action.disabled !== true && action.name !== "*" && action.available != "frontend" && !action.pairedAction
-  ).map((action) => {
-    let available = import_runtime_client_gql6.ActionInputAvailability.Enabled;
-    if (action.disabled) {
-      available = import_runtime_client_gql6.ActionInputAvailability.Disabled;
-    } else if (action.available === "disabled") {
-      available = import_runtime_client_gql6.ActionInputAvailability.Disabled;
-    } else if (action.available === "remote") {
-      available = import_runtime_client_gql6.ActionInputAvailability.Remote;
-    }
-    return {
-      name: action.name,
-      description: action.description || "",
-      jsonSchema: JSON.stringify((0, import_shared13.actionParametersToJsonSchema)(action.parameters || [])),
-      available
-    };
-  });
-  return filteredActions;
-}
-
-// src/hooks/use-chat.ts
-function useChat(options) {
+var InterruptRenderer = ({ event, result, render, resolve }) => {
+  return render({ event, result, resolve });
+};
+function useLangGraphInterruptRender(agent) {
   const {
-    messages,
-    setMessages,
-    makeSystemMessageCallback,
-    copilotConfig,
-    setIsLoading,
-    initialMessages,
-    isLoading,
-    actions,
-    onFunctionCall,
-    onCoAgentStateRender,
-    setCoagentStatesWithRef,
-    coagentStatesRef,
+    interruptActions,
     agentSession,
-    setAgentSession,
     threadId,
-    setThreadId,
-    runId,
-    setRunId,
-    chatAbortControllerRef,
-    agentLock,
-    extensions,
-    setExtensions,
-    langGraphInterruptAction,
-    setLangGraphInterruptAction,
-    disableSystemMessage = false
-  } = options;
-  const runChatCompletionRef = (0, import_react13.useRef)();
-  const addErrorToast = useErrorToast();
-  const { setBannerError } = useToast();
-  const { onError, showDevConsole, getAllContext } = useCopilotContext();
-  const copilotReadableContext = getAllContext();
-  const context = (0, import_react13.useMemo)(
-    () => copilotReadableContext.map((contextItem) => {
-      const [description, ...valueParts] = contextItem.value.split(":");
-      return {
-        description: description.trim(),
-        value: valueParts.join(":").trim()
-      };
-    }),
-    [copilotReadableContext]
-  );
-  const traceUIError = (error, originalError) => __async(this, null, function* () {
-    try {
-      const traceEvent = {
-        type: "error",
-        timestamp: Date.now(),
-        context: {
-          source: "ui",
-          request: {
-            operation: "useChatCompletion",
-            url: copilotConfig.chatApiEndpoint,
-            startTime: Date.now()
-          },
-          technical: {
-            environment: "browser",
-            userAgent: typeof navigator !== "undefined" ? navigator.userAgent : void 0,
-            stackTrace: originalError instanceof Error ? originalError.stack : void 0
+    interruptEventQueue,
+    addInterruptEvent,
+    removeInterruptEvent
+  } = useCopilotContext();
+  (0, import_react19.useEffect)(() => {
+    if (!agent)
+      return;
+    const subscriber = {
+      onCustomEvent: ({ event }) => {
+        if (event.name === "on_interrupt") {
+          const eventData = {
+            name: import_runtime_client_gql.MetaEventName.LangGraphInterruptEvent,
+            type: event.type,
+            value: (0, import_shared14.parseJson)(event.value, event.value)
+          };
+          const eventId = (0, import_shared14.dataToUUID)(JSON.stringify(eventData), "interruptEvents");
+          addInterruptEvent({
+            eventId,
+            threadId,
+            event: eventData
+          });
+        }
+      }
+    };
+    const { unsubscribe } = agent.subscribe(subscriber);
+    return () => {
+      unsubscribe();
+    };
+  }, [agent, threadId]);
+  const handleResolve = (0, import_react19.useCallback)(
+    (eventId, response) => {
+      agent == null ? void 0 : agent.runAgent({
+        forwardedProps: {
+          command: {
+            resume: response
           }
-        },
-        error
-      };
-      yield onError(traceEvent);
-    } catch (traceError) {
-      console.error("Error in use-chat onError handler:", traceError);
+        }
+      });
+      removeInterruptEvent(threadId, eventId);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [agent, threadId]
+  );
+  return (0, import_react19.useMemo)(() => {
+    const eventQueue = interruptEventQueue[threadId] || [];
+    const currentQueuedEvent = eventQueue.find((qe) => !qe.event.response);
+    if (!currentQueuedEvent)
+      return null;
+    const allActions = Object.values(interruptActions);
+    const matchingAction = allActions.find((action) => {
+      if (!action.enabled)
+        return true;
+      return action.enabled({
+        eventValue: currentQueuedEvent.event.value,
+        agentMetadata: agentSession
+      });
+    });
+    if (!matchingAction)
+      return null;
+    const { render, handler } = matchingAction;
+    const resolveInterrupt = (response) => {
+      handleResolve(currentQueuedEvent.eventId, response);
+    };
+    let result = null;
+    if (handler) {
+      result = handler({
+        event: currentQueuedEvent.event,
+        resolve: resolveInterrupt
+      });
     }
+    if (!render)
+      return null;
+    return import_react19.default.createElement(InterruptRenderer, {
+      event: currentQueuedEvent.event,
+      result,
+      render,
+      resolve: resolveInterrupt
+    });
+  }, [interruptActions, interruptEventQueue, threadId, agentSession, handleResolve]);
+}
+
+// src/hooks/use-copilot-chat_internal.ts
+var import_react25 = require("@copilotkitnext/react");
+
+// src/hooks/use-lazy-tool-renderer.tsx
+var import_react20 = require("@copilotkitnext/react");
+var import_react21 = require("react");
+function useLazyToolRenderer() {
+  const renderToolCall = (0, import_react20.useRenderToolCall)();
+  return (0, import_react21.useCallback)(
+    (message, messages) => {
+      var _a;
+      if (!((_a = message == null ? void 0 : message.toolCalls) == null ? void 0 : _a.length))
+        return null;
+      const toolCall = message.toolCalls[0];
+      if (!toolCall)
+        return null;
+      const toolMessage = messages == null ? void 0 : messages.find(
+        (m) => m.role === "tool" && m.toolCallId === toolCall.id
+      );
+      return () => renderToolCall({
+        toolCall,
+        toolMessage
+      });
+    },
+    [renderToolCall]
+  );
+}
+
+// src/hooks/use-configure-chat-suggestions.tsx
+var import_react22 = require("@copilotkitnext/react");
+var import_react23 = require("react");
+function useConfigureChatSuggestions(config, dependencies = []) {
+  const { agentSession } = useCopilotContext();
+  const { copilotkit } = (0, import_react22.useCopilotKit)();
+  const available = config.available === "enabled" ? "always" : config.available;
+  const finalSuggestionConfig = __spreadProps(__spreadValues({}, config), {
+    available,
+    consumerAgentId: agentSession == null ? void 0 : agentSession.agentName
+    // Use chatConfig.agentId here
   });
-  const agentSessionRef = (0, import_react13.useRef)(agentSession);
-  agentSessionRef.current = agentSession;
-  const runIdRef = (0, import_react13.useRef)(runId);
-  runIdRef.current = runId;
-  const extensionsRef = (0, import_react13.useRef)(extensions);
-  extensionsRef.current = extensions;
-  const publicApiKey = copilotConfig.publicApiKey;
-  const headers = __spreadValues(__spreadValues({}, copilotConfig.headers || {}), publicApiKey ? { [import_shared14.COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
-  const runtimeClient = useCopilotRuntimeClient({
-    url: copilotConfig.chatApiEndpoint,
-    publicApiKey: copilotConfig.publicApiKey,
-    headers,
-    credentials: copilotConfig.credentials,
-    showDevConsole,
-    onError
-  });
-  const pendingAppendsRef = (0, import_react13.useRef)([]);
-  const runChatCompletion = useAsyncCallback(
-    (previousMessages) => __async(this, null, function* () {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
-      setIsLoading(true);
-      const interruptEvent = langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.event;
-      if ((interruptEvent == null ? void 0 : interruptEvent.name) === import_runtime_client_gql7.MetaEventName.LangGraphInterruptEvent && (interruptEvent == null ? void 0 : interruptEvent.value) && !(interruptEvent == null ? void 0 : interruptEvent.response) && agentSessionRef.current) {
-        addErrorToast([
-          new Error(
-            "A message was sent while interrupt is active. This will cause failure on the agent side"
-          )
-        ]);
-      }
-      let newMessages = [
-        new import_runtime_client_gql7.TextMessage({
-          content: "",
-          role: import_runtime_client_gql7.Role.Assistant
-        })
-      ];
-      chatAbortControllerRef.current = new AbortController();
-      setMessages([...previousMessages, ...newMessages]);
-      const messagesWithContext = disableSystemMessage ? [...initialMessages || [], ...previousMessages] : [makeSystemMessageCallback(), ...initialMessages || [], ...previousMessages];
-      const finalProperties = __spreadValues({}, copilotConfig.properties || {});
-      let mcpServersToUse = null;
-      if (copilotConfig.mcpServers && Array.isArray(copilotConfig.mcpServers) && copilotConfig.mcpServers.length > 0) {
-        mcpServersToUse = copilotConfig.mcpServers;
-      } else if (((_a = copilotConfig.properties) == null ? void 0 : _a.mcpServers) && Array.isArray(copilotConfig.properties.mcpServers) && copilotConfig.properties.mcpServers.length > 0) {
-        mcpServersToUse = copilotConfig.properties.mcpServers;
-      }
-      if (mcpServersToUse) {
-        finalProperties.mcpServers = mcpServersToUse;
-        copilotConfig.mcpServers = mcpServersToUse;
+  (0, import_react22.useConfigureSuggestions)(finalSuggestionConfig, { deps: dependencies });
+  const result = (0, import_react22.useSuggestions)({ agentId: agentSession == null ? void 0 : agentSession.agentName });
+  (0, import_react23.useEffect)(() => {
+    if (finalSuggestionConfig.available === "disabled")
+      return;
+    const subscription = copilotkit.subscribe({
+      onAgentsChanged: () => {
+        const agent = copilotkit.getAgent(agentSession == null ? void 0 : agentSession.agentName);
+        if (agent && !agent.isRunning && !result.suggestions.length) {
+          copilotkit.reloadSuggestions(agentSession == null ? void 0 : agentSession.agentName);
+        }
       }
-      const isAgentRun = agentSessionRef.current !== null;
-      const stream = runtimeClient.asStream(
-        runtimeClient.generateCopilotResponse({
-          data: __spreadProps(__spreadValues(__spreadProps(__spreadValues({
-            frontend: {
-              actions: processActionsForRuntimeRequest(actions),
-              url: window.location.href
-            },
-            threadId,
-            runId: runIdRef.current,
-            extensions: extensionsRef.current,
-            metaEvents: composeAndFlushMetaEventsInput([langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.event]),
-            messages: (0, import_runtime_client_gql7.convertMessagesToGqlInput)((0, import_runtime_client_gql7.filterAgentStateMessages)(messagesWithContext))
-          }, copilotConfig.cloud ? {
-            cloud: __spreadValues({}, ((_d = (_c = (_b = copilotConfig.cloud.guardrails) == null ? void 0 : _b.input) == null ? void 0 : _c.restrictToTopic) == null ? void 0 : _d.enabled) ? {
-              guardrails: {
-                inputValidationRules: {
-                  allowList: copilotConfig.cloud.guardrails.input.restrictToTopic.validTopics,
-                  denyList: copilotConfig.cloud.guardrails.input.restrictToTopic.invalidTopics
-                }
-              }
-            } : {})
-          } : {}), {
-            metadata: {
-              requestType: import_runtime_client_gql7.CopilotRequestType.Chat
-            }
-          }), agentSessionRef.current ? {
-            agentSession: agentSessionRef.current
-          } : {}), {
-            agentStates: Object.values(coagentStatesRef.current).map((state) => {
-              const stateObject = {
-                agentName: state.name,
-                state: JSON.stringify(state.state)
-              };
-              if (state.config !== void 0) {
-                stateObject.config = JSON.stringify(state.config);
-              }
-              return stateObject;
-            }),
-            forwardedParameters: options.forwardedParameters || {},
-            context
-          }),
-          properties: finalProperties,
-          signal: (_e = chatAbortControllerRef.current) == null ? void 0 : _e.signal
-        })
-      );
-      const guardrailsEnabled = ((_h = (_g = (_f = copilotConfig.cloud) == null ? void 0 : _f.guardrails) == null ? void 0 : _g.input) == null ? void 0 : _h.restrictToTopic.enabled) || false;
-      const reader = stream.getReader();
-      let executedCoAgentStateRenders = [];
-      let followUp = void 0;
-      let messages2 = [];
-      let syncedMessages = [];
-      let interruptMessages = [];
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, []);
+  return result;
+}
+
+// ../../node_modules/.pnpm/@ag-ui+core@0.0.42-alpha.1/node_modules/@ag-ui/core/dist/index.mjs
+var import_zod = require("zod");
+var import_zod2 = require("zod");
+var FunctionCallSchema = import_zod.z.object({
+  name: import_zod.z.string(),
+  arguments: import_zod.z.string()
+});
+var ToolCallSchema = import_zod.z.object({
+  id: import_zod.z.string(),
+  type: import_zod.z.literal("function"),
+  function: FunctionCallSchema
+});
+var BaseMessageSchema = import_zod.z.object({
+  id: import_zod.z.string(),
+  role: import_zod.z.string(),
+  content: import_zod.z.string().optional(),
+  name: import_zod.z.string().optional()
+});
+var TextInputContentSchema = import_zod.z.object({
+  type: import_zod.z.literal("text"),
+  text: import_zod.z.string()
+});
+var BinaryInputContentObjectSchema = import_zod.z.object({
+  type: import_zod.z.literal("binary"),
+  mimeType: import_zod.z.string(),
+  id: import_zod.z.string().optional(),
+  url: import_zod.z.string().optional(),
+  data: import_zod.z.string().optional(),
+  filename: import_zod.z.string().optional()
+});
+var ensureBinaryPayload = (value, ctx) => {
+  if (!value.id && !value.url && !value.data) {
+    ctx.addIssue({
+      code: import_zod.z.ZodIssueCode.custom,
+      message: "BinaryInputContent requires at least one of id, url, or data.",
+      path: ["id"]
+    });
+  }
+};
+var BinaryInputContentSchema = BinaryInputContentObjectSchema.superRefine((value, ctx) => {
+  ensureBinaryPayload(value, ctx);
+});
+var InputContentBaseSchema = import_zod.z.discriminatedUnion("type", [
+  TextInputContentSchema,
+  BinaryInputContentObjectSchema
+]);
+var InputContentSchema = InputContentBaseSchema.superRefine((value, ctx) => {
+  if (value.type === "binary") {
+    ensureBinaryPayload(value, ctx);
+  }
+});
+var DeveloperMessageSchema = BaseMessageSchema.extend({
+  role: import_zod.z.literal("developer"),
+  content: import_zod.z.string()
+});
+var SystemMessageSchema = BaseMessageSchema.extend({
+  role: import_zod.z.literal("system"),
+  content: import_zod.z.string()
+});
+var AssistantMessageSchema = BaseMessageSchema.extend({
+  role: import_zod.z.literal("assistant"),
+  content: import_zod.z.string().optional(),
+  toolCalls: import_zod.z.array(ToolCallSchema).optional()
+});
+var UserMessageSchema = BaseMessageSchema.extend({
+  role: import_zod.z.literal("user"),
+  content: import_zod.z.union([import_zod.z.string(), import_zod.z.array(InputContentSchema)])
+});
+var ToolMessageSchema = import_zod.z.object({
+  id: import_zod.z.string(),
+  content: import_zod.z.string(),
+  role: import_zod.z.literal("tool"),
+  toolCallId: import_zod.z.string(),
+  error: import_zod.z.string().optional()
+});
+var ActivityMessageSchema = import_zod.z.object({
+  id: import_zod.z.string(),
+  role: import_zod.z.literal("activity"),
+  activityType: import_zod.z.string(),
+  content: import_zod.z.record(import_zod.z.any())
+});
+var MessageSchema = import_zod.z.discriminatedUnion("role", [
+  DeveloperMessageSchema,
+  SystemMessageSchema,
+  AssistantMessageSchema,
+  UserMessageSchema,
+  ToolMessageSchema,
+  ActivityMessageSchema
+]);
+var RoleSchema = import_zod.z.union([
+  import_zod.z.literal("developer"),
+  import_zod.z.literal("system"),
+  import_zod.z.literal("assistant"),
+  import_zod.z.literal("user"),
+  import_zod.z.literal("tool"),
+  import_zod.z.literal("activity")
+]);
+var ContextSchema = import_zod.z.object({
+  description: import_zod.z.string(),
+  value: import_zod.z.string()
+});
+var ToolSchema = import_zod.z.object({
+  name: import_zod.z.string(),
+  description: import_zod.z.string(),
+  parameters: import_zod.z.any()
+  // JSON Schema for the tool parameters
+});
+var RunAgentInputSchema = import_zod.z.object({
+  threadId: import_zod.z.string(),
+  runId: import_zod.z.string(),
+  parentRunId: import_zod.z.string().optional(),
+  state: import_zod.z.any(),
+  messages: import_zod.z.array(MessageSchema),
+  tools: import_zod.z.array(ToolSchema),
+  context: import_zod.z.array(ContextSchema),
+  forwardedProps: import_zod.z.any()
+});
+var StateSchema = import_zod.z.any();
+var AGUIError = class extends Error {
+  constructor(message) {
+    super(message);
+  }
+};
+var AGUIConnectNotImplementedError = class extends AGUIError {
+  constructor() {
+    super("Connect not implemented. This method is not supported by the current agent.");
+  }
+};
+var TextMessageRoleSchema = import_zod2.z.union([
+  import_zod2.z.literal("developer"),
+  import_zod2.z.literal("system"),
+  import_zod2.z.literal("assistant"),
+  import_zod2.z.literal("user")
+]);
+var EventType = /* @__PURE__ */ ((EventType2) => {
+  EventType2["TEXT_MESSAGE_START"] = "TEXT_MESSAGE_START";
+  EventType2["TEXT_MESSAGE_CONTENT"] = "TEXT_MESSAGE_CONTENT";
+  EventType2["TEXT_MESSAGE_END"] = "TEXT_MESSAGE_END";
+  EventType2["TEXT_MESSAGE_CHUNK"] = "TEXT_MESSAGE_CHUNK";
+  EventType2["THINKING_TEXT_MESSAGE_START"] = "THINKING_TEXT_MESSAGE_START";
+  EventType2["THINKING_TEXT_MESSAGE_CONTENT"] = "THINKING_TEXT_MESSAGE_CONTENT";
+  EventType2["THINKING_TEXT_MESSAGE_END"] = "THINKING_TEXT_MESSAGE_END";
+  EventType2["TOOL_CALL_START"] = "TOOL_CALL_START";
+  EventType2["TOOL_CALL_ARGS"] = "TOOL_CALL_ARGS";
+  EventType2["TOOL_CALL_END"] = "TOOL_CALL_END";
+  EventType2["TOOL_CALL_CHUNK"] = "TOOL_CALL_CHUNK";
+  EventType2["TOOL_CALL_RESULT"] = "TOOL_CALL_RESULT";
+  EventType2["THINKING_START"] = "THINKING_START";
+  EventType2["THINKING_END"] = "THINKING_END";
+  EventType2["STATE_SNAPSHOT"] = "STATE_SNAPSHOT";
+  EventType2["STATE_DELTA"] = "STATE_DELTA";
+  EventType2["MESSAGES_SNAPSHOT"] = "MESSAGES_SNAPSHOT";
+  EventType2["ACTIVITY_SNAPSHOT"] = "ACTIVITY_SNAPSHOT";
+  EventType2["ACTIVITY_DELTA"] = "ACTIVITY_DELTA";
+  EventType2["RAW"] = "RAW";
+  EventType2["CUSTOM"] = "CUSTOM";
+  EventType2["RUN_STARTED"] = "RUN_STARTED";
+  EventType2["RUN_FINISHED"] = "RUN_FINISHED";
+  EventType2["RUN_ERROR"] = "RUN_ERROR";
+  EventType2["STEP_STARTED"] = "STEP_STARTED";
+  EventType2["STEP_FINISHED"] = "STEP_FINISHED";
+  return EventType2;
+})(EventType || {});
+var BaseEventSchema = import_zod2.z.object({
+  type: import_zod2.z.nativeEnum(EventType),
+  timestamp: import_zod2.z.number().optional(),
+  rawEvent: import_zod2.z.any().optional()
+});
+var TextMessageStartEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "TEXT_MESSAGE_START"
+    /* TEXT_MESSAGE_START */
+  ),
+  messageId: import_zod2.z.string(),
+  role: TextMessageRoleSchema.default("assistant")
+});
+var TextMessageContentEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "TEXT_MESSAGE_CONTENT"
+    /* TEXT_MESSAGE_CONTENT */
+  ),
+  messageId: import_zod2.z.string(),
+  delta: import_zod2.z.string().refine((s) => s.length > 0, "Delta must not be an empty string")
+});
+var TextMessageEndEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "TEXT_MESSAGE_END"
+    /* TEXT_MESSAGE_END */
+  ),
+  messageId: import_zod2.z.string()
+});
+var TextMessageChunkEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "TEXT_MESSAGE_CHUNK"
+    /* TEXT_MESSAGE_CHUNK */
+  ),
+  messageId: import_zod2.z.string().optional(),
+  role: TextMessageRoleSchema.optional(),
+  delta: import_zod2.z.string().optional()
+});
+var ThinkingTextMessageStartEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "THINKING_TEXT_MESSAGE_START"
+    /* THINKING_TEXT_MESSAGE_START */
+  )
+});
+var ThinkingTextMessageContentEventSchema = TextMessageContentEventSchema.omit({
+  messageId: true,
+  type: true
+}).extend({
+  type: import_zod2.z.literal(
+    "THINKING_TEXT_MESSAGE_CONTENT"
+    /* THINKING_TEXT_MESSAGE_CONTENT */
+  )
+});
+var ThinkingTextMessageEndEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "THINKING_TEXT_MESSAGE_END"
+    /* THINKING_TEXT_MESSAGE_END */
+  )
+});
+var ToolCallStartEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "TOOL_CALL_START"
+    /* TOOL_CALL_START */
+  ),
+  toolCallId: import_zod2.z.string(),
+  toolCallName: import_zod2.z.string(),
+  parentMessageId: import_zod2.z.string().optional()
+});
+var ToolCallArgsEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "TOOL_CALL_ARGS"
+    /* TOOL_CALL_ARGS */
+  ),
+  toolCallId: import_zod2.z.string(),
+  delta: import_zod2.z.string()
+});
+var ToolCallEndEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "TOOL_CALL_END"
+    /* TOOL_CALL_END */
+  ),
+  toolCallId: import_zod2.z.string()
+});
+var ToolCallResultEventSchema = BaseEventSchema.extend({
+  messageId: import_zod2.z.string(),
+  type: import_zod2.z.literal(
+    "TOOL_CALL_RESULT"
+    /* TOOL_CALL_RESULT */
+  ),
+  toolCallId: import_zod2.z.string(),
+  content: import_zod2.z.string(),
+  role: import_zod2.z.literal("tool").optional()
+});
+var ToolCallChunkEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "TOOL_CALL_CHUNK"
+    /* TOOL_CALL_CHUNK */
+  ),
+  toolCallId: import_zod2.z.string().optional(),
+  toolCallName: import_zod2.z.string().optional(),
+  parentMessageId: import_zod2.z.string().optional(),
+  delta: import_zod2.z.string().optional()
+});
+var ThinkingStartEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "THINKING_START"
+    /* THINKING_START */
+  ),
+  title: import_zod2.z.string().optional()
+});
+var ThinkingEndEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "THINKING_END"
+    /* THINKING_END */
+  )
+});
+var StateSnapshotEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "STATE_SNAPSHOT"
+    /* STATE_SNAPSHOT */
+  ),
+  snapshot: StateSchema
+});
+var StateDeltaEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "STATE_DELTA"
+    /* STATE_DELTA */
+  ),
+  delta: import_zod2.z.array(import_zod2.z.any())
+  // JSON Patch (RFC 6902)
+});
+var MessagesSnapshotEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "MESSAGES_SNAPSHOT"
+    /* MESSAGES_SNAPSHOT */
+  ),
+  messages: import_zod2.z.array(MessageSchema)
+});
+var ActivitySnapshotEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "ACTIVITY_SNAPSHOT"
+    /* ACTIVITY_SNAPSHOT */
+  ),
+  messageId: import_zod2.z.string(),
+  activityType: import_zod2.z.string(),
+  content: import_zod2.z.record(import_zod2.z.any()),
+  replace: import_zod2.z.boolean().optional().default(true)
+});
+var ActivityDeltaEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "ACTIVITY_DELTA"
+    /* ACTIVITY_DELTA */
+  ),
+  messageId: import_zod2.z.string(),
+  activityType: import_zod2.z.string(),
+  patch: import_zod2.z.array(import_zod2.z.any())
+});
+var RawEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "RAW"
+    /* RAW */
+  ),
+  event: import_zod2.z.any(),
+  source: import_zod2.z.string().optional()
+});
+var CustomEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "CUSTOM"
+    /* CUSTOM */
+  ),
+  name: import_zod2.z.string(),
+  value: import_zod2.z.any()
+});
+var RunStartedEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "RUN_STARTED"
+    /* RUN_STARTED */
+  ),
+  threadId: import_zod2.z.string(),
+  runId: import_zod2.z.string(),
+  parentRunId: import_zod2.z.string().optional(),
+  input: RunAgentInputSchema.optional()
+});
+var RunFinishedEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "RUN_FINISHED"
+    /* RUN_FINISHED */
+  ),
+  threadId: import_zod2.z.string(),
+  runId: import_zod2.z.string(),
+  result: import_zod2.z.any().optional()
+});
+var RunErrorEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "RUN_ERROR"
+    /* RUN_ERROR */
+  ),
+  message: import_zod2.z.string(),
+  code: import_zod2.z.string().optional()
+});
+var StepStartedEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "STEP_STARTED"
+    /* STEP_STARTED */
+  ),
+  stepName: import_zod2.z.string()
+});
+var StepFinishedEventSchema = BaseEventSchema.extend({
+  type: import_zod2.z.literal(
+    "STEP_FINISHED"
+    /* STEP_FINISHED */
+  ),
+  stepName: import_zod2.z.string()
+});
+var EventSchemas = import_zod2.z.discriminatedUnion("type", [
+  TextMessageStartEventSchema,
+  TextMessageContentEventSchema,
+  TextMessageEndEventSchema,
+  TextMessageChunkEventSchema,
+  ThinkingStartEventSchema,
+  ThinkingEndEventSchema,
+  ThinkingTextMessageStartEventSchema,
+  ThinkingTextMessageContentEventSchema,
+  ThinkingTextMessageEndEventSchema,
+  ToolCallStartEventSchema,
+  ToolCallArgsEventSchema,
+  ToolCallEndEventSchema,
+  ToolCallChunkEventSchema,
+  ToolCallResultEventSchema,
+  StateSnapshotEventSchema,
+  StateDeltaEventSchema,
+  MessagesSnapshotEventSchema,
+  ActivitySnapshotEventSchema,
+  ActivityDeltaEventSchema,
+  RawEventSchema,
+  CustomEventSchema,
+  RunStartedEventSchema,
+  RunFinishedEventSchema,
+  RunErrorEventSchema,
+  StepStartedEventSchema,
+  StepFinishedEventSchema
+]);
+
+// src/hooks/use-copilot-chat_internal.ts
+function useConfigureSuggestions2(suggestions) {
+  let suggestionsConfig;
+  if (Array.isArray(suggestions)) {
+    suggestionsConfig = {
+      suggestions,
+      available: "always"
+    };
+  } else if (suggestions === "auto") {
+    suggestionsConfig = {
+      available: suggestions === "auto" ? "always" : "disabled",
+      instructions: "Suggest what the user could say next. Provide clear, highly relevant suggestions. Do not literally suggest function calls."
+    };
+  } else {
+    suggestionsConfig = { available: "disabled" };
+  }
+  useConfigureChatSuggestions(suggestionsConfig);
+}
+function useCopilotChatInternal({
+  suggestions
+} = {}) {
+  var _a, _b, _c, _d;
+  const { copilotkit } = (0, import_react25.useCopilotKit)();
+  const { threadId, agentSession } = useCopilotContext();
+  const existingConfig = (0, import_react25.useCopilotChatConfiguration)();
+  const [agentAvailable, setAgentAvailable] = (0, import_react24.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 connect = (agent2) => __async(this, null, function* () {
+      setAgentAvailable(false);
       try {
-        while (true) {
-          let done, value;
-          try {
-            const readResult = yield reader.read();
-            done = readResult.done;
-            value = readResult.value;
-          } catch (readError) {
-            break;
-          }
-          if (done) {
-            if (chatAbortControllerRef.current.signal.aborted) {
-              return [];
-            }
-            break;
-          }
-          if (!(value == null ? void 0 : value.generateCopilotResponse)) {
-            continue;
-          }
-          runIdRef.current = value.generateCopilotResponse.runId || null;
-          extensionsRef.current = import_runtime_client_gql7.CopilotRuntimeClient.removeGraphQLTypename(
-            value.generateCopilotResponse.extensions || {}
-          );
-          setRunId(runIdRef.current);
-          setExtensions(extensionsRef.current);
-          let rawMessagesResponse = value.generateCopilotResponse.messages;
-          const metaEvents = (_j = (_i = value.generateCopilotResponse) == null ? void 0 : _i.metaEvents) != null ? _j : [];
-          (metaEvents != null ? metaEvents : []).forEach((ev) => {
-            if (ev.name === import_runtime_client_gql7.MetaEventName.LangGraphInterruptEvent) {
-              let eventValue = (0, import_runtime_client_gql7.langGraphInterruptEvent)(ev).value;
-              eventValue = (0, import_shared14.parseJson)(eventValue, eventValue);
-              setLangGraphInterruptAction(threadId, {
-                event: __spreadProps(__spreadValues({}, (0, import_runtime_client_gql7.langGraphInterruptEvent)(ev)), {
-                  value: eventValue
-                })
-              });
-            }
-            if (ev.name === import_runtime_client_gql7.MetaEventName.CopilotKitLangGraphInterruptEvent) {
-              const data = ev.data;
-              rawMessagesResponse = [...rawMessagesResponse, ...data.messages];
-              interruptMessages = (0, import_runtime_client_gql7.convertGqlOutputToMessages)(
-                // @ts-ignore
-                (0, import_runtime_client_gql7.filterAdjacentAgentStateMessages)(data.messages)
-              );
-            }
-          });
-          messages2 = (0, import_runtime_client_gql7.convertGqlOutputToMessages)(
-            (0, import_runtime_client_gql7.filterAdjacentAgentStateMessages)(rawMessagesResponse)
-          );
-          newMessages = [];
-          if (((_k = value.generateCopilotResponse.status) == null ? void 0 : _k.__typename) === "FailedResponseStatus" && value.generateCopilotResponse.status.reason === "GUARDRAILS_VALIDATION_FAILED") {
-            const guardrailsReason = ((_l = value.generateCopilotResponse.status.details) == null ? void 0 : _l.guardrailsReason) || "";
-            newMessages = [
-              new import_runtime_client_gql7.TextMessage({
-                role: import_runtime_client_gql7.MessageRole.Assistant,
-                content: guardrailsReason
-              })
-            ];
-            const guardrailsError = new import_shared14.CopilotKitError({
-              message: `Guardrails validation failed: ${guardrailsReason}`,
-              code: import_shared14.CopilotKitErrorCode.MISUSE
-            });
-            yield traceUIError(guardrailsError, {
-              statusReason: value.generateCopilotResponse.status.reason,
-              statusDetails: value.generateCopilotResponse.status.details
-            });
-            setMessages([...previousMessages, ...newMessages]);
-            break;
-          }
-          if (((_m = value.generateCopilotResponse.status) == null ? void 0 : _m.__typename) === "FailedResponseStatus" && value.generateCopilotResponse.status.reason === "UNKNOWN_ERROR") {
-            const errorMessage = ((_n = value.generateCopilotResponse.status.details) == null ? void 0 : _n.description) || "An unknown error occurred";
-            const statusDetails = value.generateCopilotResponse.status.details;
-            const originalError = (statusDetails == null ? void 0 : statusDetails.originalError) || (statusDetails == null ? void 0 : statusDetails.error);
-            const originalCode = (originalError == null ? void 0 : originalError.code) || ((_o = originalError == null ? void 0 : originalError.extensions) == null ? void 0 : _o.code);
-            const originalSeverity = (originalError == null ? void 0 : originalError.severity) || ((_p = originalError == null ? void 0 : originalError.extensions) == null ? void 0 : _p.severity);
-            const originalVisibility = (originalError == null ? void 0 : originalError.visibility) || ((_q = originalError == null ? void 0 : originalError.extensions) == null ? void 0 : _q.visibility);
-            let errorCode = import_shared14.CopilotKitErrorCode.NETWORK_ERROR;
-            if (originalCode && Object.values(import_shared14.CopilotKitErrorCode).includes(originalCode)) {
-              errorCode = originalCode;
-            }
-            const structuredError = new import_shared14.CopilotKitError({
-              message: errorMessage,
-              code: errorCode,
-              severity: originalSeverity,
-              visibility: originalVisibility
-            });
-            setBannerError(structuredError);
-            yield traceUIError(structuredError, {
-              statusReason: value.generateCopilotResponse.status.reason,
-              statusDetails: value.generateCopilotResponse.status.details,
-              originalErrorCode: originalCode,
-              preservedStructure: !!originalCode
-            });
-            setIsLoading(false);
-            throw new Error(structuredError.message);
-          } else if (messages2.length > 0) {
-            newMessages = [...messages2];
-            for (const message of messages2) {
-              if (message.isAgentStateMessage() && !message.active && !executedCoAgentStateRenders.includes(message.id) && onCoAgentStateRender) {
-                if (guardrailsEnabled && value.generateCopilotResponse.status === void 0) {
-                  break;
-                }
-                yield onCoAgentStateRender({
-                  name: message.agentName,
-                  nodeName: message.nodeName,
-                  state: message.state
-                });
-                executedCoAgentStateRenders.push(message.id);
-              }
-            }
-            const lastAgentStateMessage = [...messages2].reverse().find((message) => message.isAgentStateMessage());
-            if (lastAgentStateMessage) {
-              if (lastAgentStateMessage.state.messages && lastAgentStateMessage.state.messages.length > 0) {
-                syncedMessages = (0, import_runtime_client_gql7.loadMessagesFromJsonRepresentation)(
-                  lastAgentStateMessage.state.messages
-                );
-              }
-              setCoagentStatesWithRef((prevAgentStates) => {
-                var _a2;
-                return __spreadProps(__spreadValues({}, prevAgentStates), {
-                  [lastAgentStateMessage.agentName]: {
-                    name: lastAgentStateMessage.agentName,
-                    state: lastAgentStateMessage.state,
-                    running: lastAgentStateMessage.running,
-                    active: lastAgentStateMessage.active,
-                    threadId: lastAgentStateMessage.threadId,
-                    nodeName: lastAgentStateMessage.nodeName,
-                    runId: lastAgentStateMessage.runId,
-                    // Preserve existing config from previous state
-                    config: (_a2 = prevAgentStates[lastAgentStateMessage.agentName]) == null ? void 0 : _a2.config
-                  }
-                });
-              });
-              if (lastAgentStateMessage.running) {
-                setAgentSession({
-                  threadId: lastAgentStateMessage.threadId,
-                  agentName: lastAgentStateMessage.agentName,
-                  nodeName: lastAgentStateMessage.nodeName
-                });
-              } else {
-                if (agentLock) {
-                  setAgentSession({
-                    threadId: (0, import_shared14.randomId)(),
-                    agentName: agentLock,
-                    nodeName: void 0
-                  });
-                } else {
-                  setAgentSession(null);
-                }
-              }
-            }
-          }
-          if (newMessages.length > 0) {
-            setMessages([...previousMessages, ...newMessages]);
-          }
-        }
-        let finalMessages = constructFinalMessages(
-          [...syncedMessages, ...interruptMessages],
-          previousMessages,
-          newMessages
-        );
-        let didExecuteAction = false;
-        const executeActionFromMessage = (currentAction, actionMessage) => __async(this, null, function* () {
-          var _a2;
-          const isInterruptAction = interruptMessages.find((m) => m.id === actionMessage.id);
-          followUp = (_a2 = currentAction == null ? void 0 : currentAction.followUp) != null ? _a2 : !isInterruptAction;
-          if (currentAction == null ? void 0 : currentAction._setActivatingMessageId) {
-            currentAction._setActivatingMessageId(actionMessage.id);
-          }
-          const resultMessage = yield executeAction({
-            onFunctionCall,
-            message: actionMessage,
-            chatAbortControllerRef,
-            onError: (error) => {
-              addErrorToast([error]);
-              console.error(`Failed to execute action ${actionMessage.name}: ${error}`);
-            },
-            setMessages,
-            getFinalMessages: () => finalMessages,
-            isRenderAndWait: (currentAction == null ? void 0 : currentAction._isRenderAndWait) || false
-          });
-          didExecuteAction = true;
-          const messageIndex = finalMessages.findIndex((msg) => msg.id === actionMessage.id);
-          finalMessages.splice(messageIndex + 1, 0, resultMessage);
-          if (currentAction == null ? void 0 : currentAction._isRenderAndWait) {
-            const messagesForImmediateUpdate = [...finalMessages];
-            (0, import_react_dom2.flushSync)(() => {
-              setMessages(messagesForImmediateUpdate);
-            });
-          }
-          if (currentAction == null ? void 0 : currentAction._setActivatingMessageId) {
-            currentAction._setActivatingMessageId(null);
-          }
-          return resultMessage;
-        });
-        if (onFunctionCall) {
-          const lastMessages = [];
-          for (let i = finalMessages.length - 1; i >= 0; i--) {
-            const message = finalMessages[i];
-            if ((message.isActionExecutionMessage() || message.isResultMessage()) && message.status.code !== import_runtime_client_gql7.MessageStatusCode.Pending) {
-              lastMessages.unshift(message);
-            } else if (!message.isAgentStateMessage()) {
-              break;
-            }
-          }
-          for (const message of lastMessages) {
-            setMessages(finalMessages);
-            const action = actions.find(
-              (action2) => action2.name === message.name
-            );
-            if (action && action.available === "frontend") {
-              continue;
-            }
-            const currentResultMessagePairedFeAction = message.isResultMessage() ? getPairedFeAction(actions, message) : null;
-            if (action && message.isActionExecutionMessage()) {
-              const isRenderAndWaitAction = (action == null ? void 0 : action._isRenderAndWait) || false;
-              const alreadyProcessed = isRenderAndWaitAction && finalMessages.some(
-                (fm) => fm.isResultMessage() && fm.actionExecutionId === message.id
-              );
-              if (alreadyProcessed) {
-              } else {
-                const resultMessage = yield executeActionFromMessage(
-                  action,
-                  message
-                );
-                const pairedFeAction = getPairedFeAction(actions, resultMessage);
-                if (pairedFeAction) {
-                  const newExecutionMessage = new import_runtime_client_gql7.ActionExecutionMessage({
-                    name: pairedFeAction.name,
-                    arguments: (0, import_shared14.parseJson)(resultMessage.result, resultMessage.result),
-                    status: message.status,
-                    createdAt: message.createdAt,
-                    parentMessageId: message.parentMessageId
-                  });
-                  yield executeActionFromMessage(pairedFeAction, newExecutionMessage);
-                }
-              }
-            } else if (message.isResultMessage() && currentResultMessagePairedFeAction) {
-              const newExecutionMessage = new import_runtime_client_gql7.ActionExecutionMessage({
-                name: currentResultMessagePairedFeAction.name,
-                arguments: (0, import_shared14.parseJson)(message.result, message.result),
-                status: message.status,
-                createdAt: message.createdAt
-              });
-              finalMessages.push(newExecutionMessage);
-              yield executeActionFromMessage(
-                currentResultMessagePairedFeAction,
-                newExecutionMessage
-              );
-            }
-          }
-          setMessages(finalMessages);
-        }
-        if (followUp !== false && (didExecuteAction || // the last message is a server side result
-        !isAgentRun && finalMessages.length && finalMessages[finalMessages.length - 1].isResultMessage()) && // the user did not stop generation
-        !((_r = chatAbortControllerRef.current) == null ? void 0 : _r.signal.aborted)) {
-          yield new Promise((resolve) => setTimeout(resolve, 10));
-          return yield runChatCompletionRef.current(finalMessages);
-        } else if ((_s = chatAbortControllerRef.current) == null ? void 0 : _s.signal.aborted) {
-          const repairedMessages = finalMessages.filter((message, actionExecutionIndex) => {
-            if (message.isActionExecutionMessage()) {
-              return finalMessages.find(
-                (msg, resultIndex) => msg.isResultMessage() && msg.actionExecutionId === message.id && resultIndex === actionExecutionIndex + 1
-              );
-            }
-            return true;
-          });
-          const repairedMessageIds = repairedMessages.map((message) => message.id);
-          setMessages(repairedMessages);
-          if ((_t = agentSessionRef.current) == null ? void 0 : _t.nodeName) {
-            setAgentSession({
-              threadId: agentSessionRef.current.threadId,
-              agentName: agentSessionRef.current.agentName,
-              nodeName: "__end__"
-            });
-          }
-          return newMessages.filter((message) => repairedMessageIds.includes(message.id));
+        yield copilotkit.connectAgent({ agent: agent2 });
+        setAgentAvailable(true);
+      } catch (error) {
+        if (error instanceof AGUIConnectNotImplementedError) {
         } else {
-          return newMessages.slice();
+          throw error;
         }
-      } finally {
-        setIsLoading(false);
-      }
-    }),
-    [
-      messages,
-      setMessages,
-      makeSystemMessageCallback,
-      copilotConfig,
-      setIsLoading,
-      initialMessages,
-      isLoading,
-      actions,
-      onFunctionCall,
-      onCoAgentStateRender,
-      setCoagentStatesWithRef,
-      coagentStatesRef,
-      agentSession,
-      setAgentSession,
-      disableSystemMessage,
-      context
-    ]
-  );
-  runChatCompletionRef.current = runChatCompletion;
-  const runChatCompletionAndHandleFunctionCall = useAsyncCallback(
-    (messages2) => __async(this, null, function* () {
-      yield runChatCompletionRef.current(messages2);
-    }),
-    [messages]
-  );
-  (0, import_react13.useEffect)(() => {
-    if (!isLoading && pendingAppendsRef.current.length > 0) {
-      const pending = pendingAppendsRef.current.splice(0);
-      const followUp = pending.some((p) => p.followUp);
-      const newMessages = [...messages, ...pending.map((p) => p.message)];
-      setMessages(newMessages);
-      if (followUp) {
-        runChatCompletionAndHandleFunctionCall(newMessages);
       }
+    });
+    if (agent && (existingConfig == null ? void 0 : existingConfig.threadId) && agent.threadId !== existingConfig.threadId) {
+      agent.threadId = existingConfig.threadId;
+      connect(agent);
     }
-  }, [isLoading, messages, setMessages, runChatCompletionAndHandleFunctionCall]);
-  const composeAndFlushMetaEventsInput = (0, import_react13.useCallback)(
-    (metaEvents) => {
-      return metaEvents.reduce((acc, event) => {
-        if (!event)
-          return acc;
-        switch (event.name) {
-          case import_runtime_client_gql7.MetaEventName.LangGraphInterruptEvent:
-            if (event.response) {
-              setLangGraphInterruptAction(threadId, null);
-              const value = event.value;
-              return [
-                ...acc,
-                {
-                  name: event.name,
-                  value: typeof value === "string" ? value : JSON.stringify(value),
-                  response: typeof event.response === "string" ? event.response : JSON.stringify(event.response)
-                }
-              ];
-            }
-            return acc;
-          default:
-            return acc;
-        }
-      }, []);
+    return () => {
+    };
+  }, [existingConfig == null ? void 0 : existingConfig.threadId, agent, copilotkit, resolvedAgentId]);
+  const interrupt = useLangGraphInterruptRender(agent);
+  const reset = () => {
+    agent == null ? void 0 : agent.setMessages([]);
+    agent == null ? void 0 : agent.setState(null);
+  };
+  const deleteMessage = (0, import_react24.useCallback)(
+    (messageId) => {
+      var _a2;
+      const filteredMessages = ((_a2 = agent == null ? void 0 : agent.messages) != null ? _a2 : []).filter(
+        (message) => message.id !== messageId
+      );
+      agent == null ? void 0 : agent.setMessages(filteredMessages);
     },
-    [setLangGraphInterruptAction]
+    [agent == null ? void 0 : agent.setMessages, agent == null ? void 0 : agent.messages]
   );
-  const append = useAsyncCallback(
-    (message, options2) => __async(this, null, function* () {
-      var _a;
-      const followUp = (_a = options2 == null ? void 0 : options2.followUp) != null ? _a : true;
-      if (isLoading) {
-        pendingAppendsRef.current.push({ message, followUp });
-        return;
-      }
-      const newMessages = [...messages, message];
-      setMessages(newMessages);
-      if (followUp) {
-        return runChatCompletionAndHandleFunctionCall(newMessages);
-      }
-    }),
-    [isLoading, messages, setMessages, runChatCompletionAndHandleFunctionCall]
+  const latestDelete = useUpdatedRef(deleteMessage);
+  const latestDeleteFunc = (0, import_react24.useCallback)(
+    (messageId) => {
+      return latestDelete.current(messageId);
+    },
+    [latestDelete]
   );
+  const currentSuggestions = (0, import_react25.useSuggestions)({ agentId: resolvedAgentId });
   const reload = useAsyncCallback(
     (reloadMessageId) => __async(this, null, function* () {
+      var _a2;
+      const messages = (_a2 = agent == null ? void 0 : agent.messages) != null ? _a2 : [];
+      const isLoading = false;
       if (isLoading || messages.length === 0) {
         return;
       }
@@ -3822,351 +3784,68 @@ function useChat(options) {
         return;
       }
       const reloadMessageRole = messages[reloadMessageIndex].role;
-      if (reloadMessageRole !== import_runtime_client_gql7.MessageRole.Assistant) {
+      if (reloadMessageRole !== "assistant") {
         console.warn(`Regenerate cannot be performed on ${reloadMessageRole} role`);
         return;
       }
       let historyCutoff = [messages[0]];
       if (messages.length > 2 && reloadMessageIndex !== 0) {
-        const lastUserMessageBeforeRegenerate = messages.slice(0, reloadMessageIndex).reverse().find(
-          (msg) => (
-            // @ts-expect-error -- message has role
-            msg.role === import_runtime_client_gql7.MessageRole.User
-          )
-        );
-        const indexOfLastUserMessageBeforeRegenerate = messages.findIndex(
-          (msg) => msg.id === lastUserMessageBeforeRegenerate.id
-        );
-        historyCutoff = messages.slice(0, indexOfLastUserMessageBeforeRegenerate + 1);
+        const lastUserMessageBeforeRegenerate = messages.slice(0, reloadMessageIndex).reverse().find((msg) => msg.role === "user");
+        if (!lastUserMessageBeforeRegenerate) {
+          historyCutoff = [messages[0]];
+        } else {
+          const indexOfLastUserMessageBeforeRegenerate = messages.findIndex(
+            (msg) => msg.id === lastUserMessageBeforeRegenerate.id
+          );
+          historyCutoff = messages.slice(0, indexOfLastUserMessageBeforeRegenerate + 1);
+        }
       } else if (messages.length > 2 && reloadMessageIndex === 0) {
         historyCutoff = [messages[0], messages[1]];
       }
-      setMessages(historyCutoff);
-      return runChatCompletionAndHandleFunctionCall(historyCutoff);
-    }),
-    [isLoading, messages, setMessages, runChatCompletionAndHandleFunctionCall]
-  );
-  const stop = () => {
-    var _a;
-    (_a = chatAbortControllerRef.current) == null ? void 0 : _a.abort("Stop was called");
-  };
-  return {
-    append,
-    reload,
-    stop,
-    runChatCompletion: () => runChatCompletionRef.current(messages)
-  };
-}
-function constructFinalMessages(syncedMessages, previousMessages, newMessages) {
-  const finalMessages = syncedMessages.length > 0 ? [...syncedMessages] : [...previousMessages, ...newMessages];
-  if (syncedMessages.length > 0) {
-    const messagesWithAgentState = [...previousMessages, ...newMessages];
-    let previousMessageId = void 0;
-    for (const message of messagesWithAgentState) {
-      if (message.isAgentStateMessage()) {
-        const index = finalMessages.findIndex((msg) => msg.id === previousMessageId);
-        if (index !== -1) {
-          finalMessages.splice(index + 1, 0, message);
-        }
-      }
-      previousMessageId = message.id;
-    }
-  }
-  return finalMessages;
-}
-function executeAction(_0) {
-  return __async(this, arguments, function* ({
-    onFunctionCall,
-    message,
-    chatAbortControllerRef,
-    onError,
-    setMessages,
-    getFinalMessages,
-    isRenderAndWait
-  }) {
-    let result;
-    let error = null;
-    const currentMessagesForHandler = getFinalMessages();
-    const handlerReturnedPromise = onFunctionCall({
-      messages: currentMessagesForHandler,
-      name: message.name,
-      args: message.arguments
-    });
-    if (isRenderAndWait) {
-      const currentMessagesForRender = getFinalMessages();
-      (0, import_react_dom2.flushSync)(() => {
-        setMessages([...currentMessagesForRender]);
-      });
-    }
-    try {
-      result = yield Promise.race([
-        handlerReturnedPromise,
-        // Await the promise returned by the handler
-        new Promise(
-          (resolve) => {
-            var _a;
-            return (_a = chatAbortControllerRef.current) == null ? void 0 : _a.signal.addEventListener(
-              "abort",
-              () => resolve("Operation was aborted by the user")
-            );
-          }
-        ),
-        // if the user stopped generation, we also abort consecutive actions
-        new Promise((resolve) => {
-          var _a;
-          if ((_a = chatAbortControllerRef.current) == null ? void 0 : _a.signal.aborted) {
-            resolve("Operation was aborted by the user");
-          }
-        })
-      ]);
-    } catch (e) {
-      onError(e);
-    }
-    return new import_runtime_client_gql7.ResultMessage({
-      id: "result-" + message.id,
-      result: import_runtime_client_gql7.ResultMessage.encodeResult(
-        error ? {
-          content: result,
-          error: JSON.parse(JSON.stringify(error, Object.getOwnPropertyNames(error)))
-        } : result
-      ),
-      actionExecutionId: message.id,
-      actionName: message.name
-    });
-  });
-}
-function getPairedFeAction(actions, message) {
-  let actionName = null;
-  if (message.isActionExecutionMessage()) {
-    actionName = message.name;
-  } else if (message.isResultMessage()) {
-    actionName = message.actionName;
-  }
-  return actions.find(
-    (action) => action.name === actionName && action.available === "frontend" || action.pairedAction === actionName
-  );
-}
-
-// src/hooks/use-copilot-chat_internal.ts
-var import_runtime_client_gql8 = require("@copilotkit/runtime-client-gql");
-
-// src/hooks/use-langgraph-interrupt-render.ts
-var import_react14 = __toESM(require("react"));
-var InterruptRenderer = ({ event, result, render, resolve }) => {
-  return render({ event, result, resolve });
-};
-function useLangGraphInterruptRender() {
-  const { langGraphInterruptAction, setLangGraphInterruptAction, agentSession, threadId } = useCopilotContext();
-  const responseRef = import_react14.default.useRef();
-  const resolveInterrupt = (0, import_react14.useCallback)(
-    (response) => {
-      responseRef.current = response;
-      setTimeout(() => {
-        setLangGraphInterruptAction(threadId, { event: { response } });
-      }, 0);
-    },
-    [setLangGraphInterruptAction, threadId]
-  );
-  if (!langGraphInterruptAction || !langGraphInterruptAction.event || !langGraphInterruptAction.render)
-    return null;
-  const { render, handler, event, enabled } = langGraphInterruptAction;
-  const conditionsMet = !agentSession || !enabled ? true : enabled({ eventValue: event.value, agentMetadata: agentSession });
-  if (!conditionsMet) {
-    return null;
-  }
-  let result = null;
-  if (handler) {
-    result = handler({
-      event,
-      resolve: resolveInterrupt
-    });
-  }
-  return import_react14.default.createElement(InterruptRenderer, {
-    event,
-    result,
-    render,
-    resolve: resolveInterrupt
-  });
-}
-
-// src/hooks/use-copilot-chat_internal.ts
-var globalSuggestionPromise = null;
-function useCopilotChat(options = {}) {
-  var _a;
-  const makeSystemMessage2 = (_a = options.makeSystemMessage) != null ? _a : defaultSystemMessage;
-  const {
-    getContextString,
-    getFunctionCallHandler,
-    copilotApiConfig,
-    isLoading,
-    setIsLoading,
-    chatInstructions,
-    actions,
-    coagentStatesRef,
-    setCoagentStatesWithRef,
-    coAgentStateRenders,
-    agentSession,
-    setAgentSession,
-    forwardedParameters,
-    agentLock,
-    threadId,
-    setThreadId,
-    runId,
-    setRunId,
-    chatAbortControllerRef,
-    extensions,
-    setExtensions,
-    langGraphInterruptAction,
-    setLangGraphInterruptAction,
-    chatSuggestionConfiguration,
-    runtimeClient
-  } = useCopilotContext();
-  const { messages, setMessages, suggestions, setSuggestions } = useCopilotMessagesContext();
-  const [mcpServers, setLocalMcpServers] = (0, import_react15.useState)([]);
-  const suggestionsAbortControllerRef = (0, import_react15.useRef)(null);
-  const isLoadingSuggestionsRef = (0, import_react15.useRef)(false);
-  const abortSuggestions = (0, import_react15.useCallback)(
-    (clear = true) => {
-      var _a2;
-      (_a2 = suggestionsAbortControllerRef.current) == null ? void 0 : _a2.abort("suggestions aborted by user");
-      suggestionsAbortControllerRef.current = null;
-      if (clear) {
-        setSuggestions([]);
+      agent == null ? void 0 : agent.setMessages(historyCutoff);
+      if (agent) {
+        copilotkit.runAgent({ agent });
       }
-    },
-    [setSuggestions]
+      return;
+    }),
+    [agent == null ? void 0 : agent.setMessages, copilotkit == null ? void 0 : copilotkit.runAgent]
   );
-  const stableContext = (0, import_react15.useMemo)(() => {
-    return {
-      actions,
-      copilotApiConfig,
-      chatSuggestionConfiguration,
-      messages,
-      setMessages,
-      getContextString,
-      runtimeClient
-    };
-  }, [
-    JSON.stringify(Object.keys(actions)),
-    copilotApiConfig.chatApiEndpoint,
-    messages.length,
-    Object.keys(chatSuggestionConfiguration).length
-  ]);
-  const generateSuggestionsFunc = (0, import_react15.useCallback)(() => __async(this, null, function* () {
-    if (globalSuggestionPromise) {
-      return globalSuggestionPromise;
-    }
-    globalSuggestionPromise = (() => __async(this, null, function* () {
-      try {
-        abortSuggestions();
-        isLoadingSuggestionsRef.current = true;
-        suggestionsAbortControllerRef.current = new AbortController();
-        setSuggestions([]);
-        yield reloadSuggestions(
-          stableContext,
-          chatSuggestionConfiguration,
-          setSuggestions,
-          suggestionsAbortControllerRef
-        );
-      } catch (error) {
-        throw error;
-      } finally {
-        isLoadingSuggestionsRef.current = false;
-        globalSuggestionPromise = null;
-      }
-    }))();
-    return globalSuggestionPromise;
-  }), [stableContext, chatSuggestionConfiguration, setSuggestions, abortSuggestions]);
-  const resetSuggestions = (0, import_react15.useCallback)(() => {
-    setSuggestions([]);
-  }, [setSuggestions]);
-  (0, import_react15.useEffect)(() => {
-    if (mcpServers.length > 0) {
-      const serversCopy = [...mcpServers];
-      copilotApiConfig.mcpServers = serversCopy;
-      if (!copilotApiConfig.properties) {
-        copilotApiConfig.properties = {};
-      }
-      copilotApiConfig.properties.mcpServers = serversCopy;
-    }
-  }, [mcpServers, copilotApiConfig]);
-  const setMcpServers = (0, import_react15.useCallback)((servers) => {
-    setLocalMcpServers(servers);
-  }, []);
-  const onCoAgentStateRender = useAsyncCallback(
-    (args) => __async(this, null, function* () {
+  const latestSendMessageFunc = useAsyncCallback(
+    (message, options) => __async(this, null, function* () {
       var _a2;
-      const { name, nodeName, state } = args;
-      let action = Object.values(coAgentStateRenders).find(
-        (action2) => action2.name === name && action2.nodeName === nodeName
-      );
-      if (!action) {
-        action = Object.values(coAgentStateRenders).find(
-          (action2) => action2.name === name && !action2.nodeName
-        );
+      if (!agent)
+        return;
+      const followUp = (_a2 = options == null ? void 0 : options.followUp) != null ? _a2 : true;
+      if (options == null ? void 0 : options.clearSuggestions) {
+        copilotkit.clearSuggestions(resolvedAgentId);
       }
-      if (action) {
-        yield (_a2 = action.handler) == null ? void 0 : _a2.call(action, { state, nodeName });
+      agent == null ? void 0 : agent.addMessage(message);
+      if (followUp) {
+        try {
+          yield copilotkit.runAgent({ agent });
+        } catch (error) {
+          console.error("CopilotChat: runAgent failed", error);
+        }
       }
     }),
-    [coAgentStateRenders]
-  );
-  const makeSystemMessageCallback = (0, import_react15.useCallback)(() => {
-    const systemMessageMaker = makeSystemMessage2 || defaultSystemMessage;
-    const contextString = getContextString([], defaultCopilotContextCategories);
-    return new import_runtime_client_gql8.TextMessage({
-      content: systemMessageMaker(contextString, chatInstructions),
-      role: import_runtime_client_gql8.Role.System
-    });
-  }, [getContextString, makeSystemMessage2, chatInstructions]);
-  const deleteMessage = (0, import_react15.useCallback)(
-    (messageId) => {
-      setMessages((prev) => prev.filter((message) => message.id !== messageId));
-    },
-    [setMessages]
+    [agent, copilotkit, resolvedAgentId]
   );
-  const { append, reload, stop, runChatCompletion } = useChat(__spreadProps(__spreadValues({}, options), {
-    actions: Object.values(actions),
-    copilotConfig: copilotApiConfig,
-    initialMessages: (0, import_runtime_client_gql8.aguiToGQL)(options.initialMessages || []),
-    onFunctionCall: getFunctionCallHandler(),
-    onCoAgentStateRender,
-    messages,
-    setMessages,
-    makeSystemMessageCallback,
-    isLoading,
-    setIsLoading,
-    coagentStatesRef,
-    setCoagentStatesWithRef,
-    agentSession,
-    setAgentSession,
-    forwardedParameters,
-    threadId,
-    setThreadId,
-    runId,
-    setRunId,
-    chatAbortControllerRef,
-    agentLock,
-    extensions,
-    setExtensions,
-    langGraphInterruptAction,
-    setLangGraphInterruptAction,
-    disableSystemMessage: options.disableSystemMessage
-  }));
-  const latestAppend = useUpdatedRef(append);
   const latestAppendFunc = useAsyncCallback(
-    (message, options2) => __async(this, null, function* () {
-      abortSuggestions(options2 == null ? void 0 : options2.clearSuggestions);
-      return yield latestAppend.current(message, options2);
+    (message, options) => __async(this, null, function* () {
+      return latestSendMessageFunc((0, import_runtime_client_gql2.gqlToAGUI)([message])[0], options);
     }),
-    [latestAppend]
+    [latestSendMessageFunc]
   );
-  const latestSendMessageFunc = useAsyncCallback(
-    (message, options2) => __async(this, null, function* () {
-      abortSuggestions(options2 == null ? void 0 : options2.clearSuggestions);
-      return yield latestAppend.current((0, import_runtime_client_gql8.aguiToGQL)([message])[0], options2);
-    }),
-    [latestAppend]
+  const latestSetMessages = useUpdatedRef(agent == null ? void 0 : agent.setMessages);
+  const latestSetMessagesFunc = (0, import_react24.useCallback)(
+    (messages) => {
+      var _a2, _b2;
+      if (messages.every((message) => message instanceof import_runtime_client_gql2.Message)) {
+        return (_a2 = latestSetMessages.current) == null ? void 0 : _a2.call(latestSetMessages, (0, import_runtime_client_gql2.gqlToAGUI)(messages));
+      }
+      return (_b2 = latestSetMessages.current) == null ? void 0 : _b2.call(latestSetMessages, messages);
+    },
+    [latestSetMessages, agent]
   );
   const latestReload = useUpdatedRef(reload);
   const latestReloadFunc = useAsyncCallback(
@@ -4175,61 +3854,81 @@ function useCopilotChat(options = {}) {
     }),
     [latestReload]
   );
-  const latestStop = useUpdatedRef(stop);
-  const latestStopFunc = (0, import_react15.useCallback)(() => {
-    return latestStop.current();
+  const latestStop = useUpdatedRef(agent == null ? void 0 : agent.abortRun);
+  const latestStopFunc = (0, import_react24.useCallback)(() => {
+    var _a2;
+    return (_a2 = latestStop.current) == null ? void 0 : _a2.call(latestStop);
   }, [latestStop]);
-  const latestDelete = useUpdatedRef(deleteMessage);
-  const latestDeleteFunc = (0, import_react15.useCallback)(
-    (messageId) => {
-      return latestDelete.current(messageId);
-    },
-    [latestDelete]
-  );
-  const latestSetMessages = useUpdatedRef(setMessages);
-  const latestSetMessagesFunc = (0, import_react15.useCallback)(
-    (messages2) => {
-      if (messages2.every((message) => message instanceof import_runtime_client_gql8.Message)) {
-        return latestSetMessages.current(messages2);
+  const latestReset = useUpdatedRef(reset);
+  const latestResetFunc = (0, import_react24.useCallback)(() => {
+    return latestReset.current();
+  }, [latestReset]);
+  const lazyToolRendered = useLazyToolRenderer();
+  const renderCustomMessage = (0, import_react25.useRenderCustomMessages)();
+  const legacyCustomMessageRenderer = useLegacyCoagentRenderer({
+    copilotkit,
+    agent,
+    agentId: resolvedAgentId,
+    threadId: (_c = existingConfig == null ? void 0 : existingConfig.threadId) != null ? _c : threadId
+  });
+  const allMessages = (_d = agent == null ? void 0 : agent.messages) != null ? _d : [];
+  const resolvedMessages = (0, import_react24.useMemo)(() => {
+    let processedMessages = allMessages.map((message) => {
+      if (message.role !== "assistant") {
+        return message;
       }
-      return latestSetMessages.current((0, import_runtime_client_gql8.aguiToGQL)(messages2));
-    },
-    [latestSetMessages]
-  );
-  const latestRunChatCompletion = useUpdatedRef(runChatCompletion);
-  const latestRunChatCompletionFunc = useAsyncCallback(() => __async(this, null, function* () {
-    return yield latestRunChatCompletion.current();
-  }), [latestRunChatCompletion]);
-  const reset = (0, import_react15.useCallback)(() => {
-    latestStopFunc();
-    setMessages([]);
-    setRunId(null);
-    setCoagentStatesWithRef({});
-    let initialAgentSession = null;
-    if (agentLock) {
-      initialAgentSession = {
-        agentName: agentLock
+      const lazyRendered = lazyToolRendered(message, allMessages);
+      if (lazyRendered) {
+        const renderedGenUi = lazyRendered();
+        if (renderedGenUi) {
+          return __spreadProps(__spreadValues({}, message), { generativeUI: () => renderedGenUi });
+        }
+      }
+      const bridgeRenderer = legacyCustomMessageRenderer || renderCustomMessage ? () => {
+        const customRender = renderCustomMessage == null ? void 0 : renderCustomMessage({
+          message,
+          position: "before"
+        });
+        if (customRender) {
+          return customRender;
+        }
+        return legacyCustomMessageRenderer == null ? void 0 : legacyCustomMessageRenderer({ message, position: "before" });
+      } : null;
+      if (bridgeRenderer) {
+        return __spreadProps(__spreadValues({}, message), { generativeUI: bridgeRenderer });
+      }
+      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"
+          })
+        })
+      ];
     }
-    setAgentSession(initialAgentSession);
-    resetSuggestions();
+    return processedMessages;
   }, [
-    latestStopFunc,
-    setMessages,
-    setThreadId,
-    setCoagentStatesWithRef,
-    setAgentSession,
-    agentLock,
-    resetSuggestions
+    agent == null ? void 0 : agent.messages,
+    lazyToolRendered,
+    allMessages,
+    renderCustomMessage,
+    legacyCustomMessageRenderer,
+    resolvedAgentId
   ]);
-  const latestReset = useUpdatedRef(reset);
-  const latestResetFunc = (0, import_react15.useCallback)(() => {
-    return latestReset.current();
-  }, [latestReset]);
-  const interrupt = useLangGraphInterruptRender();
   return {
-    visibleMessages: messages,
-    messages: (0, import_runtime_client_gql8.gqlToAGUI)(messages, actions, coAgentStateRenders),
+    messages: resolvedMessages,
     sendMessage: latestSendMessageFunc,
     appendMessage: latestAppendFunc,
     setMessages: latestSetMessagesFunc,
@@ -4237,54 +3936,66 @@ function useCopilotChat(options = {}) {
     stopGeneration: latestStopFunc,
     reset: latestResetFunc,
     deleteMessage: latestDeleteFunc,
-    runChatCompletion: latestRunChatCompletionFunc,
-    isLoading,
-    mcpServers,
-    setMcpServers,
-    suggestions,
-    setSuggestions,
-    generateSuggestions: generateSuggestionsFunc,
-    resetSuggestions,
-    isLoadingSuggestions: isLoadingSuggestionsRef.current,
-    interrupt
+    isAvailable: !agentAvailable,
+    isLoading: Boolean(agent == null ? void 0 : agent.isRunning),
+    // mcpServers,
+    // setMcpServers,
+    suggestions: currentSuggestions.suggestions,
+    setSuggestions: (suggestions2) => copilotkit.addSuggestionsConfig({ suggestions: suggestions2 }),
+    generateSuggestions: () => __async(this, null, function* () {
+      return copilotkit.reloadSuggestions(resolvedAgentId);
+    }),
+    resetSuggestions: () => copilotkit.clearSuggestions(resolvedAgentId),
+    isLoadingSuggestions: currentSuggestions.isLoading,
+    interrupt,
+    agent,
+    threadId
   };
 }
 function useUpdatedRef(value) {
-  const ref = (0, import_react15.useRef)(value);
-  (0, import_react15.useEffect)(() => {
+  const ref = (0, import_react24.useRef)(value);
+  (0, import_react24.useEffect)(() => {
     ref.current = value;
   }, [value]);
   return ref;
 }
-function defaultSystemMessage(contextString, additionalInstructions) {
-  return `
-Please act as an efficient, competent, conscientious, and industrious professional assistant.
-
-Help the user achieve their goals, and you do so in a way that is as efficient as possible, without unnecessary fluff, but also without sacrificing professionalism.
-Always be polite and respectful, and prefer brevity over verbosity.
-
-The user has provided you with the following context:
-\`\`\`
-${contextString}
-\`\`\`
-
-They have also provided you with functions you can call to initiate actions on their behalf, or functions you can call to receive more information.
-
-Please assist them as best you can.
-
-You can ask them for clarifying questions if needed, but don't be annoying about it. If you can reasonably 'fill in the blanks' yourself, do so.
-
-If you would like to call a function, call it without saying anything else.
-In case of a function error:
-- If this error stems from incorrect function parameters or syntax, you may retry with corrected arguments.
-- If the error's source is unclear or seems unrelated to your input, do not attempt further retries.
-` + (additionalInstructions ? `
-
-${additionalInstructions}` : "");
+function useLegacyCoagentRenderer({
+  copilotkit,
+  agent,
+  agentId,
+  threadId
+}) {
+  return (0, import_react24.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 runId = existingRunId || `pending:${message.id}`;
+      const messageIndex = Math.max(agent.messages.findIndex((msg) => msg.id === message.id), 0);
+      const bridgeProps = {
+        message,
+        position,
+        runId,
+        messageIndex,
+        messageIndexInRun: 0,
+        numberOfMessagesInRun: 1,
+        agentId,
+        stateSnapshot: message.state
+      };
+      return (0, import_react24.createElement)(CoAgentStateRenderBridge, bridgeProps);
+    };
+  }, [agent, agentId, copilotkit, threadId]);
 }
 
 // src/hooks/use-copilot-chat.ts
-function useCopilotChat2(options = {}) {
+function useCopilotChat(options = {}) {
   const {
     visibleMessages,
     appendMessage,
@@ -4292,10 +4003,11 @@ function useCopilotChat2(options = {}) {
     stopGeneration,
     reset,
     isLoading,
+    isAvailable,
     runChatCompletion,
     mcpServers,
     setMcpServers
-  } = useCopilotChat(options);
+  } = useCopilotChatInternal(options);
   return {
     visibleMessages,
     appendMessage,
@@ -4303,6 +4015,7 @@ function useCopilotChat2(options = {}) {
     stopGeneration,
     reset,
     isLoading,
+    isAvailable,
     runChatCompletion,
     mcpServers,
     setMcpServers
@@ -4310,7 +4023,7 @@ function useCopilotChat2(options = {}) {
 }
 
 // src/hooks/use-copilot-chat-headless_c.ts
-var import_react16 = require("react");
+var import_react26 = require("react");
 var import_shared15 = require("@copilotkit/shared");
 var createNonFunctionalReturn = () => ({
   visibleMessages: [],
@@ -4330,6 +4043,7 @@ var createNonFunctionalReturn = () => ({
   reset: () => {
   },
   isLoading: false,
+  isAvailable: false,
   runChatCompletion: () => __async(void 0, null, function* () {
     return [];
   }),
@@ -4349,8 +4063,8 @@ var createNonFunctionalReturn = () => ({
 function useCopilotChatHeadless_c(options = {}) {
   const { copilotApiConfig, setBannerError } = useCopilotContext();
   const hasPublicApiKey = Boolean(copilotApiConfig.publicApiKey);
-  const internalResult = useCopilotChat(options);
-  (0, import_react16.useEffect)(() => {
+  const internalResult = useCopilotChatInternal(options);
+  (0, import_react26.useEffect)(() => {
     if (!hasPublicApiKey) {
       setBannerError(
         new import_shared15.CopilotKitError({
@@ -4375,146 +4089,233 @@ function useCopilotChatHeadless_c(options = {}) {
 }
 
 // src/hooks/use-copilot-action.ts
+var import_react33 = require("react");
+
+// src/hooks/use-frontend-tool.ts
+var import_react27 = __toESM(require("react"));
 var import_shared16 = require("@copilotkit/shared");
-var import_react17 = require("react");
-function useCopilotAction(action, dependencies) {
-  const { setAction, removeAction, actions, chatComponentsCache } = useCopilotContext();
-  const idRef = (0, import_react17.useRef)((0, import_shared16.randomId)());
-  const renderAndWaitRef = (0, import_react17.useRef)(null);
-  const activatingMessageIdRef = (0, import_react17.useRef)(null);
-  const { addToast } = useToast();
-  action = __spreadValues({}, action);
-  if (
-    // renderAndWaitForResponse is not available for catch all actions
-    isFrontendAction(action) && // check if renderAndWaitForResponse is set
-    (action.renderAndWait || action.renderAndWaitForResponse)
-  ) {
-    action._isRenderAndWait = true;
-    const renderAndWait = action.renderAndWait || action.renderAndWaitForResponse;
-    action.renderAndWait = void 0;
-    action.renderAndWaitForResponse = void 0;
-    action._setActivatingMessageId = (id) => {
-      activatingMessageIdRef.current = id;
-    };
-    action.handler = useAsyncCallback(() => __async(this, null, function* () {
-      const currentActivatingId = activatingMessageIdRef.current;
-      let resolve;
-      let reject;
-      const promise = new Promise((resolvePromise, rejectPromise) => {
-        resolve = resolvePromise;
-        reject = rejectPromise;
+var import_shared17 = require("@copilotkit/shared");
+var import_react28 = require("@copilotkitnext/react");
+function useFrontendTool(tool, dependencies) {
+  const { name, description, parameters, render, followUp } = tool;
+  const zodParameters = (0, import_shared16.getZodParameters)(parameters);
+  const normalizedRender = (() => {
+    if (typeof render === "undefined") {
+      return void 0;
+    }
+    if (typeof render === "string") {
+      const staticRender = render;
+      return () => import_react27.default.createElement(import_react27.default.Fragment, null, staticRender);
+    }
+    return (args) => {
+      const renderArgs = __spreadProps(__spreadValues({}, args), {
+        result: typeof args.result === "string" ? (0, import_shared17.parseJson)(args.result, args.result) : args.result
       });
-      renderAndWaitRef.current = {
-        promise,
-        resolve,
-        reject,
-        messageId: currentActivatingId
-      };
-      const result = yield promise;
-      return result;
-    }), []);
-    action.render = (props) => {
-      const currentRenderMessageId = props.messageId;
-      let status = props.status;
-      if (props.status === "executing") {
-        if (!renderAndWaitRef.current || !renderAndWaitRef.current.promise) {
-          status = "inProgress";
-        } else if (renderAndWaitRef.current.messageId !== currentRenderMessageId && activatingMessageIdRef.current !== currentRenderMessageId) {
-          status = "inProgress";
-        }
+      const rendered = render(renderArgs);
+      if (typeof rendered === "string") {
+        return import_react27.default.createElement(import_react27.default.Fragment, null, rendered);
       }
-      const waitProps = {
-        status,
-        args: props.args,
-        result: props.result,
-        // handler and respond should only be provided if this is the truly active instance
-        // and its promise infrastructure is ready.
-        handler: status === "executing" && renderAndWaitRef.current && renderAndWaitRef.current.messageId === currentRenderMessageId ? renderAndWaitRef.current.resolve : void 0,
-        respond: status === "executing" && renderAndWaitRef.current && renderAndWaitRef.current.messageId === currentRenderMessageId ? renderAndWaitRef.current.resolve : void 0
-      };
-      const isNoArgsRenderWait = (_fn) => {
-        var _a;
-        return ((_a = action.parameters) == null ? void 0 : _a.length) === 0;
-      };
-      if (renderAndWait) {
-        if (isNoArgsRenderWait(renderAndWait)) {
-          return renderAndWait(waitProps);
-        } else {
-          return renderAndWait(waitProps);
+      return rendered != null ? rendered : null;
+    };
+  })();
+  (0, import_react28.useFrontendTool)({
+    name,
+    description,
+    parameters: zodParameters,
+    handler: tool.handler,
+    followUp,
+    render: normalizedRender
+  });
+}
+
+// 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_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 { name, parameters, render } = tool;
+    const zodParameters = (0, import_shared18.getZodParameters)(parameters);
+    const renderToolCall = name === "*" ? (0, import_react30.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)({
+      name,
+      args: zodParameters,
+      render: (args) => {
+        return render(__spreadProps(__spreadValues({}, args), {
+          result: args.result ? (0, import_shared19.parseJson)(args.result, args.result) : args.result
+        }));
+      }
+    });
+    const existingIndex = copilotkit.renderToolCalls.findIndex((r) => r.name === name);
+    if (existingIndex !== -1) {
+      copilotkit.renderToolCalls.splice(existingIndex, 1);
+    }
+    copilotkit.renderToolCalls.push(renderToolCall);
+    hasAddedRef.current = true;
+    return () => {
+      if (hasAddedRef.current) {
+        const index = copilotkit.renderToolCalls.findIndex((r) => r.name === name);
+        if (index !== -1) {
+          copilotkit.renderToolCalls.splice(index, 1);
         }
+        hasAddedRef.current = false;
       }
-      return (0, import_react17.createElement)(import_react17.Fragment);
     };
-  }
-  if (dependencies === void 0) {
-    if (actions[idRef.current]) {
-      if (isFrontendAction(action)) {
-        actions[idRef.current].handler = action.handler;
+  }, [tool, ...dependencies != null ? dependencies : []]);
+}
+
+// src/hooks/use-human-in-the-loop.ts
+var import_shared20 = require("@copilotkit/shared");
+var import_react31 = require("@copilotkitnext/react");
+var import_core = require("@copilotkitnext/core");
+var import_react32 = __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)(() => {
+    renderRef.current = (args) => {
+      if (typeof render === "string") {
+        return import_react32.default.createElement(import_react32.default.Fragment, null, render);
       }
-      if (typeof action.render === "function") {
-        if (chatComponentsCache.current !== null) {
-          chatComponentsCache.current.actions[action.name] = action.render;
+      if (!render) {
+        return null;
+      }
+      const renderProps = (() => {
+        const mappedArgs = args.args;
+        switch (args.status) {
+          case import_core.ToolCallStatus.InProgress:
+            return {
+              args: mappedArgs,
+              respond: args.respond,
+              status: args.status,
+              handler: void 0
+            };
+          case import_core.ToolCallStatus.Executing:
+            return {
+              args: mappedArgs,
+              respond: args.respond,
+              status: args.status,
+              handler: () => {
+              }
+            };
+          case import_core.ToolCallStatus.Complete:
+            return {
+              args: mappedArgs,
+              respond: args.respond,
+              status: args.status,
+              result: args.result ? (0, import_shared20.parseJson)(args.result, args.result) : args.result,
+              handler: void 0
+            };
+          default:
+            throw new import_shared20.CopilotKitError({
+              code: import_shared20.CopilotKitErrorCode.UNKNOWN,
+              message: `Invalid tool call status: ${args.status}`
+            });
         }
+      })();
+      const rendered = render(renderProps);
+      if (typeof rendered === "string") {
+        return import_react32.default.createElement(import_react32.default.Fragment, null, rendered);
       }
+      return rendered != null ? rendered : null;
+    };
+  }, [render, ...dependencies != null ? dependencies : []]);
+  (0, import_react31.useHumanInTheLoop)({
+    name,
+    description,
+    followUp,
+    parameters: zodParameters,
+    render: (args) => {
+      var _a2, _b;
+      return (_b = (_a2 = renderRef.current) == null ? void 0 : _a2.call(renderRef, args)) != null ? _b : null;
     }
+  });
+}
+
+// src/hooks/use-copilot-action.ts
+function getActionConfig(action) {
+  if (action.name === "*") {
+    return {
+      type: "render",
+      action
+    };
   }
-  (0, import_react17.useEffect)(() => {
-    const hasDuplicate = Object.values(actions).some(
-      (otherAction) => otherAction.name === action.name && otherAction !== actions[idRef.current]
-    );
-    if (hasDuplicate) {
-      addToast({
-        type: "warning",
-        message: `Found an already registered action with name ${action.name}.`,
-        id: `dup-action-${action.name}`
-      });
+  if ("renderAndWaitForResponse" in action || "renderAndWait" in action) {
+    let render = action.render;
+    if (!render && "renderAndWaitForResponse" in action) {
+      render = action.renderAndWaitForResponse;
     }
-  }, [actions]);
-  (0, import_react17.useEffect)(() => {
-    setAction(idRef.current, action);
-    if (chatComponentsCache.current !== null && action.render !== void 0) {
-      chatComponentsCache.current.actions[action.name] = action.render;
+    if (!render && "renderAndWait" in action) {
+      render = action.renderAndWait;
     }
-    return () => {
-      removeAction(idRef.current);
+    return {
+      type: "hitl",
+      action: __spreadProps(__spreadValues({}, action), { render })
     };
-  }, [
-    setAction,
-    removeAction,
-    isFrontendAction(action) ? action.description : void 0,
-    action.name,
-    isFrontendAction(action) ? action.disabled : void 0,
-    isFrontendAction(action) ? action.available : void 0,
-    // This should be faster than deep equality checking
-    // In addition, all major JS engines guarantee the order of object keys
-    JSON.stringify(isFrontendAction(action) ? action.parameters : []),
-    // include render only if it's a string
-    typeof action.render === "string" ? action.render : void 0,
-    // dependencies set by the developer
-    ...dependencies || []
-  ]);
+  }
+  if ("available" in action) {
+    if (action.available === "enabled" || action.available === "remote") {
+      return {
+        type: "frontend",
+        action
+      };
+    }
+    if (action.available === "frontend" || action.available === "disabled") {
+      return {
+        type: "render",
+        action
+      };
+    }
+  }
+  if ("handler" in action) {
+    return {
+      type: "frontend",
+      action
+    };
+  }
+  throw new Error("Invalid action configuration");
 }
-function isFrontendAction(action) {
-  return action.name !== "*";
+function useCopilotAction(action, dependencies) {
+  const [initialActionConfig] = (0, import_react33.useState)(getActionConfig(action));
+  const currentActionConfig = getActionConfig(action);
+  if (initialActionConfig.type !== currentActionConfig.type) {
+    throw new Error("Action configuration changed between renders");
+  }
+  switch (currentActionConfig.type) {
+    case "render":
+      return useRenderToolCall2(currentActionConfig.action, dependencies);
+    case "hitl":
+      return useHumanInTheLoop(currentActionConfig.action, dependencies);
+    case "frontend":
+      return useFrontendTool(currentActionConfig.action, dependencies);
+    default:
+      throw new Error("Invalid action configuration");
+  }
 }
 
 // src/hooks/use-coagent-state-render.ts
-var import_react18 = require("react");
-var import_shared17 = require("@copilotkit/shared");
+var import_react34 = require("react");
+var import_shared21 = require("@copilotkit/shared");
 function useCoAgentStateRender(action, dependencies) {
-  const {
-    setCoAgentStateRender,
-    removeCoAgentStateRender,
-    coAgentStateRenders,
-    chatComponentsCache,
-    availableAgents
-  } = (0, import_react18.useContext)(CopilotContext);
-  const idRef = (0, import_react18.useRef)((0, import_shared17.randomId)());
+  const { chatComponentsCache, availableAgents } = (0, import_react34.useContext)(CopilotContext);
+  const { setCoAgentStateRender, removeCoAgentStateRender, coAgentStateRenders } = useCoAgentStateRenders();
+  const idRef = (0, import_react34.useRef)((0, import_shared21.randomId)());
   const { setBannerError, addToast } = useToast();
-  (0, import_react18.useEffect)(() => {
+  (0, import_react34.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_shared17.CopilotKitAgentDiscoveryError({
+      const agentError = new import_shared21.CopilotKitAgentDiscoveryError({
         agentName: action.name,
         availableAgents: availableAgents.map((a) => ({ name: a.name, id: a.id }))
       });
@@ -4532,7 +4333,7 @@ function useCoAgentStateRender(action, dependencies) {
       }
     }
   }
-  (0, import_react18.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const currentId = idRef.current;
     const hasDuplicate = Object.entries(coAgentStateRenders).some(([id, otherAction]) => {
       if (id === currentId)
@@ -4556,7 +4357,7 @@ function useCoAgentStateRender(action, dependencies) {
       });
     }
   }, [coAgentStateRenders]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setCoAgentStateRender(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
       chatComponentsCache.current.coAgentStateRenders[key] = action.render;
@@ -4576,11 +4377,11 @@ function useCoAgentStateRender(action, dependencies) {
 }
 
 // src/hooks/use-make-copilot-document-readable.ts
-var import_react19 = require("react");
+var import_react35 = require("react");
 function useMakeCopilotDocumentReadable(document2, categories, dependencies = []) {
   const { addDocumentContext, removeDocumentContext } = useCopilotContext();
-  const idRef = (0, import_react19.useRef)();
-  (0, import_react19.useEffect)(() => {
+  const idRef = (0, import_react35.useRef)(void 0);
+  (0, import_react35.useEffect)(() => {
     const id = addDocumentContext(document2, categories);
     idRef.current = id;
     return () => {
@@ -4591,275 +4392,292 @@ function useMakeCopilotDocumentReadable(document2, categories, dependencies = []
 }
 
 // src/hooks/use-copilot-readable.ts
-var import_react20 = require("react");
-function convertToJSON(description, value) {
-  return `${description}: ${typeof value === "string" ? value : JSON.stringify(value)}`;
-}
-function useCopilotReadable({
-  description,
-  value,
-  parentId,
-  categories,
-  convert,
-  available = "enabled"
-}, dependencies) {
-  const { addContext, removeContext } = useCopilotContext();
-  const idRef = (0, import_react20.useRef)();
-  convert = convert || convertToJSON;
-  const information = convert(description, value);
-  (0, import_react20.useEffect)(() => {
-    if (available === "disabled")
-      return;
-    const id = addContext(information, parentId, categories);
-    idRef.current = id;
-    return () => {
-      removeContext(id);
-    };
-  }, [available, information, parentId, addContext, removeContext, ...dependencies || []]);
-  return idRef.current;
+var import_react36 = require("@copilotkitnext/react");
+function useCopilotReadable({ description, value }, dependencies) {
+  (0, import_react36.useAgentContext)({
+    description,
+    value
+  });
 }
 
 // src/hooks/use-coagent.ts
-var import_react21 = require("react");
-var import_shared18 = require("@copilotkit/shared");
+var import_react37 = require("react");
+var import_react38 = require("@copilotkitnext/react");
 function useCoAgent(options) {
-  const context = useCopilotContext();
-  const { availableAgents, onError } = context;
-  const { setBannerError } = useToast();
-  const lastLoadedThreadId = (0, import_react21.useRef)();
-  const lastLoadedState = (0, import_react21.useRef)();
-  const { name } = options;
-  (0, import_react21.useEffect)(() => {
-    if ((availableAgents == null ? void 0 : availableAgents.length) && !availableAgents.some((a) => a.name === name)) {
-      const message = `(useCoAgent): Agent "${name}" not found. Make sure the agent exists and is properly configured.`;
-      console.warn(message);
-      const agentError = new import_shared18.CopilotKitAgentDiscoveryError({
-        agentName: name,
-        availableAgents: availableAgents.map((a) => ({ name: a.name, id: a.id }))
-      });
-      setBannerError(agentError);
-    }
-  }, [availableAgents]);
-  const { getMessagesFromTap } = useMessagesTap();
-  const { coagentStates, coagentStatesRef, setCoagentStatesWithRef, threadId, copilotApiConfig } = context;
-  const { sendMessage, runChatCompletion } = useCopilotChat();
-  const headers = __spreadValues({}, copilotApiConfig.headers || {});
-  const runtimeClient = useCopilotRuntimeClient({
-    url: copilotApiConfig.chatApiEndpoint,
-    publicApiKey: copilotApiConfig.publicApiKey,
-    headers,
-    credentials: copilotApiConfig.credentials,
-    showDevConsole: context.showDevConsole,
-    onError
-  });
-  const setState = (0, import_react21.useCallback)(
+  const { agent } = (0, import_react38.useAgent)({ agentId: options.name });
+  const nodeNameRef = (0, import_react37.useRef)("start");
+  const handleStateUpdate = (0, import_react37.useCallback)(
     (newState) => {
-      let coagentState = getCoagentState({ coagentStates, name, options });
-      const updatedState = typeof newState === "function" ? newState(coagentState.state) : newState;
-      setCoagentStatesWithRef(__spreadProps(__spreadValues({}, coagentStatesRef.current), {
-        [name]: __spreadProps(__spreadValues({}, coagentState), {
-          state: updatedState
-        })
-      }));
-    },
-    [coagentStates, name]
-  );
-  (0, import_react21.useEffect)(() => {
-    const fetchAgentState = () => __async(this, null, function* () {
-      var _a, _b, _c, _d;
-      if (!threadId || threadId === lastLoadedThreadId.current)
-        return;
-      const result = yield runtimeClient.loadAgentState({
-        threadId,
-        agentName: name
-      });
-      if (result.error) {
-        return;
-      }
-      const newState = (_b = (_a = result.data) == null ? void 0 : _a.loadAgentState) == null ? void 0 : _b.state;
-      if (newState === lastLoadedState.current)
+      if (!agent)
         return;
-      if (((_d = (_c = result.data) == null ? void 0 : _c.loadAgentState) == null ? void 0 : _d.threadExists) && newState && newState != "{}") {
-        lastLoadedState.current = newState;
-        lastLoadedThreadId.current = threadId;
-        const fetchedState = (0, import_shared18.parseJson)(newState, {});
-        isExternalStateManagement(options) ? options.setState(fetchedState) : setState(fetchedState);
+      if (typeof newState === "function") {
+        const updater = newState;
+        agent.setState(updater(agent.state));
+      } else {
+        agent.setState(__spreadValues(__spreadValues({}, agent.state), newState));
       }
-    });
-    void fetchAgentState();
-  }, [threadId]);
-  (0, import_react21.useEffect)(() => {
+    },
+    [agent == null ? void 0 : agent.state, agent == null ? void 0 : agent.setState]
+  );
+  const externalStateStr = (0, import_react37.useMemo)(
+    () => isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0,
+    [isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0]
+  );
+  (0, import_react37.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) => {
+    return Boolean(value && Object.keys(value).length);
+  }, []);
+  const initialStateRef = (0, import_react37.useRef)(
+    isExternalStateManagement(options) ? options.state : "initialState" in options ? options.initialState : void 0
+  );
+  (0, import_react37.useEffect)(() => {
     if (isExternalStateManagement(options)) {
-      setState(options.state);
-    } else if (coagentStates[name] === void 0) {
-      setState(options.initialState === void 0 ? {} : options.initialState);
+      initialStateRef.current = options.state;
+    } else if ("initialState" in options) {
+      initialStateRef.current = options.initialState;
     }
   }, [
-    isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0,
-    // reset initialstate on reset
-    coagentStates[name] === void 0
+    isExternalStateManagement(options) ? JSON.stringify(options.state) : "initialState" in options ? JSON.stringify(options.initialState) : void 0
   ]);
-  (0, import_react21.useEffect)(() => {
-    const newConfig = options.config ? options.config : options.configurable ? { configurable: options.configurable } : void 0;
-    if (newConfig === void 0)
+  (0, import_react37.useEffect)(() => {
+    if (!agent)
       return;
-    setCoagentStatesWithRef((prev) => {
-      var _a;
-      const existing = (_a = prev[name]) != null ? _a : {
-        name,
-        state: isInternalStateManagementWithInitial(options) ? options.initialState : {},
-        config: {},
-        running: false,
-        active: false,
-        threadId: void 0,
-        nodeName: void 0,
-        runId: void 0
-      };
-      if (JSON.stringify(existing.config) === JSON.stringify(newConfig)) {
-        return prev;
+    const subscriber = {
+      onStateChanged: (args) => {
+        if (isExternalStateManagement(options)) {
+          options.setState(args.state);
+        }
+      },
+      onRunInitialized: (args) => {
+        const runHasState = hasStateValues(args.state);
+        if (runHasState) {
+          handleStateUpdate(args.state);
+          return;
+        }
+        if (hasStateValues(agent.state)) {
+          return;
+        }
+        if (initialStateRef.current !== void 0) {
+          handleStateUpdate(initialStateRef.current);
+        }
+      },
+      onStepStartedEvent: ({ event }) => {
+        nodeNameRef.current = event.stepName;
+      },
+      onRunStartedEvent: () => {
+        nodeNameRef.current = "start";
+      },
+      onRunFinishedEvent: () => {
+        nodeNameRef.current = "end";
       }
-      return __spreadProps(__spreadValues({}, prev), {
-        [name]: __spreadProps(__spreadValues({}, existing), {
-          config: newConfig
-        })
-      });
-    });
-  }, [JSON.stringify(options.config), JSON.stringify(options.configurable)]);
-  const runAgentCallback = useAsyncCallback(
-    (hint) => __async(this, null, function* () {
-      yield runAgent(name, context, getMessagesFromTap(), sendMessage, runChatCompletion, hint);
-    }),
-    [name, context, sendMessage, runChatCompletion]
-  );
-  return (0, import_react21.useMemo)(() => {
-    const coagentState = getCoagentState({ coagentStates, name, options });
-    return {
-      name,
-      nodeName: coagentState.nodeName,
-      threadId: coagentState.threadId,
-      running: coagentState.running,
-      state: coagentState.state,
-      setState: isExternalStateManagement(options) ? options.setState : setState,
-      start: () => startAgent(name, context),
-      stop: () => stopAgent(name, context),
-      run: runAgentCallback
     };
-  }, [name, coagentStates, options, setState, runAgentCallback]);
-}
-function startAgent(name, context) {
-  const { setAgentSession } = context;
-  setAgentSession({
-    agentName: name
-  });
-}
-function stopAgent(name, context) {
-  const { agentSession, setAgentSession } = context;
-  if (agentSession && agentSession.agentName === name) {
-    setAgentSession(null);
-    context.setCoagentStates((prevAgentStates) => {
-      return __spreadProps(__spreadValues({}, prevAgentStates), {
-        [name]: __spreadProps(__spreadValues({}, prevAgentStates[name]), {
-          running: false,
-          active: false,
-          threadId: void 0,
-          nodeName: void 0,
-          runId: void 0
-        })
-      });
-    });
-  } else {
-    console.warn(`No agent session found for ${name}`);
-  }
-}
-function runAgent(name, context, messages, sendMessage, runChatCompletion, hint) {
-  return __async(this, null, function* () {
-    var _a, _b;
-    const { agentSession, setAgentSession } = context;
-    if (!agentSession || agentSession.agentName !== name) {
-      setAgentSession({
-        agentName: name
+    const subscription = agent.subscribe(subscriber);
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [agent, handleStateUpdate, hasStateValues]);
+  return (0, import_react37.useMemo)(() => {
+    var _a, _b, _c;
+    if (!agent) {
+      const noop = () => {
+      };
+      const noopAsync = () => __async(this, null, function* () {
       });
+      const initialState = (
+        // prefer externally provided state if available
+        (_b = (_a = "state" in options && options.state) != null ? _a : (
+          // then initialState if provided
+          "initialState" in options && options.initialState
+        )) != null ? _b : {}
+      );
+      return {
+        name: options.name,
+        nodeName: nodeNameRef.current,
+        threadId: void 0,
+        running: false,
+        state: initialState,
+        setState: noop,
+        start: noop,
+        stop: noop,
+        run: noopAsync
+      };
     }
-    let previousState = null;
-    for (let i = messages.length - 1; i >= 0; i--) {
-      const message = messages[i];
-      if (message.isAgentStateMessage() && message.agentName === name) {
-        previousState = message.state;
-      }
-    }
-    let state = ((_b = (_a = context.coagentStatesRef.current) == null ? void 0 : _a[name]) == null ? void 0 : _b.state) || {};
-    if (hint) {
-      const hintMessage = hint({ previousState, currentState: state });
-      if (hintMessage) {
-        yield sendMessage(hintMessage);
-      } else {
-        yield runChatCompletion();
-      }
-    } else {
-      yield runChatCompletion();
-    }
-  });
+    return {
+      name: (_c = agent == null ? void 0 : agent.agentId) != null ? _c : options.name,
+      nodeName: nodeNameRef.current,
+      threadId: agent.threadId,
+      running: agent.isRunning,
+      state: agent.state,
+      setState: handleStateUpdate,
+      // TODO: start and run both have same thing. need to figure out
+      start: agent.runAgent,
+      stop: agent.abortRun,
+      run: agent.runAgent
+    };
+  }, [
+    agent == null ? void 0 : agent.state,
+    agent == null ? void 0 : agent.runAgent,
+    agent == null ? void 0 : agent.abortRun,
+    agent == null ? void 0 : agent.runAgent,
+    agent == null ? void 0 : agent.threadId,
+    agent == null ? void 0 : agent.isRunning,
+    agent == null ? void 0 : agent.agentId,
+    handleStateUpdate,
+    options.name
+  ]);
 }
 var isExternalStateManagement = (options) => {
   return "state" in options && "setState" in options;
 };
-var isInternalStateManagementWithInitial = (options) => {
-  return "initialState" in 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_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 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_react39.useMemo)(() => {
+    return new import_runtime_client_gql3.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_shared22.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_shared22.CopilotKitError({
+                message: gqlError.message,
+                code: import_shared22.CopilotKitErrorCode.UNKNOWN
+              });
+              setBannerError(fallbackError);
+              traceUIError(fallbackError, gqlError);
+            }
+          };
+          graphQLErrors.forEach(routeError);
+        } else {
+          const fallbackError = new import_shared22.CopilotKitError({
+            message: (error == null ? void 0 : error.message) || String(error),
+            code: import_shared22.CopilotKitErrorCode.UNKNOWN
+          });
+          setBannerError(fallbackError);
+          traceUIError(fallbackError, error);
+        }
+      },
+      handleGQLWarning: (message) => {
+        console.warn(message);
+        const warningError = new import_shared22.CopilotKitError({
+          message,
+          code: import_shared22.CopilotKitErrorCode.UNKNOWN
+        });
+        setBannerError(warningError);
+      }
+    }));
+  }, [runtimeOptions, setBannerError, onError]);
+  return runtimeClient;
 };
-var getCoagentState = ({
-  coagentStates,
-  name,
-  options
-}) => {
-  if (coagentStates[name]) {
-    return coagentStates[name];
-  } else {
-    return {
-      name,
-      state: isInternalStateManagementWithInitial(options) ? options.initialState : {},
-      config: options.config ? options.config : options.configurable ? { configurable: options.configurable } : {},
-      running: false,
-      active: false,
-      threadId: void 0,
-      nodeName: void 0,
-      runId: void 0
-    };
+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_shared22.CopilotKitError({ message, code });
   }
-};
+  if ((_a = originalError == null ? void 0 : originalError.stack) == null ? void 0 : _a.includes("CopilotApiDiscoveryError")) {
+    return new import_shared22.CopilotKitApiDiscoveryError({ message });
+  }
+  if ((_b = originalError == null ? void 0 : originalError.stack) == null ? void 0 : _b.includes("CopilotKitRemoteEndpointDiscoveryError")) {
+    return new import_shared22.CopilotKitRemoteEndpointDiscoveryError({ message });
+  }
+  if ((_c = originalError == null ? void 0 : originalError.stack) == null ? void 0 : _c.includes("CopilotKitAgentDiscoveryError")) {
+    return new import_shared22.CopilotKitAgentDiscoveryError({
+      agentName: "",
+      availableAgents: []
+    });
+  }
+  return null;
+}
 
 // src/hooks/use-copilot-authenticated-action.ts
-var import_react22 = require("react");
-var import_react23 = __toESM(require("react"));
+var import_react40 = require("react");
+var import_react41 = __toESM(require("react"));
 function useCopilotAuthenticatedAction_c(action, dependencies) {
   const { authConfig_c, authStates_c, setAuthStates_c } = useCopilotContext();
-  const pendingActionRef = (0, import_react22.useRef)(null);
-  const executeAction2 = (0, import_react22.useCallback)(
+  const pendingActionRef = (0, import_react40.useRef)(null);
+  const executeAction = (0, import_react40.useCallback)(
     (props) => {
       if (typeof action.render === "function") {
         return action.render(props);
       }
-      return action.render || import_react23.default.createElement(import_react22.Fragment);
+      return action.render || import_react41.default.createElement(import_react40.Fragment);
     },
     [action]
   );
-  const wrappedRender = (0, import_react22.useCallback)(
+  const wrappedRender = (0, import_react40.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_react23.default.createElement(authConfig_c.SignInComponent, {
+        return (authConfig_c == null ? void 0 : authConfig_c.SignInComponent) ? import_react41.default.createElement(authConfig_c.SignInComponent, {
           onSignInComplete: (authState) => {
             setAuthStates_c == null ? void 0 : setAuthStates_c((prev) => __spreadProps(__spreadValues({}, prev), { [action.name]: authState }));
             if (pendingActionRef.current) {
-              executeAction2(pendingActionRef.current);
+              executeAction(pendingActionRef.current);
               pendingActionRef.current = null;
             }
           }
-        }) : import_react23.default.createElement(import_react22.Fragment);
+        }) : import_react41.default.createElement(import_react40.Fragment);
       }
-      return executeAction2(props);
+      return executeAction(props);
     },
     [action, authStates_c, setAuthStates_c]
   );
@@ -4872,63 +4690,27 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
 }
 
 // src/hooks/use-langgraph-interrupt.ts
-var import_react24 = require("react");
-var import_shared19 = require("@copilotkit/shared");
+var import_react42 = require("react");
+var import_shared23 = require("@copilotkit/shared");
 function useLangGraphInterrupt(action, dependencies) {
-  var _a;
-  const {
-    setLangGraphInterruptAction,
-    removeLangGraphInterruptAction,
-    langGraphInterruptAction,
-    threadId
-  } = (0, import_react24.useContext)(CopilotContext);
-  const { runChatCompletion } = useCopilotChat();
+  const { setInterruptAction, removeInterruptAction, interruptActions, threadId } = (0, import_react42.useContext)(CopilotContext);
   const { addToast } = useToast();
-  const actionId = (0, import_shared19.dataToUUID)(JSON.stringify(action), "lgAction");
-  const hasAction = (0, import_react24.useMemo)(
-    () => Boolean(langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.id),
-    [langGraphInterruptAction]
-  );
-  const isCurrentAction = (0, import_react24.useMemo)(
-    () => (langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.id) && (langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.id) === actionId,
-    [langGraphInterruptAction]
-  );
-  (0, import_react24.useEffect)(() => {
-    var _a2;
-    if (hasAction && isCurrentAction && ((_a2 = langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.event) == null ? void 0 : _a2.response)) {
-      runChatCompletion();
-    }
-  }, [(_a = langGraphInterruptAction == null ? void 0 : langGraphInterruptAction.event) == null ? void 0 : _a.response, runChatCompletion, hasAction, isCurrentAction]);
-  (0, import_react24.useEffect)(() => {
+  const actionId = (0, import_shared23.dataToUUID)(JSON.stringify(action), "lgAction");
+  (0, import_react42.useEffect)(() => {
     if (!action)
       return;
-    if (hasAction && !isCurrentAction && !action.enabled) {
-      addToast({
-        type: "warning",
-        message: "An action is already registered for the interrupt event"
-      });
-      return;
-    }
-    if (hasAction && isCurrentAction) {
-      return;
-    }
-    setLangGraphInterruptAction(threadId, __spreadProps(__spreadValues({}, action), { id: actionId }));
-  }, [
-    action,
-    hasAction,
-    isCurrentAction,
-    setLangGraphInterruptAction,
-    removeLangGraphInterruptAction,
-    threadId,
-    ...dependencies || []
-  ]);
+    setInterruptAction(threadId, __spreadProps(__spreadValues({}, action), { id: actionId }));
+    return () => {
+      removeInterruptAction(actionId);
+    };
+  }, [setInterruptAction, removeInterruptAction, threadId, actionId, ...dependencies || []]);
 }
 
 // src/hooks/use-copilot-additional-instructions.ts
-var import_react25 = require("react");
+var import_react43 = require("react");
 function useCopilotAdditionalInstructions({ instructions, available = "enabled" }, dependencies) {
   const { setAdditionalInstructions } = useCopilotContext();
-  (0, import_react25.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (available === "disabled")
       return;
     setAdditionalInstructions((prevInstructions) => [...prevInstructions || [], instructions]);
@@ -4940,40 +4722,40 @@ function useCopilotAdditionalInstructions({ instructions, available = "enabled"
   }, [available, instructions, setAdditionalInstructions, ...dependencies || []]);
 }
 
-// src/hooks/use-frontend-tool.ts
-function useFrontendTool(tool, dependencies) {
-  useCopilotAction(tool, dependencies);
-}
-
-// src/hooks/use-human-in-the-loop.ts
-function useHumanInTheLoop(tool, dependencies) {
-  const _a = tool, { render } = _a, toolRest = __objRest(_a, ["render"]);
-  useCopilotAction(
-    __spreadProps(__spreadValues({}, toolRest), {
-      available: tool.available === "disabled" ? tool.available : "remote",
-      renderAndWaitForResponse: render
-    }),
-    dependencies
-  );
-}
-
-// src/hooks/use-render-tool-call.ts
-function useRenderToolCall(tool, dependencies) {
-  useCopilotAction(
-    __spreadProps(__spreadValues({}, tool), {
-      available: tool.available === "disabled" ? tool.available : "frontend"
-    }),
-    dependencies
-  );
-}
-
 // src/hooks/use-default-tool.ts
 function useDefaultTool(tool, dependencies) {
   useCopilotAction(__spreadProps(__spreadValues({}, tool), { name: "*" }), dependencies);
 }
 
 // src/lib/copilot-task.ts
-var import_runtime_client_gql9 = require("@copilotkit/runtime-client-gql");
+var import_runtime_client_gql5 = require("@copilotkit/runtime-client-gql");
+
+// src/types/frontend-action.ts
+var import_runtime_client_gql4 = require("@copilotkit/runtime-client-gql");
+var import_shared24 = require("@copilotkit/shared");
+function processActionsForRuntimeRequest(actions) {
+  const filteredActions = actions.filter(
+    (action) => action.available !== import_runtime_client_gql4.ActionInputAvailability.Disabled && action.disabled !== true && action.name !== "*" && action.available != "frontend" && !action.pairedAction
+  ).map((action) => {
+    let available = import_runtime_client_gql4.ActionInputAvailability.Enabled;
+    if (action.disabled) {
+      available = import_runtime_client_gql4.ActionInputAvailability.Disabled;
+    } else if (action.available === "disabled") {
+      available = import_runtime_client_gql4.ActionInputAvailability.Disabled;
+    } else if (action.available === "remote") {
+      available = import_runtime_client_gql4.ActionInputAvailability.Remote;
+    }
+    return {
+      name: action.name,
+      description: action.description || "",
+      jsonSchema: JSON.stringify((0, import_shared24.actionParametersToJsonSchema)(action.parameters || [])),
+      available
+    };
+  });
+  return filteredActions;
+}
+
+// src/lib/copilot-task.ts
 var CopilotTask = class {
   constructor(config) {
     this.instructions = config.instructions;
@@ -5001,12 +4783,12 @@ var CopilotTask = class {
       if (this.includeCopilotReadable) {
         contextString += context.getContextString([], defaultCopilotContextCategories);
       }
-      const systemMessage = new import_runtime_client_gql9.TextMessage({
+      const systemMessage = new import_runtime_client_gql5.TextMessage({
         content: taskSystemMessage(contextString, this.instructions),
-        role: import_runtime_client_gql9.Role.System
+        role: import_runtime_client_gql5.Role.System
       });
       const messages = [systemMessage];
-      const runtimeClient = new import_runtime_client_gql9.CopilotRuntimeClient({
+      const runtimeClient = new import_runtime_client_gql5.CopilotRuntimeClient({
         url: context.copilotApiConfig.chatApiEndpoint,
         publicApiKey: context.copilotApiConfig.publicApiKey,
         headers: context.copilotApiConfig.headers,
@@ -5018,9 +4800,9 @@ var CopilotTask = class {
             actions: processActionsForRuntimeRequest(Object.values(actions)),
             url: window.location.href
           },
-          messages: (0, import_runtime_client_gql9.convertMessagesToGqlInput)((0, import_runtime_client_gql9.filterAgentStateMessages)(messages)),
+          messages: (0, import_runtime_client_gql5.convertMessagesToGqlInput)((0, import_runtime_client_gql5.filterAgentStateMessages)(messages)),
           metadata: {
-            requestType: import_runtime_client_gql9.CopilotRequestType.Task
+            requestType: import_runtime_client_gql5.CopilotRequestType.Task
           },
           forwardedParameters: __spreadValues({
             // if forwardedParameters is provided, use it
@@ -5030,7 +4812,7 @@ var CopilotTask = class {
         properties: context.copilotApiConfig.properties
       }).toPromise();
       const functionCallHandler = context.getFunctionCallHandler(actions);
-      const functionCalls = (0, import_runtime_client_gql9.convertGqlOutputToMessages)(
+      const functionCalls = (0, import_runtime_client_gql5.convertGqlOutputToMessages)(
         ((_c = (_b = response.data) == null ? void 0 : _b.generateCopilotResponse) == null ? void 0 : _c.messages) || []
       ).filter((m) => m.isActionExecutionMessage());
       for (const functionCall of functionCalls) {
@@ -5070,20 +4852,21 @@ ${instructions}
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CoAgentStateRendersContext,
+  CoAgentStateRendersProvider,
   CopilotContext,
   CopilotKit,
   CopilotMessagesContext,
   CopilotTask,
   SUGGESTION_RETRY_CONFIG,
+  ThreadsContext,
+  ThreadsProvider,
   defaultCopilotContextCategories,
-  extract,
-  reloadSuggestions,
-  runAgent,
   shouldShowDevConsole,
-  startAgent,
-  stopAgent,
   useCoAgent,
   useCoAgentStateRender,
+  useCoAgentStateRenders,
+  useConfigureChatSuggestions,
   useCopilotAction,
   useCopilotAdditionalInstructions,
   useCopilotAuthenticatedAction_c,
@@ -5099,7 +4882,9 @@ ${instructions}
   useHumanInTheLoop,
   useLangGraphInterrupt,
   useLangGraphInterruptRender,
+  useLazyToolRenderer,
   useMakeCopilotDocumentReadable,
-  useRenderToolCall
+  useRenderToolCall,
+  useThreads
 });
 //# sourceMappingURL=index.js.map