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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkitnext/react",
-  "version": "0.0.22-alpha.4",
+  "version": "0.0.22-alpha.6",
   "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/typescript-config": "0.0.0",
-    "@copilotkitnext/eslint-config": "0.0.0"
+    "@copilotkitnext/eslint-config": "0.0.0",
+    "@copilotkitnext/typescript-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.4",
-    "@copilotkitnext/shared": "0.0.22-alpha.4",
-    "@copilotkitnext/core": "0.0.22-alpha.4"
+    "@copilotkitnext/core": "0.0.22-alpha.6",
+    "@copilotkitnext/web-inspector": "0.0.22-alpha.6",
+    "@copilotkitnext/shared": "0.0.22-alpha.6"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/dist/chunk-32YJ5VJ4.mjs

@@ -1,157 +0,0 @@
-import {
-  CopilotChatView
-} from "./chunk-JLVGSNAO.mjs";
-import {
-  renderSlot
-} from "./chunk-FIBK3DYE.mjs";
-import {
-  useSuggestions
-} from "./chunk-XU5CEPYQ.mjs";
-import {
-  useAgent
-} from "./chunk-IA4CLXDM.mjs";
-import {
-  CopilotChatConfigurationProvider,
-  useCopilotChatConfiguration
-} from "./chunk-4XJK5IVQ.mjs";
-import {
-  useCopilotKit
-} from "./chunk-RF2CGPHQ.mjs";
-
-// src/components/chat/CopilotChat.tsx
-import { DEFAULT_AGENT_ID, randomUUID } from "@copilotkitnext/shared";
-import { useCallback, useEffect, useMemo } from "react";
-import { merge } from "ts-deepmerge";
-import { AGUIConnectNotImplementedError } from "@ag-ui/client";
-import { jsx } from "react/jsx-runtime";
-function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, ...props }) {
-  const existingConfig = useCopilotChatConfiguration();
-  const resolvedAgentId = agentId ?? existingConfig?.agentId ?? DEFAULT_AGENT_ID;
-  const resolvedThreadId = useMemo(
-    () => threadId ?? existingConfig?.threadId ?? randomUUID(),
-    [threadId, existingConfig?.threadId]
-  );
-  const { agent } = useAgent({ agentId: resolvedAgentId });
-  const { copilotkit } = useCopilotKit();
-  const { suggestions: autoSuggestions } = useSuggestions({ agentId: resolvedAgentId });
-  const {
-    inputProps: providedInputProps,
-    messageView: providedMessageView,
-    suggestionView: providedSuggestionView,
-    ...restProps
-  } = props;
-  useEffect(() => {
-    const connect = async (agent2) => {
-      try {
-        await copilotkit.connectAgent({ agent: agent2 });
-      } catch (error) {
-        if (error instanceof AGUIConnectNotImplementedError) {
-        } else {
-          throw error;
-        }
-      }
-    };
-    if (agent) {
-      agent.threadId = resolvedThreadId;
-      connect(agent);
-    }
-    return () => {
-    };
-  }, [resolvedThreadId, agent, copilotkit, resolvedAgentId]);
-  const onSubmitInput = useCallback(
-    async (value) => {
-      agent?.addMessage({
-        id: randomUUID(),
-        role: "user",
-        content: value
-      });
-      if (agent) {
-        try {
-          await copilotkit.runAgent({ agent });
-        } catch (error) {
-          console.error("CopilotChat: runAgent failed", error);
-        }
-      }
-    },
-    [agent, copilotkit]
-  );
-  const handleSelectSuggestion = useCallback(
-    async (suggestion) => {
-      if (!agent) {
-        return;
-      }
-      agent.addMessage({
-        id: randomUUID(),
-        role: "user",
-        content: suggestion.message
-      });
-      try {
-        await copilotkit.runAgent({ agent });
-      } catch (error) {
-        console.error("CopilotChat: runAgent failed after selecting suggestion", error);
-      }
-    },
-    [agent, copilotkit]
-  );
-  const stopCurrentRun = useCallback(() => {
-    if (!agent) {
-      return;
-    }
-    try {
-      copilotkit.stopAgent({ agent });
-    } catch (error) {
-      console.error("CopilotChat: stopAgent failed", error);
-      try {
-        agent.abortRun();
-      } catch (abortError) {
-        console.error("CopilotChat: abortRun fallback failed", abortError);
-      }
-    }
-  }, [agent, copilotkit]);
-  const mergedProps = merge(
-    {
-      isRunning: agent?.isRunning ?? false,
-      suggestions: autoSuggestions,
-      onSelectSuggestion: handleSelectSuggestion,
-      suggestionView: providedSuggestionView
-    },
-    {
-      ...restProps,
-      ...typeof providedMessageView === "string" ? { messageView: { className: providedMessageView } } : providedMessageView !== void 0 ? { messageView: providedMessageView } : {}
-    }
-  );
-  const providedStopHandler = providedInputProps?.onStop;
-  const hasMessages = (agent?.messages?.length ?? 0) > 0;
-  const shouldAllowStop = (agent?.isRunning ?? false) && hasMessages;
-  const effectiveStopHandler = shouldAllowStop ? providedStopHandler ?? stopCurrentRun : providedStopHandler;
-  const finalInputProps = {
-    ...providedInputProps,
-    onSubmitMessage: onSubmitInput,
-    onStop: effectiveStopHandler,
-    isRunning: agent?.isRunning ?? false
-  };
-  finalInputProps.mode = agent?.isRunning ? "processing" : finalInputProps.mode ?? "input";
-  const finalProps = merge(mergedProps, {
-    messages: agent?.messages ?? [],
-    inputProps: finalInputProps
-  });
-  const RenderedChatView = renderSlot(chatView, CopilotChatView, finalProps);
-  return /* @__PURE__ */ jsx(
-    CopilotChatConfigurationProvider,
-    {
-      agentId: resolvedAgentId,
-      threadId: resolvedThreadId,
-      labels,
-      isModalDefaultOpen,
-      children: RenderedChatView
-    }
-  );
-}
-((CopilotChat2) => {
-  CopilotChat2.View = CopilotChatView;
-})(CopilotChat || (CopilotChat = {}));
-
-export {
-  CopilotChat
-};
-//# sourceMappingURL=chunk-32YJ5VJ4.mjs.map

package/dist/chunk-32YJ5VJ4.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/CopilotChat.tsx"],"sourcesContent":["import { useAgent } from \"@/hooks/use-agent\";\nimport { useSuggestions } from \"@/hooks/use-suggestions\";\nimport { CopilotChatView, CopilotChatViewProps } from \"./CopilotChatView\";\nimport CopilotChatInput, { CopilotChatInputProps } from \"./CopilotChatInput\";\nimport {\n  CopilotChatConfigurationProvider,\n  CopilotChatLabels,\n  useCopilotChatConfiguration,\n} from \"@/providers/CopilotChatConfigurationProvider\";\nimport { DEFAULT_AGENT_ID, randomUUID } from \"@copilotkitnext/shared\";\nimport { Suggestion } from \"@copilotkitnext/core\";\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport { merge } from \"ts-deepmerge\";\nimport { useCopilotKit } from \"@/providers/CopilotKitProvider\";\nimport { AbstractAgent, AGUIConnectNotImplementedError } from \"@ag-ui/client\";\nimport { renderSlot, SlotValue } from \"@/lib/slots\";\n\nexport type CopilotChatProps = Omit<\n  CopilotChatViewProps,\n  \"messages\" | \"isRunning\" | \"suggestions\" | \"suggestionLoadingIndexes\" | \"onSelectSuggestion\"\n> & {\n  agentId?: string;\n  threadId?: string;\n  labels?: Partial<CopilotChatLabels>;\n  chatView?: SlotValue<typeof CopilotChatView>;\n  isModalDefaultOpen?: boolean;\n};\nexport function CopilotChat({ agentId, threadId, labels, chatView, isModalDefaultOpen, ...props }: CopilotChatProps) {\n  // Check for existing configuration provider\n  const existingConfig = useCopilotChatConfiguration();\n\n  // Apply priority: props > existing config > defaults\n  const resolvedAgentId = agentId ?? existingConfig?.agentId ?? DEFAULT_AGENT_ID;\n  const resolvedThreadId = useMemo(\n    () => threadId ?? existingConfig?.threadId ?? randomUUID(),\n    [threadId, existingConfig?.threadId],\n  );\n  const { agent } = useAgent({ agentId: resolvedAgentId });\n  const { copilotkit } = useCopilotKit();\n\n  const { suggestions: autoSuggestions } = useSuggestions({ agentId: resolvedAgentId });\n\n  const {\n    inputProps: providedInputProps,\n    messageView: providedMessageView,\n    suggestionView: providedSuggestionView,\n    ...restProps\n  } = props;\n\n  useEffect(() => {\n    const connect = async (agent: AbstractAgent) => {\n      try {\n        await copilotkit.connectAgent({ agent });\n      } catch (error) {\n        if (error instanceof AGUIConnectNotImplementedError) {\n          // connect not implemented, ignore\n        } else {\n          throw error;\n        }\n      }\n    };\n    if (agent) {\n      agent.threadId = resolvedThreadId;\n      connect(agent);\n    }\n    return () => {};\n  }, [resolvedThreadId, agent, copilotkit, resolvedAgentId]);\n\n  const onSubmitInput = useCallback(\n    async (value: string) => {\n      agent?.addMessage({\n        id: randomUUID(),\n        role: \"user\",\n        content: value,\n      });\n      if (agent) {\n        try {\n          await copilotkit.runAgent({ agent });\n        } catch (error) {\n          console.error(\"CopilotChat: runAgent failed\", error);\n        }\n      }\n    },\n    [agent, copilotkit],\n  );\n\n  const handleSelectSuggestion = useCallback(\n    async (suggestion: Suggestion) => {\n      if (!agent) {\n        return;\n      }\n\n      agent.addMessage({\n        id: randomUUID(),\n        role: \"user\",\n        content: suggestion.message,\n      });\n\n      try {\n        await copilotkit.runAgent({ agent });\n      } catch (error) {\n        console.error(\"CopilotChat: runAgent failed after selecting suggestion\", error);\n      }\n    },\n    [agent, copilotkit],\n  );\n\n  const stopCurrentRun = useCallback(() => {\n    if (!agent) {\n      return;\n    }\n\n    try {\n      copilotkit.stopAgent({ agent });\n    } catch (error) {\n      console.error(\"CopilotChat: stopAgent failed\", error);\n      try {\n        agent.abortRun();\n      } catch (abortError) {\n        console.error(\"CopilotChat: abortRun fallback failed\", abortError);\n      }\n    }\n  }, [agent, copilotkit]);\n\n  const mergedProps = merge(\n    {\n      isRunning: agent?.isRunning ?? false,\n      suggestions: autoSuggestions,\n      onSelectSuggestion: handleSelectSuggestion,\n      suggestionView: providedSuggestionView,\n    },\n    {\n      ...restProps,\n      ...(typeof providedMessageView === \"string\"\n        ? { messageView: { className: providedMessageView } }\n        : providedMessageView !== undefined\n          ? { messageView: providedMessageView }\n          : {}),\n    },\n  );\n\n  const providedStopHandler = providedInputProps?.onStop;\n  const hasMessages = (agent?.messages?.length ?? 0) > 0;\n  const shouldAllowStop = (agent?.isRunning ?? false) && hasMessages;\n  const effectiveStopHandler = shouldAllowStop ? providedStopHandler ?? stopCurrentRun : providedStopHandler;\n\n  const finalInputProps = {\n    ...providedInputProps,\n    onSubmitMessage: onSubmitInput,\n    onStop: effectiveStopHandler,\n    isRunning: agent?.isRunning ?? false,\n  } as Partial<CopilotChatInputProps> & { onSubmitMessage: (value: string) => void };\n\n  finalInputProps.mode = agent?.isRunning ? \"processing\" : finalInputProps.mode ?? \"input\";\n\n  const finalProps = merge(mergedProps, {\n    messages: agent?.messages ?? [],\n    inputProps: finalInputProps,\n  }) as CopilotChatViewProps;\n\n  // Always create a provider with merged values\n  // This ensures priority: props > existing config > defaults\n  const RenderedChatView = renderSlot(chatView, CopilotChatView, finalProps);\n\n  return (\n    <CopilotChatConfigurationProvider\n      agentId={resolvedAgentId}\n      threadId={resolvedThreadId}\n      labels={labels}\n      isModalDefaultOpen={isModalDefaultOpen}\n    >\n      {RenderedChatView}\n    </CopilotChatConfigurationProvider>\n  );\n}\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nexport namespace CopilotChat {\n  export const View = CopilotChatView;\n}\n"],"mappings":"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","names":["agent","CopilotChat"]}

package/dist/chunk-36HFWACS.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-36HFWACS.mjs.map

package/dist/chunk-36HFWACS.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-46BZRXWT.mjs

@@ -1,16 +0,0 @@
-// src/types/defineToolCallRenderer.ts
-import { z } from "zod";
-function defineToolCallRenderer(def) {
-  const argsSchema = def.name === "*" && !def.args ? z.any() : def.args;
-  return {
-    name: def.name,
-    args: argsSchema,
-    render: def.render,
-    ...def.agentId ? { agentId: def.agentId } : {}
-  };
-}
-
-export {
-  defineToolCallRenderer
-};
-//# sourceMappingURL=chunk-46BZRXWT.mjs.map

package/dist/chunk-46BZRXWT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/defineToolCallRenderer.ts"],"sourcesContent":["import React from \"react\";\nimport { z } from \"zod\";\nimport { ReactToolCallRenderer } from \"./react-tool-call-renderer\";\nimport { ToolCallStatus } from \"@copilotkitnext/core\";\n\n/**\n * Helper to define a type-safe tool call renderer entry.\n * - Accepts a single object whose keys match ReactToolCallRenderer's fields: { name, args, render, agentId? }.\n * - Derives `args` type from the provided Zod schema.\n * - Ensures the render function param type exactly matches ReactToolCallRenderer<T>[\"render\"]'s param.\n * - For wildcard tools (name: \"*\"), args is optional and defaults to z.any()\n */\ntype RenderProps<T> =\n  | {\n      name: string;\n      args: Partial<T>;\n      status: ToolCallStatus.InProgress;\n      result: undefined;\n    }\n  | {\n      name: string;\n      args: T;\n      status: ToolCallStatus.Executing;\n      result: undefined;\n    }\n  | {\n      name: string;\n      args: T;\n      status: ToolCallStatus.Complete;\n      result: string;\n    };\n\n// Overload for wildcard tools without args\nexport function defineToolCallRenderer(def: {\n  name: \"*\";\n  render: (props: RenderProps<any>) => React.ReactElement;\n  agentId?: string;\n}): ReactToolCallRenderer<any>;\n\n// Overload for regular tools with args\nexport function defineToolCallRenderer<S extends z.ZodTypeAny>(def: {\n  name: string;\n  args: S;\n  render: (props: RenderProps<z.infer<S>>) => React.ReactElement;\n  agentId?: string;\n}): ReactToolCallRenderer<z.infer<S>>;\n\n// Implementation\nexport function defineToolCallRenderer<S extends z.ZodTypeAny>(def: {\n  name: string;\n  args?: S;\n  render: (props: any) => React.ReactElement;\n  agentId?: string;\n}): ReactToolCallRenderer<any> {\n  // For wildcard tools, default to z.any() if no args provided\n  const argsSchema = def.name === \"*\" && !def.args ? z.any() : def.args;\n\n  return {\n    name: def.name,\n    args: argsSchema as any,\n    render: def.render as React.ComponentType<any>,\n    ...(def.agentId ? { agentId: def.agentId } : {}),\n  };\n}\n"],"mappings":";AACA,SAAS,SAAS;AA+CX,SAAS,uBAA+C,KAKhC;AAE7B,QAAM,aAAa,IAAI,SAAS,OAAO,CAAC,IAAI,OAAO,EAAE,IAAI,IAAI,IAAI;AAEjE,SAAO;AAAA,IACL,MAAM,IAAI;AAAA,IACV,MAAM;AAAA,IACN,QAAQ,IAAI;AAAA,IACZ,GAAI,IAAI,UAAU,EAAE,SAAS,IAAI,QAAQ,IAAI,CAAC;AAAA,EAChD;AACF;","names":[]}

package/dist/chunk-4UDBR75C.mjs

@@ -1,106 +0,0 @@
-// src/components/chat/CopilotChatAudioRecorder.tsx
-import { useRef, useEffect, useImperativeHandle, forwardRef } from "react";
-import { twMerge } from "tailwind-merge";
-import { jsx } from "react/jsx-runtime";
-var AudioRecorderError = class extends Error {
-  constructor(message) {
-    super(message);
-    this.name = "AudioRecorderError";
-  }
-};
-var CopilotChatAudioRecorder = forwardRef((props, ref) => {
-  const { className, ...divProps } = props;
-  const canvasRef = useRef(null);
-  const getLoudness = (n) => {
-    const elapsed = Date.now() / 1e3;
-    const samples = [];
-    for (let i = 0; i < n; i++) {
-      const position = i / n * 10 + elapsed * 0.5;
-      const wave1 = Math.sin(position * 2) * 0.3;
-      const wave2 = Math.sin(position * 5 + elapsed) * 0.2;
-      const wave3 = Math.sin(position * 0.5 + elapsed * 0.3) * 0.4;
-      const noise = (Math.random() - 0.5) * 0.1;
-      const envelope = Math.sin(elapsed * 0.7) * 0.5 + 0.5;
-      let amplitude = (wave1 + wave2 + wave3 + noise) * envelope;
-      amplitude = Math.max(0, Math.min(1, amplitude * 0.5 + 0.3));
-      samples.push(amplitude);
-    }
-    return samples;
-  };
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    let animationId;
-    const draw = () => {
-      const rect = canvas.getBoundingClientRect();
-      const dpr = window.devicePixelRatio || 1;
-      if (canvas.width !== rect.width * dpr || canvas.height !== rect.height * dpr) {
-        canvas.width = rect.width * dpr;
-        canvas.height = rect.height * dpr;
-        ctx.scale(dpr, dpr);
-        ctx.imageSmoothingEnabled = false;
-      }
-      const barWidth = 2;
-      const minHeight = 2;
-      const maxHeight = 20;
-      const gap = 2;
-      const numSamples = Math.ceil(rect.width / (barWidth + gap));
-      const loudnessData = getLoudness(numSamples);
-      ctx.clearRect(0, 0, rect.width, rect.height);
-      const computedStyle = getComputedStyle(canvas);
-      const currentForeground = computedStyle.color;
-      ctx.fillStyle = currentForeground;
-      const centerY = rect.height / 2;
-      for (let i = 0; i < loudnessData.length; i++) {
-        const sample = loudnessData[i] ?? 0;
-        const barHeight = Math.round(
-          sample * (maxHeight - minHeight) + minHeight
-        );
-        const x = Math.round(i * (barWidth + gap));
-        const y = Math.round(centerY - barHeight / 2);
-        ctx.fillRect(x, y, barWidth, barHeight);
-      }
-      animationId = requestAnimationFrame(draw);
-    };
-    draw();
-    return () => {
-      if (animationId) {
-        cancelAnimationFrame(animationId);
-      }
-    };
-  }, []);
-  useImperativeHandle(
-    ref,
-    () => ({
-      get state() {
-        return "idle";
-      },
-      start: async () => {
-      },
-      stop: () => new Promise((resolve) => {
-        const emptyBlob = new Blob([], { type: "audio/webm" });
-        resolve(emptyBlob);
-      }),
-      dispose: () => {
-      }
-    }),
-    []
-  );
-  return /* @__PURE__ */ jsx("div", { className: twMerge("h-[44px] w-full px-5", className), ...divProps, children: /* @__PURE__ */ jsx(
-    "canvas",
-    {
-      ref: canvasRef,
-      className: "w-full h-full",
-      style: { imageRendering: "pixelated" }
-    }
-  ) });
-});
-CopilotChatAudioRecorder.displayName = "WebAudioRecorder";
-
-export {
-  AudioRecorderError,
-  CopilotChatAudioRecorder
-};
-//# sourceMappingURL=chunk-4UDBR75C.mjs.map

package/dist/chunk-4UDBR75C.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/CopilotChatAudioRecorder.tsx"],"sourcesContent":["import { useRef, useEffect, useImperativeHandle, forwardRef } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\n/** Finite-state machine for every recorder implementation */\nexport type AudioRecorderState = \"idle\" | \"recording\" | \"processing\";\n\n/** Error subclass so callers can `instanceof`-guard recorder failures */\nexport class AudioRecorderError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = \"AudioRecorderError\";\n  }\n}\n\nexport const CopilotChatAudioRecorder = forwardRef<\n  any,\n  React.HTMLAttributes<HTMLDivElement>\n>((props, ref) => {\n  const { className, ...divProps } = props;\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  // Generate fake waveform that moves with time\n  const getLoudness = (n: number): number[] => {\n    const elapsed = Date.now() / 1000; // Use current timestamp directly\n    const samples: number[] = [];\n\n    for (let i = 0; i < n; i++) {\n      // Create a position that moves from left to right over time\n      const position = (i / n) * 10 + elapsed * 0.5; // Scroll speed (slower)\n\n      // Generate waveform using multiple sine waves for realism\n      const wave1 = Math.sin(position * 2) * 0.3;\n      const wave2 = Math.sin(position * 5 + elapsed) * 0.2;\n      const wave3 = Math.sin(position * 0.5 + elapsed * 0.3) * 0.4;\n\n      // Add some randomness for natural variation\n      const noise = (Math.random() - 0.5) * 0.1;\n\n      // Combine waves and add envelope for realistic amplitude variation\n      const envelope = Math.sin(elapsed * 0.7) * 0.5 + 0.5; // Slow amplitude modulation\n      let amplitude = (wave1 + wave2 + wave3 + noise) * envelope;\n\n      // Clamp to 0-1 range\n      amplitude = Math.max(0, Math.min(1, amplitude * 0.5 + 0.3));\n\n      samples.push(amplitude);\n    }\n\n    return samples;\n  };\n\n  // No setup needed - stub implementation\n\n  // Canvas rendering with 60fps animation\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return;\n\n    let animationId: number;\n\n    const draw = () => {\n      const rect = canvas.getBoundingClientRect();\n      const dpr = window.devicePixelRatio || 1;\n\n      // Update canvas dimensions if container resized\n      if (\n        canvas.width !== rect.width * dpr ||\n        canvas.height !== rect.height * dpr\n      ) {\n        canvas.width = rect.width * dpr;\n        canvas.height = rect.height * dpr;\n        ctx.scale(dpr, dpr);\n        ctx.imageSmoothingEnabled = false;\n      }\n\n      // Configuration\n      const barWidth = 2;\n      const minHeight = 2;\n      const maxHeight = 20;\n      const gap = 2;\n      const numSamples = Math.ceil(rect.width / (barWidth + gap));\n\n      // Get loudness data\n      const loudnessData = getLoudness(numSamples);\n\n      // Clear canvas\n      ctx.clearRect(0, 0, rect.width, rect.height);\n\n      // Get current foreground color\n      const computedStyle = getComputedStyle(canvas);\n      const currentForeground = computedStyle.color;\n\n      // Draw bars\n      ctx.fillStyle = currentForeground;\n      const centerY = rect.height / 2;\n\n      for (let i = 0; i < loudnessData.length; i++) {\n        const sample = loudnessData[i] ?? 0;\n        const barHeight = Math.round(\n          sample * (maxHeight - minHeight) + minHeight\n        );\n        const x = Math.round(i * (barWidth + gap));\n        const y = Math.round(centerY - barHeight / 2);\n\n        ctx.fillRect(x, y, barWidth, barHeight);\n      }\n\n      animationId = requestAnimationFrame(draw);\n    };\n\n    draw();\n\n    return () => {\n      if (animationId) {\n        cancelAnimationFrame(animationId);\n      }\n    };\n  }, []);\n\n  // Expose AudioRecorder API\n  useImperativeHandle(\n    ref,\n    () => ({\n      get state() {\n        return \"idle\" as AudioRecorderState;\n      },\n      start: async () => {\n        // Stub implementation - no actual recording\n      },\n      stop: () =>\n        new Promise<Blob>((resolve) => {\n          // Stub implementation - return empty blob\n          const emptyBlob = new Blob([], { type: \"audio/webm\" });\n          resolve(emptyBlob);\n        }),\n      dispose: () => {\n        // No cleanup needed\n      },\n    }),\n    []\n  );\n\n  return (\n    <div className={twMerge(\"h-[44px] w-full px-5\", className)} {...divProps}>\n      <canvas\n        ref={canvasRef}\n        className=\"w-full h-full\"\n        style={{ imageRendering: \"pixelated\" }}\n      />\n    </div>\n  );\n});\n\nCopilotChatAudioRecorder.displayName = \"WebAudioRecorder\";\n"],"mappings":"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","names":[]}

package/dist/chunk-4XJK5IVQ.mjs

@@ -1,83 +0,0 @@
-// src/providers/CopilotChatConfigurationProvider.tsx
-import { createContext, useContext, useMemo, useState } from "react";
-import { DEFAULT_AGENT_ID, randomUUID } from "@copilotkitnext/shared";
-import { jsx } from "react/jsx-runtime";
-var CopilotChatDefaultLabels = {
-  chatInputPlaceholder: "Type a message...",
-  chatInputToolbarStartTranscribeButtonLabel: "Transcribe",
-  chatInputToolbarCancelTranscribeButtonLabel: "Cancel",
-  chatInputToolbarFinishTranscribeButtonLabel: "Finish",
-  chatInputToolbarAddButtonLabel: "Add photos or files",
-  chatInputToolbarToolsButtonLabel: "Tools",
-  assistantMessageToolbarCopyCodeLabel: "Copy",
-  assistantMessageToolbarCopyCodeCopiedLabel: "Copied",
-  assistantMessageToolbarCopyMessageLabel: "Copy",
-  assistantMessageToolbarThumbsUpLabel: "Good response",
-  assistantMessageToolbarThumbsDownLabel: "Bad response",
-  assistantMessageToolbarReadAloudLabel: "Read aloud",
-  assistantMessageToolbarRegenerateLabel: "Regenerate",
-  userMessageToolbarCopyMessageLabel: "Copy",
-  userMessageToolbarEditMessageLabel: "Edit",
-  chatDisclaimerText: "AI can make mistakes. Please verify important information.",
-  chatToggleOpenLabel: "Open chat",
-  chatToggleCloseLabel: "Close chat",
-  modalHeaderTitle: "CopilotKit Chat"
-};
-var CopilotChatConfiguration = createContext(null);
-var CopilotChatConfigurationProvider = ({ children, labels, agentId, threadId, isModalDefaultOpen }) => {
-  const parentConfig = useContext(CopilotChatConfiguration);
-  const mergedLabels = useMemo(
-    () => ({
-      ...CopilotChatDefaultLabels,
-      ...parentConfig?.labels ?? {},
-      ...labels ?? {}
-    }),
-    [labels, parentConfig?.labels]
-  );
-  const resolvedAgentId = agentId ?? parentConfig?.agentId ?? DEFAULT_AGENT_ID;
-  const resolvedThreadId = useMemo(() => {
-    if (threadId) {
-      return threadId;
-    }
-    if (parentConfig?.threadId) {
-      return parentConfig.threadId;
-    }
-    return randomUUID();
-  }, [threadId, parentConfig?.threadId]);
-  const resolvedDefaultOpen = isModalDefaultOpen ?? parentConfig?.isModalDefaultOpen ?? true;
-  const [internalModalOpen, setInternalModalOpen] = useState(
-    parentConfig?.isModalOpen ?? resolvedDefaultOpen
-  );
-  const resolvedIsModalOpen = parentConfig?.isModalOpen ?? internalModalOpen;
-  const resolvedSetModalOpen = parentConfig?.setModalOpen ?? setInternalModalOpen;
-  const configurationValue = useMemo(
-    () => ({
-      labels: mergedLabels,
-      agentId: resolvedAgentId,
-      threadId: resolvedThreadId,
-      isModalOpen: resolvedIsModalOpen,
-      setModalOpen: resolvedSetModalOpen,
-      isModalDefaultOpen: resolvedDefaultOpen
-    }),
-    [
-      mergedLabels,
-      resolvedAgentId,
-      resolvedThreadId,
-      resolvedIsModalOpen,
-      resolvedSetModalOpen,
-      resolvedDefaultOpen
-    ]
-  );
-  return /* @__PURE__ */ jsx(CopilotChatConfiguration.Provider, { value: configurationValue, children });
-};
-var useCopilotChatConfiguration = () => {
-  const configuration = useContext(CopilotChatConfiguration);
-  return configuration;
-};
-
-export {
-  CopilotChatDefaultLabels,
-  CopilotChatConfigurationProvider,
-  useCopilotChatConfiguration
-};
-//# sourceMappingURL=chunk-4XJK5IVQ.mjs.map

package/dist/chunk-4XJK5IVQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/providers/CopilotChatConfigurationProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, useMemo, useState } from \"react\";\nimport { DEFAULT_AGENT_ID, randomUUID } from \"@copilotkitnext/shared\";\n\n// Default labels\nexport const CopilotChatDefaultLabels = {\n  chatInputPlaceholder: \"Type a message...\",\n  chatInputToolbarStartTranscribeButtonLabel: \"Transcribe\",\n  chatInputToolbarCancelTranscribeButtonLabel: \"Cancel\",\n  chatInputToolbarFinishTranscribeButtonLabel: \"Finish\",\n  chatInputToolbarAddButtonLabel: \"Add photos or files\",\n  chatInputToolbarToolsButtonLabel: \"Tools\",\n  assistantMessageToolbarCopyCodeLabel: \"Copy\",\n  assistantMessageToolbarCopyCodeCopiedLabel: \"Copied\",\n  assistantMessageToolbarCopyMessageLabel: \"Copy\",\n  assistantMessageToolbarThumbsUpLabel: \"Good response\",\n  assistantMessageToolbarThumbsDownLabel: \"Bad response\",\n  assistantMessageToolbarReadAloudLabel: \"Read aloud\",\n  assistantMessageToolbarRegenerateLabel: \"Regenerate\",\n  userMessageToolbarCopyMessageLabel: \"Copy\",\n  userMessageToolbarEditMessageLabel: \"Edit\",\n  chatDisclaimerText: \"AI can make mistakes. Please verify important information.\",\n  chatToggleOpenLabel: \"Open chat\",\n  chatToggleCloseLabel: \"Close chat\",\n  modalHeaderTitle: \"CopilotKit Chat\",\n};\n\nexport type CopilotChatLabels = typeof CopilotChatDefaultLabels;\n\n// Define the full configuration interface\nexport interface CopilotChatConfigurationValue {\n  labels: CopilotChatLabels;\n  agentId: string;\n  threadId: string;\n  isModalOpen: boolean;\n  setModalOpen: (open: boolean) => void;\n  isModalDefaultOpen: boolean;\n}\n\n// Create the configuration context\nconst CopilotChatConfiguration =\n  createContext<CopilotChatConfigurationValue | null>(null);\n\n// Provider props interface\nexport interface CopilotChatConfigurationProviderProps {\n  children: ReactNode;\n  labels?: Partial<CopilotChatLabels>;\n  agentId?: string;\n  threadId?: string;\n  isModalDefaultOpen?: boolean;\n}\n\n// Provider component\nexport const CopilotChatConfigurationProvider: React.FC<\n  CopilotChatConfigurationProviderProps\n> = ({ children, labels, agentId, threadId, isModalDefaultOpen }) => {\n  const parentConfig = useContext(CopilotChatConfiguration);\n\n  const mergedLabels: CopilotChatLabels = useMemo(\n    () => ({\n      ...CopilotChatDefaultLabels,\n      ...(parentConfig?.labels ?? {}),\n      ...(labels ?? {}),\n    }),\n    [labels, parentConfig?.labels],\n  );\n\n  const resolvedAgentId = agentId ?? parentConfig?.agentId ?? DEFAULT_AGENT_ID;\n\n  const resolvedThreadId = useMemo(() => {\n    if (threadId) {\n      return threadId;\n    }\n    if (parentConfig?.threadId) {\n      return parentConfig.threadId;\n    }\n    return randomUUID();\n  }, [threadId, parentConfig?.threadId]);\n\n  const resolvedDefaultOpen = isModalDefaultOpen ?? parentConfig?.isModalDefaultOpen ?? true;\n\n  const [internalModalOpen, setInternalModalOpen] = useState<boolean>(\n    parentConfig?.isModalOpen ?? resolvedDefaultOpen,\n  );\n\n  const resolvedIsModalOpen = parentConfig?.isModalOpen ?? internalModalOpen;\n  const resolvedSetModalOpen = parentConfig?.setModalOpen ?? setInternalModalOpen;\n\n  const configurationValue: CopilotChatConfigurationValue = useMemo(\n    () => ({\n      labels: mergedLabels,\n      agentId: resolvedAgentId,\n      threadId: resolvedThreadId,\n      isModalOpen: resolvedIsModalOpen,\n      setModalOpen: resolvedSetModalOpen,\n      isModalDefaultOpen: resolvedDefaultOpen,\n    }),\n    [\n      mergedLabels,\n      resolvedAgentId,\n      resolvedThreadId,\n      resolvedIsModalOpen,\n      resolvedSetModalOpen,\n      resolvedDefaultOpen,\n    ],\n  );\n\n  return (\n    <CopilotChatConfiguration.Provider value={configurationValue}>\n      {children}\n    </CopilotChatConfiguration.Provider>\n  );\n};\n\n// Hook to use the full configuration\nexport const useCopilotChatConfiguration =\n  (): CopilotChatConfigurationValue | null => {\n    const configuration = useContext(CopilotChatConfiguration);\n    return configuration;\n  };\n"],"mappings":";AAAA,SAAgB,eAAe,YAAuB,SAAS,gBAAgB;AAC/E,SAAS,kBAAkB,kBAAkB;AA0GzC;AAvGG,IAAM,2BAA2B;AAAA,EACtC,sBAAsB;AAAA,EACtB,4CAA4C;AAAA,EAC5C,6CAA6C;AAAA,EAC7C,6CAA6C;AAAA,EAC7C,gCAAgC;AAAA,EAChC,kCAAkC;AAAA,EAClC,sCAAsC;AAAA,EACtC,4CAA4C;AAAA,EAC5C,yCAAyC;AAAA,EACzC,sCAAsC;AAAA,EACtC,wCAAwC;AAAA,EACxC,uCAAuC;AAAA,EACvC,wCAAwC;AAAA,EACxC,oCAAoC;AAAA,EACpC,oCAAoC;AAAA,EACpC,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,kBAAkB;AACpB;AAeA,IAAM,2BACJ,cAAoD,IAAI;AAYnD,IAAM,mCAET,CAAC,EAAE,UAAU,QAAQ,SAAS,UAAU,mBAAmB,MAAM;AACnE,QAAM,eAAe,WAAW,wBAAwB;AAExD,QAAM,eAAkC;AAAA,IACtC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAI,cAAc,UAAU,CAAC;AAAA,MAC7B,GAAI,UAAU,CAAC;AAAA,IACjB;AAAA,IACA,CAAC,QAAQ,cAAc,MAAM;AAAA,EAC/B;AAEA,QAAM,kBAAkB,WAAW,cAAc,WAAW;AAE5D,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,UAAU;AACZ,aAAO;AAAA,IACT;AACA,QAAI,cAAc,UAAU;AAC1B,aAAO,aAAa;AAAA,IACtB;AACA,WAAO,WAAW;AAAA,EACpB,GAAG,CAAC,UAAU,cAAc,QAAQ,CAAC;AAErC,QAAM,sBAAsB,sBAAsB,cAAc,sBAAsB;AAEtF,QAAM,CAAC,mBAAmB,oBAAoB,IAAI;AAAA,IAChD,cAAc,eAAe;AAAA,EAC/B;AAEA,QAAM,sBAAsB,cAAc,eAAe;AACzD,QAAM,uBAAuB,cAAc,gBAAgB;AAE3D,QAAM,qBAAoD;AAAA,IACxD,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MACd,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SACE,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,oBACvC,UACH;AAEJ;AAGO,IAAM,8BACX,MAA4C;AAC1C,QAAM,gBAAgB,WAAW,wBAAwB;AACzD,SAAO;AACT;","names":[]}

package/dist/chunk-5JNWVLQI.mjs

@@ -1,72 +0,0 @@
-import {
-  defineToolCallRenderer
-} from "./chunk-46BZRXWT.mjs";
-
-// src/components/WildcardToolCallRender.tsx
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var WildcardToolCallRender = defineToolCallRenderer({
-  name: "*",
-  render: ({ args, result, name, status }) => {
-    const [isExpanded, setIsExpanded] = useState(false);
-    const statusString = String(status);
-    const isActive = statusString === "inProgress" || statusString === "executing";
-    const isComplete = statusString === "complete";
-    const statusStyles = isActive ? "bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-400" : isComplete ? "bg-emerald-100 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-400" : "bg-zinc-100 text-zinc-800 dark:bg-zinc-700/40 dark:text-zinc-300";
-    return /* @__PURE__ */ jsx("div", { className: "mt-2 pb-2", children: /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-zinc-200/60 dark:border-zinc-800/60 bg-white/70 dark:bg-zinc-900/50 shadow-sm backdrop-blur p-4", children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex items-center justify-between gap-3 cursor-pointer",
-          onClick: () => setIsExpanded(!isExpanded),
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-              /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  className: `h-4 w-4 text-zinc-500 dark:text-zinc-400 transition-transform ${isExpanded ? "rotate-90" : ""}`,
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  strokeWidth: 2,
-                  stroke: "currentColor",
-                  children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M8.25 4.5l7.5 7.5-7.5 7.5"
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "inline-block h-2 w-2 rounded-full bg-blue-500" }),
-              /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-zinc-900 dark:text-zinc-100", children: name })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: `inline-flex items-center rounded-full px-2 py-1 text-xs font-medium ${statusStyles}`,
-                children: String(status)
-              }
-            )
-          ]
-        }
-      ),
-      isExpanded && /* @__PURE__ */ jsxs("div", { className: "mt-3 grid gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Arguments" }),
-          /* @__PURE__ */ jsx("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: JSON.stringify(args ?? {}, null, 2) })
-        ] }),
-        result !== void 0 && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "Result" }),
-          /* @__PURE__ */ jsx("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words", children: typeof result === "string" ? result : JSON.stringify(result, null, 2) })
-        ] })
-      ] })
-    ] }) });
-  }
-});
-
-export {
-  WildcardToolCallRender
-};
-//# sourceMappingURL=chunk-5JNWVLQI.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/WildcardToolCallRender.tsx"],"sourcesContent":["import { defineToolCallRenderer } from \"../types/defineToolCallRenderer\";\nimport { useState } from \"react\";\n\nexport const WildcardToolCallRender = defineToolCallRenderer({\n  name: \"*\",\n  render: ({ args, result, name, status }) => {\n    const [isExpanded, setIsExpanded] = useState(false);\n\n    const statusString = String(status) as\n      | \"inProgress\"\n      | \"executing\"\n      | \"complete\";\n    const isActive =\n      statusString === \"inProgress\" || statusString === \"executing\";\n    const isComplete = statusString === \"complete\";\n    const statusStyles = isActive\n      ? \"bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-400\"\n      : isComplete\n        ? \"bg-emerald-100 text-emerald-800 dark:bg-emerald-500/15 dark:text-emerald-400\"\n        : \"bg-zinc-100 text-zinc-800 dark:bg-zinc-700/40 dark:text-zinc-300\";\n\n    return (\n      <div className=\"mt-2 pb-2\">\n        <div className=\"rounded-xl border border-zinc-200/60 dark:border-zinc-800/60 bg-white/70 dark:bg-zinc-900/50 shadow-sm backdrop-blur p-4\">\n          <div\n            className=\"flex items-center justify-between gap-3 cursor-pointer\"\n            onClick={() => setIsExpanded(!isExpanded)}\n          >\n            <div className=\"flex items-center gap-2 min-w-0\">\n              <svg\n                className={`h-4 w-4 text-zinc-500 dark:text-zinc-400 transition-transform ${\n                  isExpanded ? \"rotate-90\" : \"\"\n                }`}\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                strokeWidth={2}\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  d=\"M8.25 4.5l7.5 7.5-7.5 7.5\"\n                />\n              </svg>\n              <span className=\"inline-block h-2 w-2 rounded-full bg-blue-500\" />\n              <span className=\"truncate text-sm font-medium text-zinc-900 dark:text-zinc-100\">\n                {name}\n              </span>\n            </div>\n            <span\n              className={`inline-flex items-center rounded-full px-2 py-1 text-xs font-medium ${statusStyles}`}\n            >\n              {String(status)}\n            </span>\n          </div>\n\n          {isExpanded && (\n            <div className=\"mt-3 grid gap-4\">\n              <div>\n                <div className=\"text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400\">\n                  Arguments\n                </div>\n                <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words\">\n                  {JSON.stringify(args ?? {}, null, 2)}\n                </pre>\n              </div>\n\n              {result !== undefined && (\n                <div>\n                  <div className=\"text-xs uppercase tracking-wide text-zinc-500 dark:text-zinc-400\">\n                    Result\n                  </div>\n                  <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-zinc-50 dark:bg-zinc-800/60 p-3 text-xs leading-relaxed text-zinc-800 dark:text-zinc-200 whitespace-pre-wrap break-words\">\n                    {typeof result === \"string\"\n                      ? result\n                      : JSON.stringify(result, null, 2)}\n                  </pre>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n});\n"],"mappings":";;;;;AACA,SAAS,gBAAgB;AA2Bb,SAUI,KAVJ;AAzBL,IAAM,yBAAyB,uBAAuB;AAAA,EAC3D,MAAM;AAAA,EACN,QAAQ,CAAC,EAAE,MAAM,QAAQ,MAAM,OAAO,MAAM;AAC1C,UAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,UAAM,eAAe,OAAO,MAAM;AAIlC,UAAM,WACJ,iBAAiB,gBAAgB,iBAAiB;AACpD,UAAM,aAAa,iBAAiB;AACpC,UAAM,eAAe,WACjB,yEACA,aACE,iFACA;AAEN,WACE,oBAAC,SAAI,WAAU,aACb,+BAAC,SAAI,WAAU,4HACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM,cAAc,CAAC,UAAU;AAAA,UAExC;AAAA,iCAAC,SAAI,WAAU,mCACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,iEACT,aAAa,cAAc,EAC7B;AAAA,kBACA,MAAK;AAAA,kBACL,SAAQ;AAAA,kBACR,aAAa;AAAA,kBACb,QAAO;AAAA,kBAEP;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAc;AAAA,sBACd,gBAAe;AAAA,sBACf,GAAE;AAAA;AAAA,kBACJ;AAAA;AAAA,cACF;AAAA,cACA,oBAAC,UAAK,WAAU,iDAAgD;AAAA,cAChE,oBAAC,UAAK,WAAU,iEACb,gBACH;AAAA,eACF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,uEAAuE,YAAY;AAAA,gBAE7F,iBAAO,MAAM;AAAA;AAAA,YAChB;AAAA;AAAA;AAAA,MACF;AAAA,MAEC,cACC,qBAAC,SAAI,WAAU,mBACb;AAAA,6BAAC,SACC;AAAA,8BAAC,SAAI,WAAU,oEAAmE,uBAElF;AAAA,UACA,oBAAC,SAAI,WAAU,sKACZ,eAAK,UAAU,QAAQ,CAAC,GAAG,MAAM,CAAC,GACrC;AAAA,WACF;AAAA,QAEC,WAAW,UACV,qBAAC,SACC;AAAA,8BAAC,SAAI,WAAU,oEAAmE,oBAElF;AAAA,UACA,oBAAC,SAAI,WAAU,sKACZ,iBAAO,WAAW,WACf,SACA,KAAK,UAAU,QAAQ,MAAM,CAAC,GACpC;AAAA,WACF;AAAA,SAEJ;AAAA,OAEJ,GACF;AAAA,EAEJ;AACF,CAAC;","names":[]}

package/dist/chunk-5SC3CO5Q.mjs

@@ -1,69 +0,0 @@
-import {
-  useCopilotChatConfiguration
-} from "./chunk-4XJK5IVQ.mjs";
-import {
-  useCopilotKit
-} from "./chunk-RF2CGPHQ.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-5SC3CO5Q.mjs.map

package/dist/chunk-5SC3CO5Q.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":[]}

package/dist/chunk-6VUKDHOD.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-6VUKDHOD.mjs.map

package/dist/chunk-6VUKDHOD.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}