@copilotkit/react-core 1.51.3-next.6 → 1.51.3-next.7

package/dist/index.js

@@ -119,8 +119,8 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/components/copilot-provider/copilotkit.tsx
-var import_react15 = require("react");
-var import_react16 = require("@copilotkitnext/react");
+var import_react16 = require("react");
+var import_react17 = require("@copilotkitnext/react");
 
 // src/context/copilot-context.tsx
 var import_react = __toESM(require("react"));
@@ -359,7 +359,7 @@ 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");
@@ -1392,8 +1392,8 @@ function useCoAgentStateRenders() {
 }
 
 // src/hooks/use-coagent-state-render-bridge.tsx
-var import_react11 = require("@copilotkitnext/react");
-var import_react12 = require("react");
+var import_react12 = require("@copilotkitnext/react");
+var import_react13 = require("react");
 
 // src/context/threads-context.tsx
 var import_react10 = require("react");
@@ -1423,6 +1423,9 @@ function useThreads() {
 }
 
 // src/hooks/use-coagent-state-render-bridge.tsx
+var import_shared10 = require("@copilotkit/shared");
+
+// src/hooks/use-coagent-state-render-bridge.helpers.ts
 var import_shared9 = require("@copilotkit/shared");
 function getStateWithoutConstantKeys(state) {
   if (!state)
@@ -1445,16 +1448,294 @@ function areStatesEquals(a, b) {
   ]);
   return JSON.stringify(aWithoutConstantKeys) === JSON.stringify(bWithoutConstantKeys);
 }
+function isPlaceholderMessageId(messageId) {
+  return !!messageId && messageId.startsWith("coagent-state-render-");
+}
+function isPlaceholderMessageName(messageName) {
+  return messageName === "coagent-state-render";
+}
+function readCachedMessageEntry(entry) {
+  if (!entry || typeof entry !== "object") {
+    return { snapshot: entry, runId: void 0 };
+  }
+  const snapshot = "snapshot" in entry ? entry.snapshot : entry;
+  const runId = "runId" in entry ? entry.runId : void 0;
+  return { snapshot, runId };
+}
+function getEffectiveRunId({
+  existingClaimRunId,
+  cachedMessageRunId,
+  runId
+}) {
+  return existingClaimRunId || cachedMessageRunId || runId || "pending";
+}
+function resolveClaim({
+  claims,
+  context,
+  stateSnapshot
+}) {
+  const { messageId, stateRenderId, runId, messageIndex } = context;
+  const existing = claims[messageId];
+  if (existing) {
+    const canRender = existing.stateRenderId === stateRenderId;
+    const shouldUpdateRunId = canRender && runId && (!existing.runId || existing.runId === "pending");
+    return {
+      canRender,
+      action: canRender ? "existing" /* Existing */ : "block" /* Block */,
+      updateRunId: shouldUpdateRunId ? runId : void 0
+    };
+  }
+  const normalizedRunId = runId != null ? runId : "pending";
+  const renderClaimedByOtherMessageEntry = Object.entries(claims).find(
+    ([, claim]) => {
+      var _a;
+      return claim.stateRenderId === stateRenderId && ((_a = claim.runId) != null ? _a : "pending") === normalizedRunId && (0, import_shared9.dataToUUID)(getStateWithoutConstantKeys(claim.stateSnapshot)) === (0, import_shared9.dataToUUID)(getStateWithoutConstantKeys(stateSnapshot));
+    }
+  );
+  const renderClaimedByOtherMessage = renderClaimedByOtherMessageEntry == null ? void 0 : renderClaimedByOtherMessageEntry[1];
+  const claimedMessageId = renderClaimedByOtherMessageEntry == null ? void 0 : renderClaimedByOtherMessageEntry[0];
+  if (renderClaimedByOtherMessage) {
+    if (messageIndex !== void 0 && renderClaimedByOtherMessage.messageIndex !== void 0 && messageIndex > renderClaimedByOtherMessage.messageIndex) {
+      return {
+        canRender: true,
+        action: "override" /* Override */,
+        nextClaim: { stateRenderId, runId, messageIndex },
+        lockOthers: runId === renderClaimedByOtherMessage.runId || isPlaceholderMessageId(claimedMessageId)
+      };
+    }
+    if (runId && renderClaimedByOtherMessage.runId && runId !== renderClaimedByOtherMessage.runId) {
+      return {
+        canRender: true,
+        action: "override" /* Override */,
+        nextClaim: { stateRenderId, runId, messageIndex },
+        lockOthers: isPlaceholderMessageId(claimedMessageId)
+      };
+    }
+    if (isPlaceholderMessageId(claimedMessageId)) {
+      return {
+        canRender: true,
+        action: "override" /* Override */,
+        nextClaim: { stateRenderId, runId, messageIndex },
+        lockOthers: true
+      };
+    }
+    if (stateSnapshot && renderClaimedByOtherMessage.stateSnapshot && !areStatesEquals(renderClaimedByOtherMessage.stateSnapshot, stateSnapshot)) {
+      return {
+        canRender: true,
+        action: "override" /* Override */,
+        nextClaim: { stateRenderId, runId }
+      };
+    }
+    return { canRender: false, action: "block" /* Block */ };
+  }
+  if (!runId) {
+    return { canRender: false, action: "block" /* Block */ };
+  }
+  return {
+    canRender: true,
+    action: "create" /* Create */,
+    nextClaim: { stateRenderId, runId, messageIndex }
+  };
+}
+function selectSnapshot({
+  messageId,
+  messageName,
+  allowLiveState,
+  skipLatestCache,
+  stateRenderId,
+  effectiveRunId,
+  stateSnapshotProp,
+  agentState,
+  agentMessages,
+  existingClaim,
+  caches
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  const lastAssistantId = agentMessages ? (_a = [...agentMessages].reverse().find((msg) => msg.role === "assistant")) == null ? void 0 : _a.id : void 0;
+  const latestSnapshot = stateRenderId !== void 0 ? caches.byStateRenderAndRun[`${stateRenderId}::latest`] : void 0;
+  const messageIndex = agentMessages ? agentMessages.findIndex((msg) => msg.id === messageId) : -1;
+  const messageRole = messageIndex >= 0 && agentMessages ? (_b = agentMessages[messageIndex]) == null ? void 0 : _b.role : void 0;
+  let previousUserMessageId;
+  if (messageIndex > 0 && agentMessages) {
+    for (let i = messageIndex - 1; i >= 0; i -= 1) {
+      if (((_c = agentMessages[i]) == null ? void 0 : _c.role) === "user") {
+        previousUserMessageId = (_d = agentMessages[i]) == null ? void 0 : _d.id;
+        break;
+      }
+    }
+  }
+  const liveStateIsStale = stateSnapshotProp === void 0 && latestSnapshot !== void 0 && agentState !== void 0 && areStatesEquals(latestSnapshot, agentState);
+  const shouldUseLiveState = (Boolean(allowLiveState) || !lastAssistantId || messageId === lastAssistantId) && !liveStateIsStale;
+  const snapshot = stateSnapshotProp ? (0, import_shared9.parseJson)(stateSnapshotProp, stateSnapshotProp) : shouldUseLiveState ? agentState : void 0;
+  const hasSnapshotKeys = !!(snapshot && Object.keys(snapshot).length > 0);
+  const allowEmptySnapshot = snapshot !== void 0 && !hasSnapshotKeys && (stateSnapshotProp !== void 0 || shouldUseLiveState);
+  const messageCacheEntry = caches.byMessageId[messageId];
+  const cachedMessageSnapshot = readCachedMessageEntry(messageCacheEntry).snapshot;
+  const cacheKey = stateRenderId !== void 0 ? `${stateRenderId}::${effectiveRunId}` : void 0;
+  let cachedSnapshot = cachedMessageSnapshot != null ? cachedMessageSnapshot : caches.byMessageId[messageId];
+  if (cachedSnapshot === void 0 && cacheKey && caches.byStateRenderAndRun[cacheKey] !== void 0) {
+    cachedSnapshot = caches.byStateRenderAndRun[cacheKey];
+  }
+  if (cachedSnapshot === void 0 && stateRenderId && previousUserMessageId && caches.byStateRenderAndRun[`${stateRenderId}::pending:${previousUserMessageId}`] !== void 0) {
+    cachedSnapshot = caches.byStateRenderAndRun[`${stateRenderId}::pending:${previousUserMessageId}`];
+  }
+  if (cachedSnapshot === void 0 && !skipLatestCache && stateRenderId && messageRole !== "assistant" && (stateSnapshotProp !== void 0 || agentState && Object.keys(agentState).length > 0)) {
+    cachedSnapshot = caches.byStateRenderAndRun[`${stateRenderId}::latest`];
+  }
+  const snapshotForClaim = (existingClaim == null ? void 0 : existingClaim.locked) ? (_e = existingClaim.stateSnapshot) != null ? _e : cachedSnapshot : hasSnapshotKeys ? snapshot : (_f = existingClaim == null ? void 0 : existingClaim.stateSnapshot) != null ? _f : cachedSnapshot;
+  return { snapshot, hasSnapshotKeys, cachedSnapshot, allowEmptySnapshot, snapshotForClaim };
+}
+
+// src/hooks/use-coagent-state-render-registry.ts
+var import_react11 = require("react");
+var LAST_SNAPSHOTS_BY_RENDER_AND_RUN = "__lastSnapshotsByStateRenderIdAndRun";
+var LAST_SNAPSHOTS_BY_MESSAGE = "__lastSnapshotsByMessageId";
+function getClaimsStore(claimsRef) {
+  return claimsRef.current;
+}
+function getSnapshotCaches(claimsRef) {
+  var _a, _b;
+  const store = getClaimsStore(claimsRef);
+  return {
+    byStateRenderAndRun: (_a = store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN]) != null ? _a : {},
+    byMessageId: (_b = store[LAST_SNAPSHOTS_BY_MESSAGE]) != null ? _b : {}
+  };
+}
+function useStateRenderRegistry({
+  agentId,
+  stateRenderId,
+  message,
+  messageIndex,
+  stateSnapshot,
+  agentState,
+  agentMessages,
+  claimsRef
+}) {
+  var _a, _b, _c, _d, _e, _f;
+  const store = getClaimsStore(claimsRef);
+  const runId = message.runId;
+  const cachedMessageEntry = (_a = store[LAST_SNAPSHOTS_BY_MESSAGE]) == null ? void 0 : _a[message.id];
+  const { runId: cachedMessageRunId } = readCachedMessageEntry(cachedMessageEntry);
+  const existingClaimRunId = (_b = claimsRef.current[message.id]) == null ? void 0 : _b.runId;
+  const effectiveRunId = getEffectiveRunId({
+    existingClaimRunId,
+    cachedMessageRunId,
+    runId
+  });
+  (0, import_react11.useEffect)(() => {
+    return () => {
+      var _a2, _b2, _c2, _d2;
+      const existingClaim2 = claimsRef.current[message.id];
+      if ((existingClaim2 == null ? void 0 : existingClaim2.stateSnapshot) && Object.keys(existingClaim2.stateSnapshot).length > 0) {
+        const snapshotCache = __spreadValues({}, (_a2 = store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN]) != null ? _a2 : {});
+        const cacheKey = `${existingClaim2.stateRenderId}::${(_b2 = existingClaim2.runId) != null ? _b2 : "pending"}`;
+        snapshotCache[cacheKey] = existingClaim2.stateSnapshot;
+        snapshotCache[`${existingClaim2.stateRenderId}::latest`] = existingClaim2.stateSnapshot;
+        store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN] = snapshotCache;
+        const messageCache = __spreadValues({}, (_c2 = store[LAST_SNAPSHOTS_BY_MESSAGE]) != null ? _c2 : {});
+        messageCache[message.id] = {
+          snapshot: existingClaim2.stateSnapshot,
+          runId: (_d2 = existingClaim2.runId) != null ? _d2 : effectiveRunId
+        };
+        store[LAST_SNAPSHOTS_BY_MESSAGE] = messageCache;
+      }
+      delete claimsRef.current[message.id];
+    };
+  }, [claimsRef, effectiveRunId, message.id]);
+  if (!stateRenderId) {
+    return { canRender: false };
+  }
+  const caches = getSnapshotCaches(claimsRef);
+  const existingClaim = claimsRef.current[message.id];
+  const { snapshot, hasSnapshotKeys, allowEmptySnapshot, snapshotForClaim } = selectSnapshot({
+    messageId: message.id,
+    messageName: message.name,
+    allowLiveState: isPlaceholderMessageName(message.name) || isPlaceholderMessageId(message.id),
+    skipLatestCache: isPlaceholderMessageName(message.name) || isPlaceholderMessageId(message.id),
+    stateRenderId,
+    effectiveRunId,
+    stateSnapshotProp: stateSnapshot,
+    agentState,
+    agentMessages,
+    existingClaim,
+    caches
+  });
+  const resolution = resolveClaim({
+    claims: claimsRef.current,
+    context: {
+      agentId,
+      messageId: message.id,
+      stateRenderId,
+      runId: effectiveRunId,
+      messageIndex
+    },
+    stateSnapshot: snapshotForClaim
+  });
+  if (resolution.action === "block" /* Block */) {
+    return { canRender: false };
+  }
+  if (resolution.updateRunId && claimsRef.current[message.id]) {
+    claimsRef.current[message.id].runId = resolution.updateRunId;
+  }
+  if (resolution.nextClaim) {
+    claimsRef.current[message.id] = resolution.nextClaim;
+  }
+  if (resolution.lockOthers) {
+    Object.entries(claimsRef.current).forEach(([id, claim]) => {
+      if (id !== message.id && claim.stateRenderId === stateRenderId) {
+        claim.locked = true;
+      }
+    });
+  }
+  if (existingClaim && !existingClaim.locked && (agentMessages == null ? void 0 : agentMessages.length)) {
+    const indexInAgentMessages = agentMessages.findIndex((msg) => msg.id === message.id);
+    if (indexInAgentMessages >= 0 && indexInAgentMessages < agentMessages.length - 1) {
+      existingClaim.locked = true;
+    }
+  }
+  const existingSnapshot = claimsRef.current[message.id].stateSnapshot;
+  const snapshotChanged = stateSnapshot && existingSnapshot !== void 0 && !areStatesEquals(existingSnapshot, snapshot);
+  if (snapshot && (stateSnapshot || hasSnapshotKeys || allowEmptySnapshot) && (!claimsRef.current[message.id].locked || snapshotChanged)) {
+    if (!claimsRef.current[message.id].locked || snapshotChanged) {
+      claimsRef.current[message.id].stateSnapshot = snapshot;
+      const snapshotCache = __spreadValues({}, (_c = store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN]) != null ? _c : {});
+      const cacheKey = `${stateRenderId}::${effectiveRunId}`;
+      snapshotCache[cacheKey] = snapshot;
+      snapshotCache[`${stateRenderId}::latest`] = snapshot;
+      store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN] = snapshotCache;
+      const messageCache = __spreadValues({}, (_d = store[LAST_SNAPSHOTS_BY_MESSAGE]) != null ? _d : {});
+      messageCache[message.id] = { snapshot, runId: effectiveRunId };
+      store[LAST_SNAPSHOTS_BY_MESSAGE] = messageCache;
+      if (stateSnapshot) {
+        claimsRef.current[message.id].locked = true;
+      }
+    }
+  } else if (snapshotForClaim) {
+    const existingSnapshot2 = claimsRef.current[message.id].stateSnapshot;
+    if (!existingSnapshot2) {
+      claimsRef.current[message.id].stateSnapshot = snapshotForClaim;
+      const snapshotCache = __spreadValues({}, (_e = store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN]) != null ? _e : {});
+      const cacheKey = `${stateRenderId}::${effectiveRunId}`;
+      snapshotCache[cacheKey] = snapshotForClaim;
+      snapshotCache[`${stateRenderId}::latest`] = snapshotForClaim;
+      store[LAST_SNAPSHOTS_BY_RENDER_AND_RUN] = snapshotCache;
+      const messageCache = __spreadValues({}, (_f = store[LAST_SNAPSHOTS_BY_MESSAGE]) != null ? _f : {});
+      messageCache[message.id] = { snapshot: snapshotForClaim, runId: effectiveRunId };
+      store[LAST_SNAPSHOTS_BY_MESSAGE] = messageCache;
+    }
+  }
+  return { canRender: true };
+}
+
+// src/hooks/use-coagent-state-render-bridge.tsx
 function useCoagentStateRenderBridge(agentId, props) {
   var _a;
-  const { stateSnapshot, messageIndexInRun, message } = props;
+  const { stateSnapshot, message } = props;
   const { coAgentStateRenders, claimsRef } = useCoAgentStateRenders();
-  const { agent } = (0, import_react11.useAgent)({ agentId });
-  const [nodeName, setNodeName] = (0, import_react12.useState)(void 0);
-  const [, forceUpdate] = (0, import_react12.useState)(0);
-  const runId = (_a = props.runId) != null ? _a : message.runId;
-  const effectiveRunId = runId || "pending";
-  (0, import_react12.useEffect)(() => {
+  const { agent } = (0, import_react12.useAgent)({ agentId });
+  const [nodeName, setNodeName] = (0, import_react13.useState)(void 0);
+  const [, forceUpdate] = (0, import_react13.useState)(0);
+  (0, import_react13.useEffect)(() => {
     if (!agent)
       return;
     const subscriber = {
@@ -1477,103 +1758,69 @@ function useCoagentStateRenderBridge(agentId, props) {
       unsubscribe();
     };
   }, [agentId, nodeName]);
-  const getStateRender = (0, import_react12.useCallback)(
+  const getStateRender = (0, import_react13.useCallback)(
     (messageId) => {
-      return Object.entries(coAgentStateRenders).find(([stateRenderId, stateRender]) => {
+      return Object.entries(coAgentStateRenders).find(([stateRenderId2, stateRender2]) => {
         if (claimsRef.current[messageId]) {
-          return stateRenderId === claimsRef.current[messageId].stateRenderId;
+          return stateRenderId2 === claimsRef.current[messageId].stateRenderId;
         }
-        const matchingAgentName = stateRender.name === agentId;
-        const matchesNodeContext = stateRender.nodeName ? stateRender.nodeName === nodeName : true;
+        const matchingAgentName = stateRender2.name === agentId;
+        const matchesNodeContext = stateRender2.nodeName ? stateRender2.nodeName === nodeName : true;
         return matchingAgentName && matchesNodeContext;
       });
     },
     [coAgentStateRenders, nodeName, agentId]
   );
-  const handleRenderRequest = ({
+  const stateRenderEntry = (0, import_react13.useMemo)(() => getStateRender(message.id), [getStateRender, message.id]);
+  const stateRenderId = stateRenderEntry == null ? void 0 : stateRenderEntry[0];
+  const stateRender = stateRenderEntry == null ? void 0 : stateRenderEntry[1];
+  const registryMessage = __spreadProps(__spreadValues({}, message), {
+    runId: (_a = props.runId) != null ? _a : message.runId
+  });
+  const { canRender } = useStateRenderRegistry({
+    agentId,
     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_shared9.dataToUUID)(getStateWithoutConstantKeys(c.stateSnapshot)) === (0, import_shared9.dataToUUID)(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_react12.useMemo)(() => {
-    var _a2, _b, _c;
-    if (messageIndexInRun !== 0) {
-      return null;
-    }
-    const [stateRenderId, stateRender] = (_a2 = getStateRender(message.id)) != null ? _a2 : [];
+    message: registryMessage,
+    messageIndex: props.messageIndex,
+    stateSnapshot,
+    agentState: agent == null ? void 0 : agent.state,
+    agentMessages: agent == null ? void 0 : agent.messages,
+    claimsRef
+  });
+  return (0, import_react13.useMemo)(() => {
+    var _a2, _b;
     if (!stateRender || !stateRenderId) {
       return null;
     }
-    const snapshot = stateSnapshot ? (0, import_shared9.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) {
-      const existingSnapshot = claimsRef.current[message.id].stateSnapshot;
-      const snapshotChanged = stateSnapshot && existingSnapshot !== void 0 && !areStatesEquals(existingSnapshot, snapshot);
-      if (!claimsRef.current[message.id].locked || snapshotChanged) {
-        claimsRef.current[message.id].stateSnapshot = snapshot;
-        if (stateSnapshot) {
-          claimsRef.current[message.id].locked = true;
-        }
-      }
-    }
     if (stateRender.handler) {
       stateRender.handler({
-        state: stateSnapshot ? (0, import_shared9.parseJson)(stateSnapshot, stateSnapshot) : (_b = agent == null ? void 0 : agent.state) != null ? _b : {},
+        state: stateSnapshot ? (0, import_shared10.parseJson)(stateSnapshot, stateSnapshot) : (_a2 = agent == null ? void 0 : agent.state) != null ? _a2 : {},
         nodeName: nodeName != null ? nodeName : ""
       });
     }
     if (stateRender.render) {
-      const status = (agent == null ? void 0 : agent.isRunning) ? "inProgress" : "complete";
+      const status = (agent == null ? void 0 : agent.isRunning) ? "inProgress" /* InProgress */ : "complete" /* 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 : {},
+        state: (_b = claimsRef.current[message.id].stateSnapshot) != null ? _b : {},
         nodeName: nodeName != null ? nodeName : ""
       });
     }
   }, [
-    getStateRender,
-    stateSnapshot,
+    stateRender,
+    stateRenderId,
     agent == null ? void 0 : agent.state,
     agent == null ? void 0 : agent.isRunning,
     nodeName,
-    effectiveRunId,
     message.id,
-    messageIndexInRun
+    stateSnapshot,
+    canRender
   ]);
 }
 function CoAgentStateRenderBridge(props) {
@@ -1581,13 +1828,13 @@ function CoAgentStateRenderBridge(props) {
 }
 
 // src/components/CopilotListeners.tsx
-var import_react13 = require("react");
-var import_react14 = require("@copilotkitnext/react");
-var import_shared10 = require("@copilotkit/shared");
+var import_react14 = require("react");
+var import_react15 = require("@copilotkitnext/react");
 var import_shared11 = require("@copilotkit/shared");
+var import_shared12 = require("@copilotkit/shared");
 var usePredictStateSubscription = (agent) => {
-  const predictStateToolsRef = (0, import_react13.useRef)([]);
-  const getSubscriber = (0, import_react13.useCallback)(
+  const predictStateToolsRef = (0, import_react14.useRef)([]);
+  const getSubscriber = (0, import_react14.useCallback)(
     (agent2) => ({
       onCustomEvent: ({ event }) => {
         if (event.name === "PredictState") {
@@ -1598,7 +1845,7 @@ var usePredictStateSubscription = (agent) => {
         predictStateToolsRef.current.forEach((t) => {
           if ((t == null ? void 0 : t.tool) !== toolCallName)
             return;
-          const emittedState = typeof partialToolCallArgs === "string" ? (0, import_shared10.parseJson)(partialToolCallArgs, partialToolCallArgs) : partialToolCallArgs;
+          const emittedState = typeof partialToolCallArgs === "string" ? (0, import_shared11.parseJson)(partialToolCallArgs, partialToolCallArgs) : partialToolCallArgs;
           agent2.setState({
             [t.state_key]: emittedState[t.state_key]
           });
@@ -1607,7 +1854,7 @@ var usePredictStateSubscription = (agent) => {
     }),
     []
   );
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!agent)
       return;
     const subscriber = getSubscriber(agent);
@@ -1618,16 +1865,16 @@ var usePredictStateSubscription = (agent) => {
   }, [agent, getSubscriber]);
 };
 function CopilotListeners() {
-  const { copilotkit } = (0, import_react14.useCopilotKit)();
-  const existingConfig = (0, import_react14.useCopilotChatConfiguration)();
+  const { copilotkit } = (0, import_react15.useCopilotKit)();
+  const existingConfig = (0, import_react15.useCopilotChatConfiguration)();
   const resolvedAgentId = existingConfig == null ? void 0 : existingConfig.agentId;
   const { setBannerError } = useToast();
-  const { agent } = (0, import_react14.useAgent)({ agentId: resolvedAgentId });
+  const { agent } = (0, import_react15.useAgent)({ agentId: resolvedAgentId });
   usePredictStateSubscription(agent);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const subscriber = {
       onError: ({ error }) => {
-        setBannerError(new import_shared11.CopilotKitLowLevelError({ error, message: error.message }));
+        setBannerError(new import_shared12.CopilotKitLowLevelError({ error, message: error.message }));
       }
     };
     const subscription = copilotkit.subscribe(subscriber);
@@ -1645,9 +1892,9 @@ function CopilotKit(_a) {
   const enabled = shouldShowDevConsole(props.showDevConsole);
   const showInspector = shouldShowDevConsole(props.enableInspector);
   const publicApiKey = props.publicApiKey || props.publicLicenseKey;
-  const renderArr = (0, import_react15.useMemo)(() => [{ render: CoAgentStateRenderBridge }], []);
+  const renderArr = (0, import_react16.useMemo)(() => [{ render: CoAgentStateRenderBridge }], []);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ToastProvider, { enabled, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CopilotErrorBoundary, { publicApiKey, showUsageBanner: enabled, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ThreadsProvider, { threadId: props.threadId, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react16.CopilotKitProvider,
+    import_react17.CopilotKitProvider,
     __spreadProps(__spreadValues({}, props), {
       showDevConsole: showInspector,
       renderCustomMessages: renderArr,
@@ -1656,44 +1903,83 @@ function CopilotKit(_a) {
     })
   ) }) }) });
 }
+function CopilotKitErrorBridge() {
+  const { copilotkit } = (0, import_react17.useCopilotKit)();
+  const { onError, copilotApiConfig } = useCopilotContext();
+  (0, import_react16.useEffect)(() => {
+    if (!copilotkit)
+      return;
+    const subscription = copilotkit.subscribe({
+      onError: (event) => __async(this, null, function* () {
+        const errorEvent = {
+          type: "error",
+          timestamp: Date.now(),
+          context: __spreadValues({
+            source: "agent",
+            request: {
+              operation: event.code || "unknown",
+              url: copilotApiConfig == null ? void 0 : copilotApiConfig.chatApiEndpoint,
+              startTime: Date.now()
+            },
+            technical: {
+              environment: "browser",
+              userAgent: typeof navigator !== "undefined" ? navigator.userAgent : void 0,
+              stackTrace: event.error.stack
+            }
+          }, event.context),
+          error: event.error
+        };
+        try {
+          yield onError(errorEvent);
+        } catch (handlerError) {
+          console.error("Error in onError handler:", handlerError);
+        }
+      })
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [copilotkit, onError, copilotApiConfig]);
+  return null;
+}
 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_react15.useState)({});
-  const [registeredActionConfigs, setRegisteredActionConfigs] = (0, import_react15.useState)(/* @__PURE__ */ new Map());
-  const chatComponentsCache = (0, import_react15.useRef)({
+  const chatApiEndpoint = props.runtimeUrl || import_shared13.COPILOT_CLOUD_CHAT_URL;
+  const [actions, setActions] = (0, import_react16.useState)({});
+  const [registeredActionConfigs, setRegisteredActionConfigs] = (0, import_react16.useState)(/* @__PURE__ */ new Map());
+  const chatComponentsCache = (0, import_react16.useRef)({
     actions: {},
     coAgentStateRenders: {}
   });
   const { addElement, removeElement, printTree, getAllElements } = use_tree_default();
-  const [isLoading, setIsLoading] = (0, import_react15.useState)(false);
-  const [chatInstructions, setChatInstructions] = (0, import_react15.useState)("");
-  const [authStates, setAuthStates] = (0, import_react15.useState)({});
-  const [extensions, setExtensions] = (0, import_react15.useState)({});
-  const [additionalInstructions, setAdditionalInstructions] = (0, import_react15.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react16.useState)(false);
+  const [chatInstructions, setChatInstructions] = (0, import_react16.useState)("");
+  const [authStates, setAuthStates] = (0, import_react16.useState)({});
+  const [extensions, setExtensions] = (0, import_react16.useState)({});
+  const [additionalInstructions, setAdditionalInstructions] = (0, import_react16.useState)([]);
   const {
     addElement: addDocument,
     removeElement: removeDocument,
     allElements: allDocuments
   } = use_flat_category_store_default();
-  const setAction = (0, import_react15.useCallback)((id, action) => {
+  const setAction = (0, import_react16.useCallback)((id, action) => {
     setActions((prevPoints) => {
       return __spreadProps(__spreadValues({}, prevPoints), {
         [id]: action
       });
     });
   }, []);
-  const removeAction = (0, import_react15.useCallback)((id) => {
+  const removeAction = (0, import_react16.useCallback)((id) => {
     setActions((prevPoints) => {
       const newPoints = __spreadValues({}, prevPoints);
       delete newPoints[id];
       return newPoints;
     });
   }, []);
-  const getContextString = (0, import_react15.useCallback)(
+  const getContextString = (0, import_react16.useCallback)(
     (documents, categories) => {
       const documentsString = documents.map((document) => {
         return `${document.name} (${document.sourceApplication}):
@@ -1706,46 +1992,46 @@ ${nonDocumentStrings}`;
     },
     [printTree]
   );
-  const addContext = (0, import_react15.useCallback)(
+  const addContext = (0, import_react16.useCallback)(
     (context, parentId, categories = defaultCopilotContextCategories) => {
       return addElement(context, categories, parentId);
     },
     [addElement]
   );
-  const removeContext = (0, import_react15.useCallback)(
+  const removeContext = (0, import_react16.useCallback)(
     (id) => {
       removeElement(id);
     },
     [removeElement]
   );
-  const getAllContext = (0, import_react15.useCallback)(() => {
+  const getAllContext = (0, import_react16.useCallback)(() => {
     return getAllElements();
   }, [getAllElements]);
-  const getFunctionCallHandler = (0, import_react15.useCallback)(
+  const getFunctionCallHandler = (0, import_react16.useCallback)(
     (customEntryPoints) => {
       return entryPointsToFunctionCallHandler(Object.values(customEntryPoints || actions));
     },
     [actions]
   );
-  const getDocumentsContext = (0, import_react15.useCallback)(
+  const getDocumentsContext = (0, import_react16.useCallback)(
     (categories) => {
       return allDocuments(categories);
     },
     [allDocuments]
   );
-  const addDocumentContext = (0, import_react15.useCallback)(
+  const addDocumentContext = (0, import_react16.useCallback)(
     (documentPointer, categories = defaultCopilotContextCategories) => {
       return addDocument(documentPointer, categories);
     },
     [addDocument]
   );
-  const removeDocumentContext = (0, import_react15.useCallback)(
+  const removeDocumentContext = (0, import_react16.useCallback)(
     (documentId) => {
       removeDocument(documentId);
     },
     [removeDocument]
   );
-  const copilotApiConfig = (0, import_react15.useMemo)(() => {
+  const copilotApiConfig = (0, import_react16.useMemo)(() => {
     var _a2, _b2;
     let cloud = void 0;
     if (publicApiKey) {
@@ -1781,7 +2067,7 @@ ${nonDocumentStrings}`;
     props.cloudRestrictToTopic,
     props.guardrails_c
   ]);
-  const headers = (0, import_react15.useMemo)(() => {
+  const headers = (0, import_react16.useMemo)(() => {
     const authHeaders = Object.values(authStates || {}).reduce((acc, state) => {
       if (state.status === "authenticated" && state.authHeaders) {
         return __spreadValues(__spreadValues({}, acc), Object.entries(state.authHeaders).reduce(
@@ -1793,27 +2079,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_react15.useState)({});
-  const setInternalErrorHandler = (0, import_react15.useCallback)((handler) => {
+  const [internalErrorHandlers, _setInternalErrorHandler] = (0, import_react16.useState)({});
+  const setInternalErrorHandler = (0, import_react16.useCallback)((handler) => {
     _setInternalErrorHandler((prev) => __spreadValues(__spreadValues({}, prev), handler));
   }, []);
-  const removeInternalErrorHandler = (0, import_react15.useCallback)((key) => {
+  const removeInternalErrorHandler = (0, import_react16.useCallback)((key) => {
     _setInternalErrorHandler((prev) => {
       const _a2 = prev, { [key]: _removed } = _a2, rest = __objRest(_a2, [__restKey(key)]);
       return rest;
     });
   }, []);
-  const onErrorRef = (0, import_react15.useRef)(props.onError);
-  (0, import_react15.useEffect)(() => {
+  const onErrorRef = (0, import_react16.useRef)(props.onError);
+  (0, import_react16.useEffect)(() => {
     onErrorRef.current = props.onError;
   }, [props.onError]);
-  const internalHandlersRef = (0, import_react15.useRef)({});
-  (0, import_react15.useEffect)(() => {
+  const internalHandlersRef = (0, import_react16.useRef)({});
+  (0, import_react16.useEffect)(() => {
     internalHandlersRef.current = internalErrorHandlers;
   }, [internalErrorHandlers]);
-  const handleErrors = (0, import_react15.useCallback)(
+  const handleErrors = (0, import_react16.useCallback)(
     (error) => __async(this, null, function* () {
       if (copilotApiConfig.publicApiKey && onErrorRef.current) {
         try {
@@ -1833,14 +2119,14 @@ ${nonDocumentStrings}`;
     }),
     [copilotApiConfig.publicApiKey]
   );
-  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react15.useState)({});
-  const addChatSuggestionConfiguration = (0, import_react15.useCallback)(
+  const [chatSuggestionConfiguration, setChatSuggestionConfiguration] = (0, import_react16.useState)({});
+  const addChatSuggestionConfiguration = (0, import_react16.useCallback)(
     (id, suggestion) => {
       setChatSuggestionConfiguration((prev) => __spreadProps(__spreadValues({}, prev), { [id]: suggestion }));
     },
     [setChatSuggestionConfiguration]
   );
-  const removeChatSuggestionConfiguration = (0, import_react15.useCallback)(
+  const removeChatSuggestionConfiguration = (0, import_react16.useCallback)(
     (id) => {
       setChatSuggestionConfiguration((prev) => {
         const _a2 = prev, { [id]: _ } = _a2, rest = __objRest(_a2, [__restKey(id)]);
@@ -1849,10 +2135,10 @@ ${nonDocumentStrings}`;
     },
     [setChatSuggestionConfiguration]
   );
-  const [availableAgents, setAvailableAgents] = (0, import_react15.useState)([]);
-  const [coagentStates, setCoagentStates] = (0, import_react15.useState)({});
-  const coagentStatesRef = (0, import_react15.useRef)({});
-  const setCoagentStatesWithRef = (0, import_react15.useCallback)(
+  const [availableAgents, setAvailableAgents] = (0, import_react16.useState)([]);
+  const [coagentStates, setCoagentStates] = (0, import_react16.useState)({});
+  const coagentStatesRef = (0, import_react16.useRef)({});
+  const setCoagentStatesWithRef = (0, import_react16.useCallback)(
     (value) => {
       const newValue = typeof value === "function" ? value(coagentStatesRef.current) : value;
       coagentStatesRef.current = newValue;
@@ -1868,8 +2154,8 @@ ${nonDocumentStrings}`;
       agentName: props.agent
     };
   }
-  const [agentSession, setAgentSession] = (0, import_react15.useState)(initialAgentSession);
-  (0, import_react15.useEffect)(() => {
+  const [agentSession, setAgentSession] = (0, import_react16.useState)(initialAgentSession);
+  (0, import_react16.useEffect)(() => {
     if (props.agent) {
       setAgentSession({
         agentName: props.agent
@@ -1879,7 +2165,7 @@ ${nonDocumentStrings}`;
     }
   }, [props.agent]);
   const { threadId, setThreadId: setInternalThreadId } = useThreads();
-  const setThreadId = (0, import_react15.useCallback)(
+  const setThreadId = (0, import_react16.useCallback)(
     (value) => {
       if (props.threadId) {
         throw new Error("Cannot call setThreadId() when threadId is provided via props.");
@@ -1888,11 +2174,11 @@ ${nonDocumentStrings}`;
     },
     [props.threadId]
   );
-  const [runId, setRunId] = (0, import_react15.useState)(null);
-  const chatAbortControllerRef = (0, import_react15.useRef)(null);
+  const [runId, setRunId] = (0, import_react16.useState)(null);
+  const chatAbortControllerRef = (0, import_react16.useRef)(null);
   const showDevConsole = shouldShowDevConsole(props.showDevConsole);
-  const [interruptActions, _setInterruptActions] = (0, import_react15.useState)({});
-  const setInterruptAction = (0, import_react15.useCallback)((action) => {
+  const [interruptActions, _setInterruptActions] = (0, import_react16.useState)({});
+  const setInterruptAction = (0, import_react16.useCallback)((action) => {
     _setInterruptActions((prev) => {
       var _a2;
       if (action == null || !action.id) {
@@ -1903,14 +2189,14 @@ ${nonDocumentStrings}`;
       });
     });
   }, []);
-  const removeInterruptAction = (0, import_react15.useCallback)((actionId) => {
+  const removeInterruptAction = (0, import_react16.useCallback)((actionId) => {
     _setInterruptActions((prev) => {
       const _a2 = prev, { [actionId]: _ } = _a2, rest = __objRest(_a2, [__restKey(actionId)]);
       return rest;
     });
   }, []);
-  const [interruptEventQueue, setInterruptEventQueue] = (0, import_react15.useState)({});
-  const addInterruptEvent = (0, import_react15.useCallback)((queuedEvent) => {
+  const [interruptEventQueue, setInterruptEventQueue] = (0, import_react16.useState)({});
+  const addInterruptEvent = (0, import_react16.useCallback)((queuedEvent) => {
     setInterruptEventQueue((prev) => {
       const threadQueue = prev[queuedEvent.threadId] || [];
       return __spreadProps(__spreadValues({}, prev), {
@@ -1918,7 +2204,7 @@ ${nonDocumentStrings}`;
       });
     });
   }, []);
-  const resolveInterruptEvent = (0, import_react15.useCallback)(
+  const resolveInterruptEvent = (0, import_react16.useCallback)(
     (threadId2, eventId, response) => {
       setInterruptEventQueue((prev) => {
         const threadQueue = prev[threadId2] || [];
@@ -1931,20 +2217,20 @@ ${nonDocumentStrings}`;
     },
     []
   );
-  const memoizedChildren = (0, import_react15.useMemo)(() => children, [children]);
-  const [bannerError, setBannerError] = (0, import_react15.useState)(null);
-  const agentLock = (0, import_react15.useMemo)(() => {
+  const memoizedChildren = (0, import_react16.useMemo)(() => children, [children]);
+  const [bannerError, setBannerError] = (0, import_react16.useState)(null);
+  const agentLock = (0, import_react16.useMemo)(() => {
     var _a2;
     return (_a2 = props.agent) != null ? _a2 : null;
   }, [props.agent]);
-  const forwardedParameters = (0, import_react15.useMemo)(
+  const forwardedParameters = (0, import_react16.useMemo)(
     () => {
       var _a2;
       return (_a2 = props.forwardedParameters) != null ? _a2 : {};
     },
     [props.forwardedParameters]
   );
-  const updateExtensions = (0, import_react15.useCallback)(
+  const updateExtensions = (0, import_react16.useCallback)(
     (newExtensions) => {
       setExtensions((prev) => {
         const resolved = typeof newExtensions === "function" ? newExtensions(prev) : newExtensions;
@@ -1956,7 +2242,7 @@ ${nonDocumentStrings}`;
     },
     [setExtensions]
   );
-  const updateAuthStates = (0, import_react15.useCallback)(
+  const updateAuthStates = (0, import_react16.useCallback)(
     (newAuthStates) => {
       setAuthStates((prev) => {
         const resolved = typeof newAuthStates === "function" ? newAuthStates(prev) : newAuthStates;
@@ -1968,8 +2254,8 @@ ${nonDocumentStrings}`;
     },
     [setAuthStates]
   );
-  const handleSetRegisteredActions = (0, import_react15.useCallback)((actionConfig) => {
-    const key = actionConfig.action.name || (0, import_shared12.randomUUID)();
+  const handleSetRegisteredActions = (0, import_react16.useCallback)((actionConfig) => {
+    const key = actionConfig.action.name || (0, import_shared13.randomUUID)();
     setRegisteredActionConfigs((prev) => {
       const newMap = new Map(prev);
       newMap.set(key, actionConfig);
@@ -1977,21 +2263,21 @@ ${nonDocumentStrings}`;
     });
     return key;
   }, []);
-  const handleRemoveRegisteredAction = (0, import_react15.useCallback)((actionKey) => {
+  const handleRemoveRegisteredAction = (0, import_react16.useCallback)((actionKey) => {
     setRegisteredActionConfigs((prev) => {
       const newMap = new Map(prev);
       newMap.delete(actionKey);
       return newMap;
     });
   }, []);
-  const RegisteredActionsRenderer = (0, import_react15.useMemo)(() => {
+  const RegisteredActionsRenderer = (0, import_react16.useMemo)(() => {
     return () => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: Array.from(registeredActionConfigs.entries()).map(([key, config]) => {
       const Component = config.component;
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Component, { action: config.action }, key);
     }) });
   }, [registeredActionConfigs]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react16.CopilotChatConfigurationProvider,
+    import_react17.CopilotChatConfigurationProvider,
     {
       agentId: (_b = props.agent) != null ? _b : "default",
       threadId,
@@ -2058,6 +2344,7 @@ ${nonDocumentStrings}`;
           },
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CopilotListeners, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CopilotKitErrorBridge, {}),
             /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(CoAgentStateRendersProvider, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MessagesTapProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(CopilotMessages, { children: [
                 memoizedChildren,
@@ -2112,33 +2399,33 @@ 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_react23 = require("react");
+var import_react24 = require("react");
 var import_runtime_client_gql2 = require("@copilotkit/runtime-client-gql");
 
 // src/hooks/use-langgraph-interrupt-render.ts
-var import_react19 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 var import_runtime_client_gql = require("@copilotkit/runtime-client-gql");
-var import_shared13 = require("@copilotkit/shared");
+var import_shared14 = require("@copilotkit/shared");
 
 // src/hooks/use-agent-nodename.ts
-var import_react17 = require("react");
-var import_react18 = require("@copilotkitnext/react");
+var import_react18 = require("react");
+var import_react19 = require("@copilotkitnext/react");
 function useAgentNodeName(agentName) {
-  const { agent } = (0, import_react18.useAgent)({ agentId: agentName });
-  const nodeNameRef = (0, import_react17.useRef)("start");
-  (0, import_react17.useEffect)(() => {
+  const { agent } = (0, import_react19.useAgent)({ agentId: agentName });
+  const nodeNameRef = (0, import_react18.useRef)("start");
+  (0, import_react18.useEffect)(() => {
     if (!agent)
       return;
     const subscriber = {
@@ -2161,7 +2448,7 @@ function useAgentNodeName(agentName) {
 }
 
 // src/hooks/use-langgraph-interrupt-render.ts
-var import_react20 = require("@copilotkitnext/react");
+var import_react21 = require("@copilotkitnext/react");
 var InterruptRenderer = ({ event, result, render, resolve }) => {
   return render({ event, result, resolve });
 };
@@ -2175,10 +2462,10 @@ function useLangGraphInterruptRender(agent) {
     addInterruptEvent,
     resolveInterruptEvent
   } = useCopilotContext();
-  const existingConfig = (0, import_react20.useCopilotChatConfiguration)();
+  const existingConfig = (0, import_react21.useCopilotChatConfiguration)();
   const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
   const nodeName = useAgentNodeName(resolvedAgentId);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!agent)
       return;
     let localInterrupt = null;
@@ -2188,9 +2475,9 @@ function useLangGraphInterruptRender(agent) {
           const eventData = {
             name: import_runtime_client_gql.MetaEventName.LangGraphInterruptEvent,
             type: event.type,
-            value: (0, import_shared13.parseJson)(event.value, event.value)
+            value: (0, import_shared14.parseJson)(event.value, event.value)
           };
-          const eventId = (0, import_shared13.dataToUUID)(eventData, "interruptEvents");
+          const eventId = (0, import_shared14.dataToUUID)(eventData, "interruptEvents");
           localInterrupt = {
             eventId,
             threadId,
@@ -2213,7 +2500,7 @@ function useLangGraphInterruptRender(agent) {
       unsubscribe();
     };
   }, [agent, threadId]);
-  const handleResolve = (0, import_react19.useCallback)(
+  const handleResolve = (0, import_react20.useCallback)(
     (eventId, response) => {
       agent == null ? void 0 : agent.runAgent({
         forwardedProps: {
@@ -2227,7 +2514,7 @@ function useLangGraphInterruptRender(agent) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [agent, threadId]
   );
-  return (0, import_react19.useMemo)(() => {
+  return (0, import_react20.useMemo)(() => {
     const eventQueue = interruptEventQueue[threadId] || [];
     const currentQueuedEvent = eventQueue.find((qe) => !qe.event.response);
     if (!currentQueuedEvent || !agentSession)
@@ -2258,7 +2545,7 @@ function useLangGraphInterruptRender(agent) {
     }
     if (!render)
       return null;
-    return import_react19.default.createElement(InterruptRenderer, {
+    return import_react20.default.createElement(InterruptRenderer, {
       event: currentQueuedEvent.event,
       result,
       render,
@@ -2268,14 +2555,14 @@ function useLangGraphInterruptRender(agent) {
 }
 
 // src/hooks/use-copilot-chat_internal.ts
-var import_react24 = require("@copilotkitnext/react");
+var import_react25 = require("@copilotkitnext/react");
 
 // src/hooks/use-lazy-tool-renderer.tsx
-var import_react21 = require("@copilotkitnext/react");
-var import_react22 = require("react");
+var import_react22 = require("@copilotkitnext/react");
+var import_react23 = require("react");
 function useLazyToolRenderer() {
-  const renderToolCall = (0, import_react21.useRenderToolCall)();
-  return (0, import_react22.useCallback)(
+  const renderToolCall = (0, import_react22.useRenderToolCall)();
+  return (0, import_react23.useCallback)(
     (message, messages) => {
       var _a;
       if (!((_a = message == null ? void 0 : message.toolCalls) == null ? void 0 : _a.length))
@@ -2305,13 +2592,13 @@ function useCopilotChatInternal({
   onReloadMessages
 } = {}) {
   var _a, _b, _c;
-  const { copilotkit } = (0, import_react24.useCopilotKit)();
+  const { copilotkit } = (0, import_react25.useCopilotKit)();
   const { threadId, agentSession } = useCopilotContext();
-  const existingConfig = (0, import_react24.useCopilotChatConfiguration)();
-  const [agentAvailable, setAgentAvailable] = (0, import_react23.useState)(false);
+  const existingConfig = (0, import_react25.useCopilotChatConfiguration)();
+  const [agentAvailable, setAgentAvailable] = (0, import_react24.useState)(false);
   const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
-  const { agent } = (0, import_react24.useAgent)({ agentId: resolvedAgentId });
-  (0, import_react23.useEffect)(() => {
+  const { agent } = (0, import_react25.useAgent)({ agentId: resolvedAgentId });
+  (0, import_react24.useEffect)(() => {
     const connect = (agent2) => __async(this, null, function* () {
       setAgentAvailable(false);
       try {
@@ -2320,7 +2607,7 @@ function useCopilotChatInternal({
       } catch (error) {
         if (error instanceof import_client.AGUIConnectNotImplementedError) {
         } else {
-          throw error;
+          console.error("CopilotChat: connectAgent failed", error);
         }
       }
     });
@@ -2331,7 +2618,7 @@ function useCopilotChatInternal({
     return () => {
     };
   }, [existingConfig == null ? void 0 : existingConfig.threadId, agent, copilotkit, resolvedAgentId]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     onInProgress == null ? void 0 : onInProgress(Boolean(agent == null ? void 0 : agent.isRunning));
   }, [agent == null ? void 0 : agent.isRunning, onInProgress]);
   const interrupt = useLangGraphInterruptRender(agent);
@@ -2339,7 +2626,7 @@ function useCopilotChatInternal({
     agent == null ? void 0 : agent.setMessages([]);
     agent == null ? void 0 : agent.setState(null);
   };
-  const deleteMessage = (0, import_react23.useCallback)(
+  const deleteMessage = (0, import_react24.useCallback)(
     (messageId) => {
       var _a2;
       const filteredMessages = ((_a2 = agent == null ? void 0 : agent.messages) != null ? _a2 : []).filter(
@@ -2350,13 +2637,13 @@ function useCopilotChatInternal({
     [agent == null ? void 0 : agent.setMessages, agent == null ? void 0 : agent.messages]
   );
   const latestDelete = useUpdatedRef(deleteMessage);
-  const latestDeleteFunc = (0, import_react23.useCallback)(
+  const latestDeleteFunc = (0, import_react24.useCallback)(
     (messageId) => {
       return latestDelete.current(messageId);
     },
     [latestDelete]
   );
-  const currentSuggestions = (0, import_react24.useSuggestions)({ agentId: resolvedAgentId });
+  const currentSuggestions = (0, import_react25.useSuggestions)({ agentId: resolvedAgentId });
   const reload = useAsyncCallback(
     (reloadMessageId) => __async(this, null, function* () {
       var _a2;
@@ -2391,7 +2678,11 @@ function useCopilotChatInternal({
       }
       agent == null ? void 0 : agent.setMessages(historyCutoff);
       if (agent) {
-        copilotkit.runAgent({ agent });
+        try {
+          yield copilotkit.runAgent({ agent });
+        } catch (error) {
+          console.error("CopilotChat: runAgent failed during reload", error);
+        }
       }
       return;
     }),
@@ -2431,7 +2722,7 @@ function useCopilotChatInternal({
     }),
     [latestSendMessageFunc]
   );
-  const latestSetMessagesFunc = (0, import_react23.useCallback)(
+  const latestSetMessagesFunc = (0, import_react24.useCallback)(
     (messages) => {
       var _a2, _b2;
       if (messages.every((message) => message instanceof import_runtime_client_gql2.Message)) {
@@ -2454,7 +2745,7 @@ function useCopilotChatInternal({
     }),
     [latestReload, agent, onReloadMessages]
   );
-  const latestStopFunc = (0, import_react23.useCallback)(() => {
+  const latestStopFunc = (0, import_react24.useCallback)(() => {
     var _a2, _b2;
     onStopGeneration == null ? void 0 : onStopGeneration({
       currentAgentName: agent == null ? void 0 : agent.agentId,
@@ -2463,11 +2754,11 @@ function useCopilotChatInternal({
     return (_b2 = agent == null ? void 0 : agent.abortRun) == null ? void 0 : _b2.call(agent);
   }, [onStopGeneration, agent]);
   const latestReset = useUpdatedRef(reset);
-  const latestResetFunc = (0, import_react23.useCallback)(() => {
+  const latestResetFunc = (0, import_react24.useCallback)(() => {
     return latestReset.current();
   }, [latestReset]);
   const lazyToolRendered = useLazyToolRenderer();
-  const renderCustomMessage = (0, import_react24.useRenderCustomMessages)();
+  const renderCustomMessage = (0, import_react25.useRenderCustomMessages)();
   const legacyCustomMessageRenderer = useLegacyCoagentRenderer({
     copilotkit,
     agent,
@@ -2475,7 +2766,8 @@ function useCopilotChatInternal({
     threadId: (_b = existingConfig == null ? void 0 : existingConfig.threadId) != null ? _b : threadId
   });
   const allMessages = (_c = agent == null ? void 0 : agent.messages) != null ? _c : [];
-  const resolvedMessages = (0, import_react23.useMemo)(() => {
+  const resolvedMessages = (0, import_react24.useMemo)(() => {
+    var _a2, _b2;
     let processedMessages = allMessages.map((message) => {
       if (message.role !== "assistant") {
         return message;
@@ -2488,31 +2780,78 @@ function useCopilotChatInternal({
         }
       }
       const bridgeRenderer = legacyCustomMessageRenderer || renderCustomMessage ? () => {
-        const customRender = renderCustomMessage == null ? void 0 : renderCustomMessage({
-          message,
-          position: "before"
-        });
-        if (customRender) {
-          return customRender;
+        var _a3;
+        if (legacyCustomMessageRenderer) {
+          return legacyCustomMessageRenderer({ message, position: "before" });
+        }
+        try {
+          return (_a3 = renderCustomMessage == null ? void 0 : renderCustomMessage({ message, position: "before" })) != null ? _a3 : null;
+        } catch (error) {
+          console.warn(
+            "[CopilotKit] renderCustomMessages failed, falling back to legacy renderer",
+            error
+          );
+          return null;
         }
-        return legacyCustomMessageRenderer == null ? void 0 : legacyCustomMessageRenderer({ message, position: "before" });
       } : null;
       if (bridgeRenderer) {
-        return __spreadProps(__spreadValues({}, message), { generativeUI: bridgeRenderer });
+        return __spreadProps(__spreadValues({}, message), {
+          generativeUI: bridgeRenderer,
+          generativeUIPosition: "before"
+        });
       }
       return message;
     });
     const hasAssistantMessages = processedMessages.some((msg) => msg.role === "assistant");
+    const canUseCustomRenderer = Boolean(
+      renderCustomMessage && ((_a2 = copilotkit == null ? void 0 : copilotkit.getAgent) == null ? void 0 : _a2.call(copilotkit, resolvedAgentId))
+    );
+    const placeholderRenderer = legacyCustomMessageRenderer ? legacyCustomMessageRenderer : canUseCustomRenderer ? renderCustomMessage : null;
+    const shouldRenderPlaceholder = Boolean(agent == null ? void 0 : agent.isRunning) || Boolean((agent == null ? void 0 : agent.state) && Object.keys(agent.state).length);
+    const effectiveThreadId = (_b2 = threadId != null ? threadId : agent == null ? void 0 : agent.threadId) != null ? _b2 : "default";
+    let latestUserIndex = -1;
+    for (let i = processedMessages.length - 1; i >= 0; i -= 1) {
+      if (processedMessages[i].role === "user") {
+        latestUserIndex = i;
+        break;
+      }
+    }
+    const latestUserMessageId = latestUserIndex >= 0 ? processedMessages[latestUserIndex].id : void 0;
+    const currentRunId = latestUserMessageId ? copilotkit.getRunIdForMessage(resolvedAgentId, effectiveThreadId, latestUserMessageId) || `pending:${latestUserMessageId}` : void 0;
+    const hasAssistantForCurrentRun = latestUserIndex >= 0 ? processedMessages.slice(latestUserIndex + 1).some((msg) => msg.role === "assistant") : hasAssistantMessages;
+    if (placeholderRenderer && shouldRenderPlaceholder && !hasAssistantForCurrentRun) {
+      const placeholderId = currentRunId ? `coagent-state-render-${resolvedAgentId}-${currentRunId}` : `coagent-state-render-${resolvedAgentId}`;
+      const placeholderMessage = {
+        id: placeholderId,
+        role: "assistant",
+        content: "",
+        name: "coagent-state-render",
+        runId: currentRunId
+      };
+      processedMessages = [
+        ...processedMessages,
+        __spreadProps(__spreadValues({}, placeholderMessage), {
+          generativeUIPosition: "before",
+          generativeUI: () => placeholderRenderer({
+            message: placeholderMessage,
+            position: "before"
+          })
+        })
+      ];
+    }
     return processedMessages;
   }, [
     agent == null ? void 0 : agent.messages,
     lazyToolRendered,
     allMessages,
     renderCustomMessage,
-    // legacyCustomMessageRenderer,
-    resolvedAgentId
+    legacyCustomMessageRenderer,
+    resolvedAgentId,
+    copilotkit,
+    agent == null ? void 0 : agent.isRunning,
+    agent == null ? void 0 : agent.state
   ]);
-  const renderedSuggestions = (0, import_react23.useMemo)(() => {
+  const renderedSuggestions = (0, import_react24.useMemo)(() => {
     if (Array.isArray(suggestions)) {
       return {
         suggestions: suggestions.map((s) => __spreadProps(__spreadValues({}, s), { isLoading: false })),
@@ -2547,8 +2886,8 @@ function useCopilotChatInternal({
   };
 }
 function useUpdatedRef(value) {
-  const ref = (0, import_react23.useRef)(value);
-  (0, import_react23.useEffect)(() => {
+  const ref = (0, import_react24.useRef)(value);
+  (0, import_react24.useEffect)(() => {
     ref.current = value;
   }, [value]);
   return ref;
@@ -2559,14 +2898,15 @@ function useLegacyCoagentRenderer({
   agentId,
   threadId
 }) {
-  return (0, import_react23.useMemo)(() => {
+  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 providedRunId = message.runId;
+      const existingRunId = providedRunId ? providedRunId : copilotkit.getRunIdForMessage(agentId, effectiveThreadId, message.id);
       const runId = existingRunId || `pending:${message.id}`;
       const messageIndex = Math.max(
         agent.messages.findIndex((msg) => msg.id === message.id),
@@ -2582,7 +2922,7 @@ function useLegacyCoagentRenderer({
         agentId,
         stateSnapshot: message.state
       };
-      return (0, import_react23.createElement)(CoAgentStateRenderBridge, bridgeProps);
+      return (0, import_react24.createElement)(CoAgentStateRenderBridge, bridgeProps);
     };
   }, [agent, agentId, copilotkit, threadId]);
 }
@@ -2616,8 +2956,8 @@ function useCopilotChat(options = {}) {
 }
 
 // src/hooks/use-copilot-chat-headless_c.ts
-var import_react25 = require("react");
-var import_shared14 = require("@copilotkit/shared");
+var import_react26 = require("react");
+var import_shared15 = require("@copilotkit/shared");
 var createNonFunctionalReturn = () => ({
   visibleMessages: [],
   messages: [],
@@ -2657,20 +2997,20 @@ function useCopilotChatHeadless_c(options = {}) {
   const { copilotApiConfig, setBannerError } = useCopilotContext();
   const hasPublicApiKey = Boolean(copilotApiConfig.publicApiKey);
   const internalResult = useCopilotChatInternal(options);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!hasPublicApiKey) {
       setBannerError(
-        new import_shared14.CopilotKitError({
+        new import_shared15.CopilotKitError({
           message: (
             // add link to documentation here
             "You're using useCopilotChatHeadless_c, a premium-only feature, which offers extensive headless chat capabilities. To continue, you'll need to provide a free public license key."
           ),
-          code: import_shared14.CopilotKitErrorCode.MISSING_PUBLIC_API_KEY_ERROR,
-          severity: import_shared14.Severity.WARNING,
-          visibility: import_shared14.ErrorVisibility.BANNER
+          code: import_shared15.CopilotKitErrorCode.MISSING_PUBLIC_API_KEY_ERROR,
+          severity: import_shared15.Severity.WARNING,
+          visibility: import_shared15.ErrorVisibility.BANNER
         })
       );
-      import_shared14.styledConsole.logCopilotKitPlatformMessage();
+      import_shared15.styledConsole.logCopilotKitPlatformMessage();
     } else {
       setBannerError(null);
     }
@@ -2682,48 +3022,48 @@ function useCopilotChatHeadless_c(options = {}) {
 }
 
 // src/hooks/use-copilot-action.ts
-var import_react32 = require("react");
+var import_react33 = require("react");
 
 // src/hooks/use-frontend-tool.ts
-var import_react26 = __toESM(require("react"));
-var import_shared15 = require("@copilotkit/shared");
+var import_react27 = __toESM(require("react"));
 var import_shared16 = require("@copilotkit/shared");
-var import_react27 = require("@copilotkitnext/react");
+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_shared15.getZodParameters)(parameters);
+  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_react26.default.createElement(
-        import_react26.default.Fragment,
+      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_shared16.parseJson)(args.result, args.result) : args.result
+        result: typeof args.result === "string" ? (0, import_shared17.parseJson)(args.result, args.result) : args.result
       });
       const rendered = render(renderArgs);
       if (typeof rendered === "string") {
-        return import_react26.default.createElement(import_react26.default.Fragment, null, rendered);
+        return import_react27.default.createElement(import_react27.default.Fragment, null, rendered);
       }
       return rendered != null ? rendered : null;
     };
   })();
-  const handlerRef = (0, import_react26.useRef)(tool.handler);
-  (0, import_react26.useEffect)(() => {
+  const handlerRef = (0, import_react27.useRef)(tool.handler);
+  (0, import_react27.useEffect)(() => {
     handlerRef.current = tool.handler;
   }, [tool.handler, ...dependencies != null ? dependencies : []]);
   const normalizedHandler = tool.handler ? (args) => {
     var _a;
     return (_a = handlerRef.current) == null ? void 0 : _a.call(handlerRef, args);
   } : void 0;
-  (0, import_react27.useFrontendTool)({
+  (0, import_react28.useFrontendTool)({
     name,
     description,
     parameters: zodParameters,
@@ -2734,29 +3074,29 @@ function useFrontendTool(tool, dependencies) {
 }
 
 // src/hooks/use-render-tool-call.ts
-var import_shared17 = require("@copilotkit/shared");
-var import_react28 = require("react");
-var import_react29 = require("@copilotkitnext/react");
 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_react29.useCopilotKit)();
-  const hasAddedRef = (0, import_react28.useRef)(false);
-  (0, import_react28.useEffect)(() => {
+  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_shared17.getZodParameters)(parameters);
-    const renderToolCall = name === "*" ? (0, import_react29.defineToolCallRenderer)({
+    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_shared18.parseJson)(args.result, args.result) : args.result
+          result: args.result ? (0, import_shared19.parseJson)(args.result, args.result) : args.result
         }));
       }
-    }) : (0, import_react29.defineToolCallRenderer)({
+    }) : (0, import_react30.defineToolCallRenderer)({
       name,
       args: zodParameters,
       render: (args) => {
         return render(__spreadProps(__spreadValues({}, args), {
-          result: args.result ? (0, import_shared18.parseJson)(args.result, args.result) : args.result
+          result: args.result ? (0, import_shared19.parseJson)(args.result, args.result) : args.result
         }));
       }
     });
@@ -2779,19 +3119,19 @@ function useRenderToolCall2(tool, dependencies) {
 }
 
 // src/hooks/use-human-in-the-loop.ts
-var import_shared19 = require("@copilotkit/shared");
-var import_react30 = require("@copilotkitnext/react");
+var import_shared20 = require("@copilotkit/shared");
+var import_react31 = require("@copilotkitnext/react");
 var import_core = require("@copilotkitnext/core");
-var import_react31 = __toESM(require("react"));
+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_shared19.getZodParameters)(parameters);
-  const renderRef = (0, import_react31.useRef)(null);
-  (0, import_react31.useEffect)(() => {
+  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_react31.default.createElement(import_react31.default.Fragment, null, render);
+        return import_react32.default.createElement(import_react32.default.Fragment, null, render);
       }
       if (!render) {
         return null;
@@ -2819,24 +3159,24 @@ function useHumanInTheLoop(tool, dependencies) {
               args: mappedArgs,
               respond: args.respond,
               status: args.status,
-              result: args.result ? (0, import_shared19.parseJson)(args.result, args.result) : args.result,
+              result: args.result ? (0, import_shared20.parseJson)(args.result, args.result) : args.result,
               handler: void 0
             };
           default:
-            throw new import_shared19.CopilotKitError({
-              code: import_shared19.CopilotKitErrorCode.UNKNOWN,
+            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_react31.default.createElement(import_react31.default.Fragment, null, rendered);
+        return import_react32.default.createElement(import_react32.default.Fragment, null, rendered);
       }
       return rendered != null ? rendered : null;
     };
   }, [render, ...dependencies != null ? dependencies : []]);
-  (0, import_react30.useHumanInTheLoop)({
+  (0, import_react31.useHumanInTheLoop)({
     name,
     description,
     followUp,
@@ -2892,7 +3232,7 @@ function getActionConfig(action) {
   throw new Error("Invalid action configuration");
 }
 function useCopilotAction(action, dependencies) {
-  const [initialActionConfig] = (0, import_react32.useState)(getActionConfig(action));
+  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");
@@ -2910,17 +3250,17 @@ function useCopilotAction(action, dependencies) {
 }
 
 // src/hooks/use-coagent-state-render.ts
-var import_react33 = require("react");
-var import_shared20 = require("@copilotkit/shared");
+var import_react34 = require("react");
+var import_shared21 = require("@copilotkit/shared");
 function useCoAgentStateRender(action, dependencies) {
-  const { chatComponentsCache, availableAgents } = (0, import_react33.useContext)(CopilotContext);
+  const { chatComponentsCache, availableAgents } = (0, import_react34.useContext)(CopilotContext);
   const { setCoAgentStateRender, removeCoAgentStateRender, coAgentStateRenders } = useCoAgentStateRenders();
-  const idRef = (0, import_react33.useRef)((0, import_shared20.randomId)());
+  const idRef = (0, import_react34.useRef)((0, import_shared21.randomId)());
   const { setBannerError, addToast } = useToast();
-  (0, import_react33.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_shared20.CopilotKitAgentDiscoveryError({
+      const agentError = new import_shared21.CopilotKitAgentDiscoveryError({
         agentName: action.name,
         availableAgents: availableAgents.map((a) => ({ name: a.name, id: a.id }))
       });
@@ -2938,7 +3278,7 @@ function useCoAgentStateRender(action, dependencies) {
       }
     }
   }
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const currentId = idRef.current;
     const hasDuplicate = Object.entries(coAgentStateRenders).some(([id, otherAction]) => {
       if (id === currentId)
@@ -2962,7 +3302,7 @@ function useCoAgentStateRender(action, dependencies) {
       });
     }
   }, [coAgentStateRenders]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setCoAgentStateRender(idRef.current, action);
     if (chatComponentsCache.current !== null && action.render !== void 0) {
       chatComponentsCache.current.coAgentStateRenders[key] = action.render;
@@ -2982,11 +3322,11 @@ function useCoAgentStateRender(action, dependencies) {
 }
 
 // src/hooks/use-make-copilot-document-readable.ts
-var import_react34 = require("react");
+var import_react35 = require("react");
 function useMakeCopilotDocumentReadable(document, categories, dependencies = []) {
   const { addDocumentContext, removeDocumentContext } = useCopilotContext();
-  const idRef = (0, import_react34.useRef)(void 0);
-  (0, import_react34.useEffect)(() => {
+  const idRef = (0, import_react35.useRef)(void 0);
+  (0, import_react35.useEffect)(() => {
     const id = addDocumentContext(document, categories);
     idRef.current = id;
     return () => {
@@ -2997,12 +3337,12 @@ function useMakeCopilotDocumentReadable(document, categories, dependencies = [])
 }
 
 // src/hooks/use-copilot-readable.ts
-var import_react35 = require("@copilotkitnext/react");
-var import_react36 = require("react");
+var import_react36 = require("@copilotkitnext/react");
+var import_react37 = require("react");
 function useCopilotReadable({ description, value, convert, available }, dependencies) {
-  const { copilotkit } = (0, import_react35.useCopilotKit)();
-  const ctxIdRef = (0, import_react36.useRef)(void 0);
-  (0, import_react36.useEffect)(() => {
+  const { copilotkit } = (0, import_react36.useCopilotKit)();
+  const ctxIdRef = (0, import_react37.useRef)(void 0);
+  (0, import_react37.useEffect)(() => {
     if (!copilotkit)
       return;
     const found = Object.entries(copilotkit.context).find(([id, ctxItem]) => {
@@ -3030,13 +3370,13 @@ function useCopilotReadable({ description, value, convert, available }, dependen
 }
 
 // src/hooks/use-coagent.ts
-var import_react37 = require("react");
-var import_react38 = require("@copilotkitnext/react");
+var import_react38 = require("react");
+var import_react39 = require("@copilotkitnext/react");
 function useCoAgent(options) {
-  const { agent } = (0, import_react38.useAgent)({ agentId: options.name });
-  const { copilotkit } = (0, import_react38.useCopilotKit)();
+  const { agent } = (0, import_react39.useAgent)({ agentId: options.name });
+  const { copilotkit } = (0, import_react39.useCopilotKit)();
   const nodeName = useAgentNodeName(options.name);
-  const handleStateUpdate = (0, import_react37.useCallback)(
+  const handleStateUpdate = (0, import_react38.useCallback)(
     (newState) => {
       if (!agent)
         return;
@@ -3049,7 +3389,7 @@ function useCoAgent(options) {
     },
     [agent == null ? void 0 : agent.state, agent == null ? void 0 : agent.setState]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     var _a;
     if (!options.config && !options.configurable)
       return;
@@ -3061,22 +3401,22 @@ function useCoAgent(options) {
     }
     copilotkit.setProperties(config);
   }, [options.config, options.configurable]);
-  const externalStateStr = (0, import_react37.useMemo)(
+  const externalStateStr = (0, import_react38.useMemo)(
     () => isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0,
     [isExternalStateManagement(options) ? JSON.stringify(options.state) : void 0]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if ((agent == null ? void 0 : agent.state) && isExternalStateManagement(options) && JSON.stringify(options.state) !== JSON.stringify(agent.state)) {
       handleStateUpdate(options.state);
     }
   }, [agent, externalStateStr, handleStateUpdate]);
-  const hasStateValues = (0, import_react37.useCallback)((value) => {
+  const hasStateValues = (0, import_react38.useCallback)((value) => {
     return Boolean(value && Object.keys(value).length);
   }, []);
-  const initialStateRef = (0, import_react37.useRef)(
+  const initialStateRef = (0, import_react38.useRef)(
     isExternalStateManagement(options) ? options.state : "initialState" in options ? options.initialState : void 0
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (isExternalStateManagement(options)) {
       initialStateRef.current = options.state;
     } else if ("initialState" in options) {
@@ -3085,7 +3425,7 @@ function useCoAgent(options) {
   }, [
     isExternalStateManagement(options) ? JSON.stringify(options.state) : "initialState" in options ? JSON.stringify(options.initialState) : void 0
   ]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!agent)
       return;
     const subscriber = {
@@ -3113,7 +3453,7 @@ function useCoAgent(options) {
       subscription.unsubscribe();
     };
   }, [agent, handleStateUpdate, hasStateValues]);
-  return (0, import_react37.useMemo)(() => {
+  return (0, import_react38.useMemo)(() => {
     var _a, _b, _c;
     if (!agent) {
       const noop = () => {
@@ -3169,12 +3509,12 @@ var isExternalStateManagement = (options) => {
 
 // src/hooks/use-copilot-runtime-client.ts
 var import_runtime_client_gql3 = require("@copilotkit/runtime-client-gql");
-var import_react39 = require("react");
-var import_shared21 = require("@copilotkit/shared");
+var import_react40 = require("react");
+var import_shared22 = require("@copilotkit/shared");
 var useCopilotRuntimeClient = (options) => {
   const { setBannerError } = useToast();
   const _a = options, { showDevConsole, onError } = _a, runtimeOptions = __objRest(_a, ["showDevConsole", "onError"]);
-  const lastStructuredErrorRef = (0, import_react39.useRef)(null);
+  const lastStructuredErrorRef = (0, import_react40.useRef)(null);
   const traceUIError = (error, originalError) => __async(void 0, null, function* () {
     try {
       const errorEvent = {
@@ -3200,7 +3540,7 @@ var useCopilotRuntimeClient = (options) => {
       console.error("Error in onError handler:", error2);
     }
   });
-  const runtimeClient = (0, import_react39.useMemo)(() => {
+  const runtimeClient = (0, import_react40.useMemo)(() => {
     return new import_runtime_client_gql3.CopilotRuntimeClient(__spreadProps(__spreadValues({}, runtimeOptions), {
       handleGQLErrors: (error) => {
         var _a2;
@@ -3209,7 +3549,7 @@ var useCopilotRuntimeClient = (options) => {
           const routeError = (gqlError) => {
             const extensions = gqlError.extensions;
             const visibility = extensions == null ? void 0 : extensions.visibility;
-            if (visibility === import_shared21.ErrorVisibility.SILENT) {
+            if (visibility === import_shared22.ErrorVisibility.SILENT) {
               console.error("CopilotKit Silent Error:", gqlError.message);
               return;
             }
@@ -3224,9 +3564,9 @@ var useCopilotRuntimeClient = (options) => {
               setBannerError(ckError);
               traceUIError(ckError, gqlError);
             } else {
-              const fallbackError = new import_shared21.CopilotKitError({
+              const fallbackError = new import_shared22.CopilotKitError({
                 message: gqlError.message,
-                code: import_shared21.CopilotKitErrorCode.UNKNOWN
+                code: import_shared22.CopilotKitErrorCode.UNKNOWN
               });
               setBannerError(fallbackError);
               traceUIError(fallbackError, gqlError);
@@ -3234,9 +3574,9 @@ var useCopilotRuntimeClient = (options) => {
           };
           graphQLErrors.forEach(routeError);
         } else {
-          const fallbackError = new import_shared21.CopilotKitError({
+          const fallbackError = new import_shared22.CopilotKitError({
             message: (error == null ? void 0 : error.message) || String(error),
-            code: import_shared21.CopilotKitErrorCode.UNKNOWN
+            code: import_shared22.CopilotKitErrorCode.UNKNOWN
           });
           setBannerError(fallbackError);
           traceUIError(fallbackError, error);
@@ -3244,9 +3584,9 @@ var useCopilotRuntimeClient = (options) => {
       },
       handleGQLWarning: (message) => {
         console.warn(message);
-        const warningError = new import_shared21.CopilotKitError({
+        const warningError = new import_shared22.CopilotKitError({
           message,
-          code: import_shared21.CopilotKitErrorCode.UNKNOWN
+          code: import_shared22.CopilotKitErrorCode.UNKNOWN
         });
         setBannerError(warningError);
       }
@@ -3261,16 +3601,16 @@ function createStructuredError(gqlError) {
   const message = (originalError == null ? void 0 : originalError.message) || gqlError.message;
   const code = extensions == null ? void 0 : extensions.code;
   if (code) {
-    return new import_shared21.CopilotKitError({ message, 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_shared21.CopilotKitApiDiscoveryError({ message });
+    return new import_shared22.CopilotKitApiDiscoveryError({ message });
   }
   if ((_b = originalError == null ? void 0 : originalError.stack) == null ? void 0 : _b.includes("CopilotKitRemoteEndpointDiscoveryError")) {
-    return new import_shared21.CopilotKitRemoteEndpointDiscoveryError({ message });
+    return new import_shared22.CopilotKitRemoteEndpointDiscoveryError({ message });
   }
   if ((_c = originalError == null ? void 0 : originalError.stack) == null ? void 0 : _c.includes("CopilotKitAgentDiscoveryError")) {
-    return new import_shared21.CopilotKitAgentDiscoveryError({
+    return new import_shared22.CopilotKitAgentDiscoveryError({
       agentName: "",
       availableAgents: []
     });
@@ -3279,28 +3619,28 @@ function createStructuredError(gqlError) {
 }
 
 // src/hooks/use-copilot-authenticated-action.ts
-var import_react40 = require("react");
-var import_react41 = __toESM(require("react"));
+var import_react41 = require("react");
+var import_react42 = __toESM(require("react"));
 function useCopilotAuthenticatedAction_c(action, dependencies) {
   const { authConfig_c, authStates_c, setAuthStates_c } = useCopilotContext();
-  const pendingActionRef = (0, import_react40.useRef)(null);
-  const executeAction = (0, import_react40.useCallback)(
+  const pendingActionRef = (0, import_react41.useRef)(null);
+  const executeAction = (0, import_react41.useCallback)(
     (props) => {
       if (typeof action.render === "function") {
         return action.render(props);
       }
-      return action.render || import_react41.default.createElement(import_react40.Fragment);
+      return action.render || import_react42.default.createElement(import_react41.Fragment);
     },
     [action]
   );
-  const wrappedRender = (0, import_react40.useCallback)(
+  const wrappedRender = (0, import_react41.useCallback)(
     (props) => {
       const isAuthenticated = Object.values(authStates_c || {}).some(
         (state) => state.status === "authenticated"
       );
       if (!isAuthenticated) {
         pendingActionRef.current = props;
-        return (authConfig_c == null ? void 0 : authConfig_c.SignInComponent) ? import_react41.default.createElement(authConfig_c.SignInComponent, {
+        return (authConfig_c == null ? void 0 : authConfig_c.SignInComponent) ? import_react42.default.createElement(authConfig_c.SignInComponent, {
           onSignInComplete: (authState) => {
             setAuthStates_c == null ? void 0 : setAuthStates_c((prev) => __spreadProps(__spreadValues({}, prev), { [action.name]: authState }));
             if (pendingActionRef.current) {
@@ -3308,7 +3648,7 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
               pendingActionRef.current = null;
             }
           }
-        }) : import_react41.default.createElement(import_react40.Fragment);
+        }) : import_react42.default.createElement(import_react41.Fragment);
       }
       return executeAction(props);
     },
@@ -3323,13 +3663,13 @@ function useCopilotAuthenticatedAction_c(action, dependencies) {
 }
 
 // src/hooks/use-langgraph-interrupt.ts
-var import_react42 = require("react");
-var import_shared22 = require("@copilotkit/shared");
+var import_react43 = require("react");
+var import_shared23 = require("@copilotkit/shared");
 function useLangGraphInterrupt(action, dependencies) {
-  const { setInterruptAction, removeInterruptAction, interruptActions, threadId } = (0, import_react42.useContext)(CopilotContext);
+  const { setInterruptAction, removeInterruptAction, interruptActions, threadId } = (0, import_react43.useContext)(CopilotContext);
   const { addToast } = useToast();
-  const actionId = (0, import_shared22.dataToUUID)(action, "lgAction");
-  (0, import_react42.useEffect)(() => {
+  const actionId = (0, import_shared23.dataToUUID)(action, "lgAction");
+  (0, import_react43.useEffect)(() => {
     if (!action)
       return;
     setInterruptAction(__spreadProps(__spreadValues({}, action), { id: actionId }));
@@ -3340,10 +3680,10 @@ function useLangGraphInterrupt(action, dependencies) {
 }
 
 // src/hooks/use-copilot-additional-instructions.ts
-var import_react43 = require("react");
+var import_react44 = require("react");
 function useCopilotAdditionalInstructions({ instructions, available = "enabled" }, dependencies) {
   const { setAdditionalInstructions } = useCopilotContext();
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (available === "disabled")
       return;
     setAdditionalInstructions((prevInstructions) => [...prevInstructions || [], instructions]);
@@ -3361,10 +3701,10 @@ function useDefaultTool(tool, dependencies) {
 }
 
 // src/hooks/use-copilot-chat-suggestions.tsx
-var import_react44 = require("@copilotkitnext/react");
+var import_react45 = require("@copilotkitnext/react");
 function useCopilotChatSuggestions(config, dependencies = []) {
   var _a, _b;
-  const existingConfig = (0, import_react44.useCopilotChatConfiguration)();
+  const existingConfig = (0, import_react45.useCopilotChatConfiguration)();
   const resolvedAgentId = (_a = existingConfig == null ? void 0 : existingConfig.agentId) != null ? _a : "default";
   const available = (_b = config.available === "enabled" ? "always" : config.available) != null ? _b : "before-first-message";
   const finalSuggestionConfig = __spreadProps(__spreadValues({}, config), {
@@ -3372,7 +3712,7 @@ function useCopilotChatSuggestions(config, dependencies = []) {
     consumerAgentId: resolvedAgentId
     // Use chatConfig.agentId here
   });
-  (0, import_react44.useConfigureSuggestions)(finalSuggestionConfig, dependencies);
+  (0, import_react45.useConfigureSuggestions)(finalSuggestionConfig, dependencies);
 }
 
 // src/lib/copilot-task.ts
@@ -3380,7 +3720,7 @@ 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_shared23 = require("@copilotkit/shared");
+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
@@ -3396,7 +3736,7 @@ function processActionsForRuntimeRequest(actions) {
     return {
       name: action.name,
       description: action.description || "",
-      jsonSchema: JSON.stringify((0, import_shared23.actionParametersToJsonSchema)(action.parameters || [])),
+      jsonSchema: JSON.stringify((0, import_shared24.actionParametersToJsonSchema)(action.parameters || [])),
       available
     };
   });