@copilotkitnext/react 0.0.22-alpha.3 → 0.0.22-alpha.4

package/dist/index.mjs

@@ -1,66 +1,68 @@
 "use client";
 import "./chunk-N5EP5OD5.mjs";
-import "./chunk-KPRUSQ3K.mjs";
-import "./chunk-US4KNAAV.mjs";
 import "./chunk-36HFWACS.mjs";
 import "./chunk-DVUQO72Z.mjs";
 import "./chunk-VBI6JXPC.mjs";
+import "./chunk-KPRUSQ3K.mjs";
+import "./chunk-US4KNAAV.mjs";
 import "./chunk-MWC5OV7Z.mjs";
 import "./chunk-6VUKDHOD.mjs";
 import {
   CopilotPopup
-} from "./chunk-IH5VFJ4L.mjs";
+} from "./chunk-RRXDJCXI.mjs";
 import {
   CopilotPopupView
-} from "./chunk-VUHFLJWI.mjs";
+} from "./chunk-NB4DFAZH.mjs";
 import {
   CopilotSidebar
-} from "./chunk-QFBM3ZT2.mjs";
+} from "./chunk-FVURPXQK.mjs";
 import {
   CopilotSidebarView
-} from "./chunk-3TA5QBSZ.mjs";
-import {
-  CopilotModalHeader
-} from "./chunk-E56GYBP3.mjs";
+} from "./chunk-OMPVTGXH.mjs";
 import {
   CopilotChatToggleButton,
   DefaultCloseIcon,
   DefaultOpenIcon
 } from "./chunk-R5OLAA3L.mjs";
+import {
+  CopilotModalHeader
+} from "./chunk-E56GYBP3.mjs";
 import {
   CopilotChat
-} from "./chunk-TKFOXPXF.mjs";
+} from "./chunk-32YJ5VJ4.mjs";
 import {
   CopilotChatView_default
-} from "./chunk-F43IPGPA.mjs";
-import {
-  CopilotChatInput_default
-} from "./chunk-KCVDFZJX.mjs";
-import {
-  AudioRecorderError,
-  CopilotChatAudioRecorder
-} from "./chunk-4UDBR75C.mjs";
+} from "./chunk-JLVGSNAO.mjs";
 import {
   CopilotChatMessageView_default
-} from "./chunk-W5DUKRCI.mjs";
-import {
-  CopilotChatUserMessage_default
-} from "./chunk-BT6C5OPU.mjs";
-import {
-  CopilotChatAssistantMessage_default
-} from "./chunk-CZ3GI3IF.mjs";
+} from "./chunk-AI3Z3CHN.mjs";
 import {
   CopilotChatSuggestionView_default
 } from "./chunk-RGD2L3Z4.mjs";
 import {
   CopilotChatSuggestionPill_default
 } from "./chunk-NNPKBGD6.mjs";
+import {
+  CopilotChatUserMessage_default
+} from "./chunk-BT6C5OPU.mjs";
+import {
+  CopilotChatAssistantMessage_default
+} from "./chunk-SPDE34WC.mjs";
 import {
   CopilotChatToolCallsView_default
-} from "./chunk-YVPPF62K.mjs";
-import "./chunk-TAUOEJH2.mjs";
+} from "./chunk-AEFM73CL.mjs";
+import {
+  CopilotChatInput_default
+} from "./chunk-UZB3CTOY.mjs";
 import "./chunk-JWOIINVV.mjs";
+import "./chunk-TAUOEJH2.mjs";
 import "./chunk-VVAXSF3M.mjs";
+import {
+  AudioRecorderError,
+  CopilotChatAudioRecorder
+} from "./chunk-4UDBR75C.mjs";
+import "./chunk-FIBK3DYE.mjs";
+import "./chunk-XO4IRKSC.mjs";
 import "./chunk-FZR2XQKR.mjs";
 import {
   WildcardToolCallRender
@@ -68,37 +70,35 @@ import {
 import {
   defineToolCallRenderer
 } from "./chunk-46BZRXWT.mjs";
-import "./chunk-FIBK3DYE.mjs";
-import "./chunk-XO4IRKSC.mjs";
 import "./chunk-ETWJDCGE.mjs";
+import {
+  useHumanInTheLoop
+} from "./chunk-CGLGXQAU.mjs";
+import {
+  useFrontendTool
+} from "./chunk-IICUCI5S.mjs";
+import {
+  useRenderActivityMessage
+} from "./chunk-RK5P2LG6.mjs";
+import {
+  useRenderCustomMessages
+} from "./chunk-5SC3CO5Q.mjs";
+import "./chunk-YZUPVMHC.mjs";
 import {
   useRenderToolCall
-} from "./chunk-5AAT4Z3C.mjs";
+} from "./chunk-AXFRCGH6.mjs";
 import {
   useSuggestions
-} from "./chunk-Z3OIGQCZ.mjs";
+} from "./chunk-XU5CEPYQ.mjs";
 import {
   useAgentContext
-} from "./chunk-WNRDFAZ5.mjs";
+} from "./chunk-UOX5D73C.mjs";
 import {
   useAgent
-} from "./chunk-E4HD4M7R.mjs";
+} from "./chunk-IA4CLXDM.mjs";
 import {
   useConfigureSuggestions
-} from "./chunk-ZIDT52TM.mjs";
-import {
-  useHumanInTheLoop
-} from "./chunk-QJ6DZ645.mjs";
-import {
-  useFrontendTool
-} from "./chunk-NASFZS3N.mjs";
-import {
-  useRenderActivityMessage
-} from "./chunk-EJ5ZEAAN.mjs";
-import {
-  useRenderCustomMessages
-} from "./chunk-CSHBUHRW.mjs";
-import "./chunk-YZUPVMHC.mjs";
+} from "./chunk-NB2GZAKG.mjs";
 import {
   CopilotChatConfigurationProvider,
   useCopilotChatConfiguration
@@ -106,13 +106,13 @@ import {
 import {
   CopilotKitProvider,
   useCopilotKit
-} from "./chunk-VE3SBLU7.mjs";
-import {
-  CopilotKitInspector
-} from "./chunk-YPH4BHOY.mjs";
+} from "./chunk-RF2CGPHQ.mjs";
 import {
   CopilotKitCoreReact
 } from "./chunk-NNAYEAP2.mjs";
+import {
+  CopilotKitInspector
+} from "./chunk-YPH4BHOY.mjs";
 export {
   AudioRecorderError,
   CopilotChat,

package/dist/providers/CopilotKitProvider.mjs

@@ -2,9 +2,9 @@
 import {
   CopilotKitProvider,
   useCopilotKit
-} from "../chunk-VE3SBLU7.mjs";
-import "../chunk-YPH4BHOY.mjs";
+} from "../chunk-RF2CGPHQ.mjs";
 import "../chunk-NNAYEAP2.mjs";
+import "../chunk-YPH4BHOY.mjs";
 export {
   CopilotKitProvider,
   useCopilotKit

package/dist/providers/index.mjs

@@ -6,9 +6,9 @@ import {
 import {
   CopilotKitProvider,
   useCopilotKit
-} from "../chunk-VE3SBLU7.mjs";
-import "../chunk-YPH4BHOY.mjs";
+} from "../chunk-RF2CGPHQ.mjs";
 import "../chunk-NNAYEAP2.mjs";
+import "../chunk-YPH4BHOY.mjs";
 export {
   CopilotChatConfigurationProvider,
   CopilotKitProvider,

package/dist/types/index.mjs

@@ -1,9 +1,9 @@
 import "../chunk-N5EP5OD5.mjs";
-import "../chunk-KPRUSQ3K.mjs";
-import "../chunk-US4KNAAV.mjs";
 import "../chunk-36HFWACS.mjs";
 import "../chunk-DVUQO72Z.mjs";
 import "../chunk-VBI6JXPC.mjs";
+import "../chunk-KPRUSQ3K.mjs";
+import "../chunk-US4KNAAV.mjs";
 import {
   defineToolCallRenderer
 } from "../chunk-46BZRXWT.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkitnext/react",
-  "version": "0.0.22-alpha.3",
+  "version": "0.0.22-alpha.4",
   "description": "React components for CopilotKit2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -35,8 +35,8 @@
     "tsup": "^8.5.0",
     "typescript": "5.8.2",
     "vitest": "^3.2.4",
-    "@copilotkitnext/eslint-config": "0.0.0",
-    "@copilotkitnext/typescript-config": "0.0.0"
+    "@copilotkitnext/typescript-config": "0.0.0",
+    "@copilotkitnext/eslint-config": "0.0.0"
   },
   "dependencies": {
     "@ag-ui/client": "0.0.41-alpha.0",
@@ -55,9 +55,9 @@
     "tw-animate-css": "^1.3.5",
     "use-stick-to-bottom": "^1.1.1",
     "zod": "^3.25.75",
-    "@copilotkitnext/web-inspector": "0.0.22-alpha.3",
-    "@copilotkitnext/core": "0.0.22-alpha.3",
-    "@copilotkitnext/shared": "0.0.22-alpha.3"
+    "@copilotkitnext/web-inspector": "0.0.22-alpha.4",
+    "@copilotkitnext/shared": "0.0.22-alpha.4",
+    "@copilotkitnext/core": "0.0.22-alpha.4"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/dist/chunk-5AAT4Z3C.mjs

@@ -1,107 +0,0 @@
-import {
-  useCopilotChatConfiguration
-} from "./chunk-4XJK5IVQ.mjs";
-import {
-  useCopilotKit
-} from "./chunk-VE3SBLU7.mjs";
-
-// src/hooks/use-render-tool-call.tsx
-import { useCallback, useEffect, useState, useSyncExternalStore } from "react";
-import { ToolCallStatus } from "@copilotkitnext/core";
-import { DEFAULT_AGENT_ID } from "@copilotkitnext/shared";
-import { partialJSONParse } from "@copilotkitnext/shared";
-import { jsx } from "react/jsx-runtime";
-function useRenderToolCall() {
-  const { copilotkit } = useCopilotKit();
-  const config = useCopilotChatConfiguration();
-  const agentId = config?.agentId ?? DEFAULT_AGENT_ID;
-  const [executingToolCallIds, setExecutingToolCallIds] = useState(() => /* @__PURE__ */ new Set());
-  const renderToolCalls = useSyncExternalStore(
-    (callback) => {
-      return copilotkit.subscribe({
-        onRenderToolCallsChanged: callback
-      });
-    },
-    () => copilotkit.renderToolCalls,
-    () => copilotkit.renderToolCalls
-  );
-  useEffect(() => {
-    const unsubscribe = copilotkit.subscribe({
-      onToolExecutionStart: ({ toolCallId }) => {
-        setExecutingToolCallIds((prev) => {
-          if (prev.has(toolCallId)) return prev;
-          const next = new Set(prev);
-          next.add(toolCallId);
-          return next;
-        });
-      },
-      onToolExecutionEnd: ({ toolCallId }) => {
-        setExecutingToolCallIds((prev) => {
-          if (!prev.has(toolCallId)) return prev;
-          const next = new Set(prev);
-          next.delete(toolCallId);
-          return next;
-        });
-      }
-    });
-    return () => unsubscribe();
-  }, [copilotkit]);
-  const renderToolCall = useCallback(
-    ({
-      toolCall,
-      toolMessage
-    }) => {
-      const exactMatches = renderToolCalls.filter(
-        (rc) => rc.name === toolCall.function.name
-      );
-      const renderConfig = exactMatches.find((rc) => rc.agentId === agentId) || exactMatches.find((rc) => !rc.agentId) || exactMatches[0] || renderToolCalls.find((rc) => rc.name === "*");
-      if (!renderConfig) {
-        return null;
-      }
-      const RenderComponent = renderConfig.render;
-      const args = partialJSONParse(toolCall.function.arguments);
-      const toolName = toolCall.function.name;
-      if (toolMessage) {
-        return /* @__PURE__ */ jsx(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: ToolCallStatus.Complete,
-            result: toolMessage.content
-          },
-          toolCall.id
-        );
-      } else if (executingToolCallIds.has(toolCall.id)) {
-        return /* @__PURE__ */ jsx(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: ToolCallStatus.Executing,
-            result: void 0
-          },
-          toolCall.id
-        );
-      } else {
-        return /* @__PURE__ */ jsx(
-          RenderComponent,
-          {
-            name: toolName,
-            args,
-            status: ToolCallStatus.InProgress,
-            result: void 0
-          },
-          toolCall.id
-        );
-      }
-    },
-    [renderToolCalls, executingToolCallIds, agentId]
-  );
-  return renderToolCall;
-}
-
-export {
-  useRenderToolCall
-};
-//# sourceMappingURL=chunk-5AAT4Z3C.mjs.map

package/dist/chunk-5AAT4Z3C.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-render-tool-call.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useSyncExternalStore } from \"react\";\nimport { ToolCall, ToolMessage } from \"@ag-ui/core\";\nimport { ToolCallStatus } from \"@copilotkitnext/core\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { useCopilotChatConfiguration } from \"@/providers/CopilotChatConfigurationProvider\";\nimport { DEFAULT_AGENT_ID } from \"@copilotkitnext/shared\";\nimport { partialJSONParse } from \"@copilotkitnext/shared\";\n\nexport interface UseRenderToolCallProps {\n  toolCall: ToolCall;\n  toolMessage?: ToolMessage;\n}\n\n/**\n * Hook that returns a function to render tool calls based on the render functions\n * defined in CopilotKitProvider.\n *\n * @returns A function that takes a tool call and optional tool message and returns the rendered component\n */\nexport function useRenderToolCall() {\n  const { copilotkit } = useCopilotKit();\n  const config = useCopilotChatConfiguration();\n  const agentId = config?.agentId ?? DEFAULT_AGENT_ID;\n  const [executingToolCallIds, setExecutingToolCallIds] = useState<\n    ReadonlySet<string>\n  >(() => new Set());\n\n  // Subscribe to render tool calls changes using useSyncExternalStore\n  // This ensures we always have the latest value, even if subscriptions run in any order\n  const renderToolCalls = useSyncExternalStore(\n    (callback) => {\n      return copilotkit.subscribe({\n        onRenderToolCallsChanged: callback,\n      });\n    },\n    () => copilotkit.renderToolCalls,\n    () => copilotkit.renderToolCalls\n  );\n\n  useEffect(() => {\n    const unsubscribe = copilotkit.subscribe({\n      onToolExecutionStart: ({ toolCallId }) => {\n        setExecutingToolCallIds((prev) => {\n          if (prev.has(toolCallId)) return prev;\n          const next = new Set(prev);\n          next.add(toolCallId);\n          return next;\n        });\n      },\n      onToolExecutionEnd: ({ toolCallId }) => {\n        setExecutingToolCallIds((prev) => {\n          if (!prev.has(toolCallId)) return prev;\n          const next = new Set(prev);\n          next.delete(toolCallId);\n          return next;\n        });\n      },\n    });\n    return () => unsubscribe();\n  }, [copilotkit]);\n\n  const renderToolCall = useCallback(\n    ({\n      toolCall,\n      toolMessage,\n    }: UseRenderToolCallProps): React.ReactElement | null => {\n      // Find the render config for this tool call by name\n      // For rendering, we show all tool calls regardless of agentId\n      // The agentId scoping only affects handler execution (in core)\n      // Priority order:\n      // 1. Exact match by name (prefer agent-specific if multiple exist)\n      // 2. Wildcard (*) renderer\n      const exactMatches = renderToolCalls.filter(\n        (rc) => rc.name === toolCall.function.name\n      );\n\n      // If multiple renderers with same name exist, prefer the one matching our agentId\n      const renderConfig =\n        exactMatches.find((rc) => rc.agentId === agentId) ||\n        exactMatches.find((rc) => !rc.agentId) ||\n        exactMatches[0] ||\n        renderToolCalls.find((rc) => rc.name === \"*\");\n\n      if (!renderConfig) {\n        return null;\n      }\n\n      const RenderComponent = renderConfig.render;\n\n      // Parse the arguments if they're a string\n      const args = partialJSONParse(toolCall.function.arguments);\n\n      // Create props based on status with proper typing\n      const toolName = toolCall.function.name;\n\n      if (toolMessage) {\n        // Complete status with result\n        return (\n          <RenderComponent\n            key={toolCall.id}\n            name={toolName}\n            args={args}\n            status={ToolCallStatus.Complete}\n            result={toolMessage.content}\n          />\n        );\n      } else if (executingToolCallIds.has(toolCall.id)) {\n        // Tool is currently executing\n        return (\n          <RenderComponent\n            key={toolCall.id}\n            name={toolName}\n            // args should be complete when executing; but pass whatever we have\n            args={args}\n            status={ToolCallStatus.Executing}\n            result={undefined}\n          />\n        );\n      } else {\n        // In progress status - tool call exists but hasn't completed yet\n        // This remains true even after agent stops running, until we get a result\n        return (\n          <RenderComponent\n            key={toolCall.id}\n            name={toolName}\n            args={args}\n            status={ToolCallStatus.InProgress}\n            result={undefined}\n          />\n        );\n      }\n    },\n    [renderToolCalls, executingToolCallIds, agentId]\n  );\n\n  return renderToolCall;\n}\n"],"mappings":";;;;;;;;AAAA,SAAgB,aAAa,WAAW,UAAU,4BAA4B;AAE9E,SAAS,sBAAsB;AAG/B,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AA4FvB;AA/EH,SAAS,oBAAoB;AAClC,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,SAAS,4BAA4B;AAC3C,QAAM,UAAU,QAAQ,WAAW;AACnC,QAAM,CAAC,sBAAsB,uBAAuB,IAAI,SAEtD,MAAM,oBAAI,IAAI,CAAC;AAIjB,QAAM,kBAAkB;AAAA,IACtB,CAAC,aAAa;AACZ,aAAO,WAAW,UAAU;AAAA,QAC1B,0BAA0B;AAAA,MAC5B,CAAC;AAAA,IACH;AAAA,IACA,MAAM,WAAW;AAAA,IACjB,MAAM,WAAW;AAAA,EACnB;AAEA,YAAU,MAAM;AACd,UAAM,cAAc,WAAW,UAAU;AAAA,MACvC,sBAAsB,CAAC,EAAE,WAAW,MAAM;AACxC,gCAAwB,CAAC,SAAS;AAChC,cAAI,KAAK,IAAI,UAAU,EAAG,QAAO;AACjC,gBAAM,OAAO,IAAI,IAAI,IAAI;AACzB,eAAK,IAAI,UAAU;AACnB,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,MACA,oBAAoB,CAAC,EAAE,WAAW,MAAM;AACtC,gCAAwB,CAAC,SAAS;AAChC,cAAI,CAAC,KAAK,IAAI,UAAU,EAAG,QAAO;AAClC,gBAAM,OAAO,IAAI,IAAI,IAAI;AACzB,eAAK,OAAO,UAAU;AACtB,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AACD,WAAO,MAAM,YAAY;AAAA,EAC3B,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,iBAAiB;AAAA,IACrB,CAAC;AAAA,MACC;AAAA,MACA;AAAA,IACF,MAAyD;AAOvD,YAAM,eAAe,gBAAgB;AAAA,QACnC,CAAC,OAAO,GAAG,SAAS,SAAS,SAAS;AAAA,MACxC;AAGA,YAAM,eACJ,aAAa,KAAK,CAAC,OAAO,GAAG,YAAY,OAAO,KAChD,aAAa,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO,KACrC,aAAa,CAAC,KACd,gBAAgB,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG;AAE9C,UAAI,CAAC,cAAc;AACjB,eAAO;AAAA,MACT;AAEA,YAAM,kBAAkB,aAAa;AAGrC,YAAM,OAAO,iBAAiB,SAAS,SAAS,SAAS;AAGzD,YAAM,WAAW,SAAS,SAAS;AAEnC,UAAI,aAAa;AAEf,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM;AAAA,YACN;AAAA,YACA,QAAQ,eAAe;AAAA,YACvB,QAAQ,YAAY;AAAA;AAAA,UAJf,SAAS;AAAA,QAKhB;AAAA,MAEJ,WAAW,qBAAqB,IAAI,SAAS,EAAE,GAAG;AAEhD,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM;AAAA,YAEN;AAAA,YACA,QAAQ,eAAe;AAAA,YACvB,QAAQ;AAAA;AAAA,UALH,SAAS;AAAA,QAMhB;AAAA,MAEJ,OAAO;AAGL,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM;AAAA,YACN;AAAA,YACA,QAAQ,eAAe;AAAA,YACvB,QAAQ;AAAA;AAAA,UAJH,SAAS;AAAA,QAKhB;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,sBAAsB,OAAO;AAAA,EACjD;AAEA,SAAO;AACT;","names":[]}

package/dist/chunk-CSHBUHRW.mjs

@@ -1,69 +0,0 @@
-import {
-  useCopilotChatConfiguration
-} from "./chunk-4XJK5IVQ.mjs";
-import {
-  useCopilotKit
-} from "./chunk-VE3SBLU7.mjs";
-
-// src/hooks/use-render-custom-messages.tsx
-import { jsx } from "react/jsx-runtime";
-function useRenderCustomMessages() {
-  const { copilotkit } = useCopilotKit();
-  const config = useCopilotChatConfiguration();
-  if (!config) {
-    return null;
-  }
-  const { agentId, threadId } = config;
-  const customMessageRenderers = copilotkit.renderCustomMessages.filter((renderer) => renderer.agentId === void 0 || renderer.agentId === agentId).sort((a, b) => {
-    const aHasAgent = a.agentId !== void 0;
-    const bHasAgent = b.agentId !== void 0;
-    if (aHasAgent === bHasAgent) return 0;
-    return aHasAgent ? -1 : 1;
-  });
-  return function(params) {
-    if (!customMessageRenderers.length) {
-      return null;
-    }
-    const { message, position } = params;
-    const runId = copilotkit.getRunIdForMessage(agentId, threadId, message.id);
-    const agent = copilotkit.getAgent(agentId);
-    if (!agent) {
-      throw new Error("Agent not found");
-    }
-    const messagesIdsInRun = agent.messages.filter((msg) => copilotkit.getRunIdForMessage(agentId, threadId, msg.id) === runId).map((msg) => msg.id);
-    const messageIndex = agent.messages.findIndex((msg) => msg.id === message.id) ?? 0;
-    const messageIndexInRun = Math.min(messagesIdsInRun.indexOf(message.id), 0);
-    const numberOfMessagesInRun = messagesIdsInRun.length;
-    const stateSnapshot = copilotkit.getStateByRun(agentId, threadId, runId);
-    let result = null;
-    for (const renderer of customMessageRenderers) {
-      if (!renderer.render) {
-        continue;
-      }
-      const Component = renderer.render;
-      result = /* @__PURE__ */ jsx(
-        Component,
-        {
-          message,
-          position,
-          runId,
-          messageIndex,
-          messageIndexInRun,
-          numberOfMessagesInRun,
-          agentId,
-          stateSnapshot
-        },
-        `${runId}-${message.id}-${position}`
-      );
-      if (result) {
-        break;
-      }
-    }
-    return result;
-  };
-}
-
-export {
-  useRenderCustomMessages
-};
-//# sourceMappingURL=chunk-CSHBUHRW.mjs.map

package/dist/chunk-CSHBUHRW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-render-custom-messages.tsx"],"sourcesContent":["import { useCopilotChatConfiguration, useCopilotKit } from \"@/providers\";\nimport { ReactCustomMessageRendererPosition } from \"@/types/react-custom-message-renderer\";\nimport { Message } from \"@ag-ui/core\";\n\ninterface UseRenderCustomMessagesParams {\n  message: Message;\n  position: ReactCustomMessageRendererPosition;\n}\n\nexport function useRenderCustomMessages() {\n  const { copilotkit } = useCopilotKit();\n  const config = useCopilotChatConfiguration();\n\n  if (!config) {\n    return null;\n  }\n\n  const { agentId, threadId } = config;\n\n  const customMessageRenderers = copilotkit.renderCustomMessages\n    .filter((renderer) => renderer.agentId === undefined || renderer.agentId === agentId)\n    .sort((a, b) => {\n      const aHasAgent = a.agentId !== undefined;\n      const bHasAgent = b.agentId !== undefined;\n      if (aHasAgent === bHasAgent) return 0;\n      return aHasAgent ? -1 : 1;\n    });\n\n  return function (params: UseRenderCustomMessagesParams) {\n    if (!customMessageRenderers.length) {\n      return null;\n    }\n    const { message, position } = params;\n    const runId = copilotkit.getRunIdForMessage(agentId, threadId, message.id)!;\n    const agent = copilotkit.getAgent(agentId);\n    if (!agent) {\n      throw new Error(\"Agent not found\");\n    }\n\n    const messagesIdsInRun = agent.messages\n      .filter((msg) => copilotkit.getRunIdForMessage(agentId, threadId, msg.id) === runId)\n      .map((msg) => msg.id);\n\n    const messageIndex = agent.messages.findIndex((msg) => msg.id === message.id) ?? 0;\n    const messageIndexInRun = Math.min(messagesIdsInRun.indexOf(message.id), 0);\n    const numberOfMessagesInRun = messagesIdsInRun.length;\n    const stateSnapshot = copilotkit.getStateByRun(agentId, threadId, runId);\n\n    let result = null;\n    for (const renderer of customMessageRenderers) {\n      if (!renderer.render) {\n        continue;\n      }\n      const Component = renderer.render;\n      result = (\n        <Component\n          key={`${runId}-${message.id}-${position}`}\n          message={message}\n          position={position}\n          runId={runId}\n          messageIndex={messageIndex}\n          messageIndexInRun={messageIndexInRun}\n          numberOfMessagesInRun={numberOfMessagesInRun}\n          agentId={agentId}\n          stateSnapshot={stateSnapshot}\n        />\n      );\n      if (result) {\n        break;\n      }\n    }\n    return result;\n  };\n}\n"],"mappings":";;;;;;;;AAuDQ;AA9CD,SAAS,0BAA0B;AACxC,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,SAAS,4BAA4B;AAE3C,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,SAAS,SAAS,IAAI;AAE9B,QAAM,yBAAyB,WAAW,qBACvC,OAAO,CAAC,aAAa,SAAS,YAAY,UAAa,SAAS,YAAY,OAAO,EACnF,KAAK,CAAC,GAAG,MAAM;AACd,UAAM,YAAY,EAAE,YAAY;AAChC,UAAM,YAAY,EAAE,YAAY;AAChC,QAAI,cAAc,UAAW,QAAO;AACpC,WAAO,YAAY,KAAK;AAAA,EAC1B,CAAC;AAEH,SAAO,SAAU,QAAuC;AACtD,QAAI,CAAC,uBAAuB,QAAQ;AAClC,aAAO;AAAA,IACT;AACA,UAAM,EAAE,SAAS,SAAS,IAAI;AAC9B,UAAM,QAAQ,WAAW,mBAAmB,SAAS,UAAU,QAAQ,EAAE;AACzE,UAAM,QAAQ,WAAW,SAAS,OAAO;AACzC,QAAI,CAAC,OAAO;AACV,YAAM,IAAI,MAAM,iBAAiB;AAAA,IACnC;AAEA,UAAM,mBAAmB,MAAM,SAC5B,OAAO,CAAC,QAAQ,WAAW,mBAAmB,SAAS,UAAU,IAAI,EAAE,MAAM,KAAK,EAClF,IAAI,CAAC,QAAQ,IAAI,EAAE;AAEtB,UAAM,eAAe,MAAM,SAAS,UAAU,CAAC,QAAQ,IAAI,OAAO,QAAQ,EAAE,KAAK;AACjF,UAAM,oBAAoB,KAAK,IAAI,iBAAiB,QAAQ,QAAQ,EAAE,GAAG,CAAC;AAC1E,UAAM,wBAAwB,iBAAiB;AAC/C,UAAM,gBAAgB,WAAW,cAAc,SAAS,UAAU,KAAK;AAEvE,QAAI,SAAS;AACb,eAAW,YAAY,wBAAwB;AAC7C,UAAI,CAAC,SAAS,QAAQ;AACpB;AAAA,MACF;AACA,YAAM,YAAY,SAAS;AAC3B,eACE;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,QARK,GAAG,KAAK,IAAI,QAAQ,EAAE,IAAI,QAAQ;AAAA,MASzC;AAEF,UAAI,QAAQ;AACV;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AACF;","names":[]}